/* classes attached to */ /* TODO: make fc-event selector work when calender in shadow DOM */ .fc-not-allowed, .fc-not-allowed .fc-event { /* override events' custom cursors */ cursor: not-allowed; } /* TODO: not attached to body. attached to specific els. move */ .fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fc { /* layout of immediate children */ display: flex; flex-direction: column; font-size: 1em } .fc, .fc *, .fc *:before, .fc *:after { box-sizing: border-box; } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ } .fc th { text-align: center; } .fc th, .fc td { vertical-align: top; padding: 0; } .fc a[data-navlink] { cursor: pointer; } .fc a[data-navlink]:hover { text-decoration: underline; } .fc-direction-ltr { direction: ltr; text-align: left; } .fc-direction-rtl { direction: rtl; text-align: right; } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } /* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */ /* inner-wrappers are responsible for being absolute */ /* TODO: best place for this? */ .fc-liquid-hack td, .fc-liquid-hack th { position: relative; } @font-face { font-family: 'fcicons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); font-weight: normal; font-style: normal; } .fc-icon { /* added for fc */ display: inline-block; width: 1em; height: 1em; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fcicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: "\e900"; } .fc-icon-chevron-right:before { content: "\e901"; } .fc-icon-chevrons-left:before { content: "\e902"; } .fc-icon-chevrons-right:before { content: "\e903"; } .fc-icon-minus-square:before { content: "\e904"; } .fc-icon-plus-square:before { content: "\e905"; } .fc-icon-x:before { content: "\e906"; } /* Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css These styles only apply when the standard-theme is activated. When it's NOT activated, the fc-button classes won't even be in the DOM. */ .fc { /* reset */ } .fc .fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .fc .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .fc .fc-button { -webkit-appearance: button; } .fc .fc-button:not(:disabled) { cursor: pointer; } .fc .fc-button::-moz-focus-inner { padding: 0; border-style: none; } .fc { /* theme */ } .fc .fc-button { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc .fc-button:hover { text-decoration: none; } .fc .fc-button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc .fc-button:disabled { opacity: 0.65; } .fc { /* "primary" coloring */ } .fc .fc-button-primary { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); } .fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); } .fc .fc-button-primary:disabled { /* not DRY */ color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */ } .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); } .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc { /* icons within buttons */ } .fc .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ } .fc .fc-button-group { position: relative; display: inline-flex; vertical-align: middle; } .fc .fc-button-group > .fc-button { position: relative; flex: 1 1 auto; } .fc .fc-button-group > .fc-button:hover { z-index: 1; } .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active { z-index: 1; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc .fc-toolbar { display: flex; justify-content: space-between; align-items: center; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } .fc .fc-toolbar-title { font-size: 1.75em; margin: 0; } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: .75em; /* space between */ } .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { margin-right: .75em; /* space between */ } .fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */ flex-direction: row-reverse; } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative; /* for abs-positioned elements within */ } .fc .fc-scroller-liquid { height: 100%; } .fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr; /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */ /* TODO: demonstrate in codepen */ } .fc .fc-scroller-harness-liquid { height: 100%; } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */ direction: rtl; } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */ } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { /* all tables (self included) */ width: 100%; /* because tables don't normally do this */ table-layout: fixed; } .fc .fc-scrollgrid table { /* inner tables */ border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; } .fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; border-bottom-width: 0; } .fc .fc-scrollgrid-liquid { height: 100%; } .fc .fc-scrollgrid-section { /* a */ height: 1px /* better than 0, for firefox */ } .fc .fc-scrollgrid-section > td { height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */ } .fc .fc-scrollgrid-section table { height: 1px; /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */ /* serves as a min-height. harmless */ } .fc .fc-scrollgrid-section-liquid > td { height: 100%; /* better than `auto`, for firefox */ } .fc .fc-scrollgrid-section > * { border-top-width: 0; border-left-width: 0; } .fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * { border-bottom-width: 0; } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; /* head keeps its bottom border tho */ } .fc { /* stickiness */ } .fc .fc-scrollgrid-section-sticky > * { background: #fff; background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 3; /* TODO: var */ /* TODO: box-shadow when sticking */ } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { top: 0; /* because border-sharing causes a gap at the top */ /* TODO: give safari -1. has bug */ } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */ } .fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */ height: 1px; /* needs height to create scrollbars */ margin-bottom: -1px; } .fc-sticky { /* no .fc wrap because used as child of body */ position: sticky; } .fc .fc-view-harness { flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */ position: relative; } .fc { /* when the harness controls the height, make the view liquid */ } .fc .fc-view-harness-active > .fc-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-col-header-cell-cushion { display: inline-block; /* x-browser for when sticky (when multi-tier header) */ padding: 2px 4px; } .fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight { /* will always have a harness with position:relative/absolute, so absolutely expand */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc .fc-non-business { background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); } .fc .fc-bg-event { background: rgb(143, 223, 130); background: var(--fc-bg-event-color, rgb(143, 223, 130)); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3) } .fc .fc-bg-event .fc-event-title { margin: .5em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); font-style: italic; } .fc .fc-highlight { background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } /* link resets */ /* ---------------------------------------------------------------------------------------------------- */ a.fc-event, a.fc-event:hover { text-decoration: none; } /* cursor */ .fc-event[href], .fc-event.fc-event-draggable { cursor: pointer; } /* event text content */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event .fc-event-main { position: relative; z-index: 2; } /* dragging */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event-dragging:not(.fc-event-selected) { /* MOUSE */ opacity: 0.75; } .fc-event-dragging.fc-event-selected { /* TOUCH */ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } /* resizing */ /* ---------------------------------------------------------------------------------------------------- */ /* (subclasses should hone positioning for touch and non-touch) */ .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; } .fc-event:hover, /* MOUSE */ .fc-event-selected { /* TOUCH */ } .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer { display: block; } .fc-event-selected .fc-event-resizer { border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: #fff; background: var(--fc-page-bg-color, #fff) /* expand hit area */ } .fc-event-selected .fc-event-resizer:before { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; } /* selecting (always TOUCH) */ /* OR, focused by tab-index */ /* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event-selected, .fc-event:focus { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) /* expand hit area (subclasses should expand) */ } .fc-event-selected:before, .fc-event:focus:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .fc-event-selected, .fc-event:focus { /* dimmer effect */ } .fc-event-selected:after, .fc-event:focus:after { content: ""; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; /* assume there's a border on all sides. overcome it. */ /* sometimes there's NOT a border, in which case the dimmer will go over */ /* an adjacent border, which looks fine. */ top: -1px; left: -1px; right: -1px; bottom: -1px; } /* A HORIZONTAL event */ .fc-h-event { /* allowed to be top-level */ display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8) } .fc-h-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); } .fc-h-event .fc-event-main-frame { display: flex; /* for make fc-event-title-container expand */ } .fc-h-event .fc-event-time { max-width: 100%; /* clip overflow on this element */ overflow: hidden; } .fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ } .fc-h-event .fc-event-title { display: inline-block; /* need this to be sticky cross-browser */ vertical-align: top; /* for not messing up line-height */ left: 0; /* for sticky */ right: 0; /* for sticky */ max-width: 100%; /* clip overflow on this element */ overflow: hidden; } .fc-h-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } /* adjust border and border-radius (if there is any) for non-start/end */ .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } /* resizers */ .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); } /* resizers for TOUCH */ .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc .fc-popover { position: absolute; z-index: 9999; box-shadow: 0 2px 6px rgba(0,0,0,.15); } .fc .fc-popover-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3px 4px; } .fc .fc-popover-title { margin: 0 2px; } .fc .fc-popover-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } .fc-theme-standard .fc-popover { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: #fff; background: var(--fc-page-bg-color, #fff); } .fc-theme-standard .fc-popover-header { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } /* stylelint-disable */ html, body { width: 100%; height: 100%; } input::-ms-clear, input::-ms-reveal { display: none; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @-ms-viewport { width: device-width; } body { margin: 0; } [tabindex="-1"]:focus { outline: none; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5em; font-weight: 500; } p { margin-top: 0; margin-bottom: 1em; } abbr[title], abbr[data-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline; text-decoration: underline dotted; border-bottom: 0; cursor: help; } address { margin-bottom: 1em; font-style: normal; line-height: inherit; } input[type="text"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; } ol, ul, dl { margin-top: 0; margin-bottom: 1em; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 500; } dd { margin-bottom: 0.5em; margin-left: 0; } blockquote { margin: 0 0 1em; } dfn { font-style: italic; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } pre, code, kbd, samp { font-size: 1em; font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; } pre { margin-top: 0; margin-bottom: 1em; overflow: auto; } figure { margin: 0 0 1em; } img { vertical-align: middle; border-style: none; } a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea { touch-action: manipulation; } table { border-collapse: collapse; } caption { padding-top: 0.75em; padding-bottom: 0.3em; text-align: left; caption-side: bottom; } input, button, select, optgroup, textarea { margin: 0; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; margin: 0; padding: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; margin-bottom: 0.5em; padding: 0; color: inherit; font-size: 1.5em; line-height: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; } template { display: none; } [hidden] { display: none !important; } mark { padding: 0.2em; background-color: #feffe6; } /* :root { --ck-color-base-background: unset !important; --ck-color-base-text: unset !important; } *//** * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Reset */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-base-foreground: hsl(0, 0%, 98%); --ck-color-base-background: hsl(0, 0%, 100%); --ck-color-base-border: hsl(220, 6%, 81%); --ck-color-base-action: hsl(104, 50.2%, 42.5%); --ck-color-base-focus: hsl(209, 92%, 70%); --ck-color-base-text: hsl(0, 0%, 20%); --ck-color-base-active: hsl(218.1, 100%, 58%); --ck-color-base-active-focus: hsl(218.2, 100%, 52.5%); --ck-color-base-error: hsl(15, 100%, 43%); /* -- Generic colors ------------------------------------------------------------------------ */ --ck-color-focus-border-coordinates: 218, 81.8%, 56.9%; --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates)); --ck-color-focus-outer-shadow: hsl(212.4, 89.3%, 89%); --ck-color-focus-disabled-shadow: hsla(209, 90%, 72%,.3); --ck-color-focus-error-shadow: hsla(9,100%,56%,.3); --ck-color-text: var(--ck-color-base-text); --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.15); --ck-color-shadow-drop-active: hsla(0, 0%, 0%, 0.2); --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1); /* -- Buttons ------------------------------------------------------------------------------- */ --ck-color-button-default-background: transparent; --ck-color-button-default-hover-background: hsl(0, 0%, 94.1%); --ck-color-button-default-active-background: hsl(0, 0%, 94.1%); --ck-color-button-default-disabled-background: transparent; --ck-color-button-on-background: hsl(212, 100%, 97.1%); --ck-color-button-on-hover-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-active-background: hsl(211.7, 100%, 92.9%); --ck-color-button-on-disabled-background: hsl(211, 15%, 95%); --ck-color-button-on-color: hsl(218.1, 100%, 58%); --ck-color-button-action-background: var(--ck-color-base-action); --ck-color-button-action-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-active-background: hsl(104, 53.2%, 40.2%); --ck-color-button-action-disabled-background: hsl(104, 44%, 58%); --ck-color-button-action-text: var(--ck-color-base-background); --ck-color-button-save: hsl(120, 100%, 27%); --ck-color-button-cancel: hsl(15, 100%, 43%); --ck-color-switch-button-off-background: hsl(0, 0%, 57.6%); --ck-color-switch-button-off-hover-background: hsl(0, 0%, 49%); --ck-color-switch-button-on-background: var(--ck-color-button-action-background); --ck-color-switch-button-on-hover-background: hsl(104, 53.2%, 40.2%); --ck-color-switch-button-inner-background: var(--ck-color-base-background); --ck-color-switch-button-inner-shadow: hsla(0, 0%, 0%, 0.1); /* -- Dropdown ------------------------------------------------------------------------------ */ --ck-color-dropdown-panel-background: var(--ck-color-base-background); --ck-color-dropdown-panel-border: var(--ck-color-base-border); /* -- Dialog -------------------------------------------------------------------------------- */ --ck-color-dialog-background: var(--ck-custom-background); --ck-color-dialog-form-header-border: var(--ck-custom-border); /* -- Input --------------------------------------------------------------------------------- */ --ck-color-input-background: var(--ck-color-base-background); --ck-color-input-border: var(--ck-color-base-border); --ck-color-input-error-border: var(--ck-color-base-error); --ck-color-input-text: var(--ck-color-base-text); --ck-color-input-disabled-background: hsl(0, 0%, 95%); --ck-color-input-disabled-border: var(--ck-color-base-border); --ck-color-input-disabled-text: hsl(0, 0%, 46%); /* -- List ---------------------------------------------------------------------------------- */ --ck-color-list-background: var(--ck-color-base-background); --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background); --ck-color-list-button-on-background: var(--ck-color-button-on-color); --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color); --ck-color-list-button-on-text: var(--ck-color-base-background); /* -- Panel --------------------------------------------------------------------------------- */ --ck-color-panel-background: var(--ck-color-base-background); --ck-color-panel-border: var(--ck-color-base-border); /* -- Toolbar ------------------------------------------------------------------------------- */ --ck-color-toolbar-background: var(--ck-color-base-background); --ck-color-toolbar-border: var(--ck-color-base-border); /* -- Tooltip ------------------------------------------------------------------------------- */ --ck-color-tooltip-background: var(--ck-color-base-text); --ck-color-tooltip-text: var(--ck-color-base-background); /* -- Engine -------------------------------------------------------------------------------- */ --ck-color-engine-placeholder-text: hsl(0, 0%, 44%); /* -- Upload -------------------------------------------------------------------------------- */ --ck-color-upload-bar-background: hsl(209, 92%, 70%); /* -- Link -------------------------------------------------------------------------------- */ --ck-color-link-default: hsl(240, 100%, 47%); --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1); --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3); /* -- Search result highlight ---------------------------------------------------------------- */ --ck-color-highlight-background: hsl(60, 100%, 50%); /* -- Generic colors ------------------------------------------------------------------------- */ --ck-color-light-red: hsl(0, 100%, 90%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * An opacity value of disabled UI item. */ --ck-disabled-opacity: .5; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * The geometry of the of focused element's outer shadow. */ --ck-focus-outer-shadow-geometry: 0 0 0 3px; /** * A visual style of focused element's outer shadow. */ --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow); /** * A visual style of focused element's outer shadow (when disabled). */ --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow); /** * A visual style of focused element's outer shadow (when has errors). */ --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow); /** * A visual style of focused element's border or outline. */ --ck-focus-ring: 1px solid var(--ck-color-focus-border); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-font-size-base: 13px; --ck-line-height-base: 1.84615; --ck-font-face: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; --ck-font-size-tiny: 0.7em; --ck-font-size-small: 0.75em; --ck-font-size-normal: 1em; --ck-font-size-big: 1.4em; --ck-font-size-large: 1.8em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* This is super-important. This is **manually** adjusted so a button without an icon is never smaller than a button with icon, additionally making sure that text-less buttons are perfect squares. The value is also shared by other components which should stay "in-line" with buttons. */ --ck-ui-component-min-height: 2.3em; } /** * Resets an element, ignoring its children. */ .ck.ck-reset, .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { box-sizing: border-box; width: auto; height: auto; position: static; /* Do not include inheritable rules here. */ margin: 0; padding: 0; border: 0; background: transparent; text-decoration: none; vertical-align: middle; transition: none; /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/105 */ word-wrap: break-word; } /** * Resets an element AND its children. */ .ck.ck-reset_all, .ck-reset_all *:not(.ck-reset_all-excluded *) { /* These are rule inherited by all children elements. */ border-collapse: collapse; font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face); color: var(--ck-color-text); text-align: left; white-space: nowrap; cursor: auto; float: none; } .ck-reset_all .ck-rtl *:not(.ck-reset_all-excluded *) { text-align: right; } .ck-reset_all iframe:not(.ck-reset_all-excluded *) { /* For IE */ vertical-align: inherit; } .ck-reset_all textarea:not(.ck-reset_all-excluded *) { white-space: pre-wrap; } .ck-reset_all textarea:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"]:not(.ck-reset_all-excluded *) { cursor: text; } .ck-reset_all textarea[disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="text"][disabled]:not(.ck-reset_all-excluded *), .ck-reset_all input[type="password"][disabled]:not(.ck-reset_all-excluded *) { cursor: default; } .ck-reset_all fieldset:not(.ck-reset_all-excluded *) { padding: 10px; border: 2px groove hsl(255, 7%, 88%); } .ck-reset_all button:not(.ck-reset_all-excluded *)::-moz-focus-inner { /* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */ padding: 0; border: 0 } /** * Default UI rules for RTL languages. */ .ck[dir="rtl"], .ck[dir="rtl"] .ck { text-align: right; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Default border-radius value. */ :root{ --ck-border-radius: 2px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /** * A visual style of element's inner shadow (i.e. input). */ --ck-inner-shadow: 2px 2px 3px var(--ck-color-shadow-inner) inset; /** * A visual style of element's drop shadow (i.e. panel). */ --ck-drop-shadow: 0 1px 2px 1px var(--ck-color-shadow-drop); /** * A visual style of element's active shadow (i.e. comment or suggestion). */ --ck-drop-shadow-active: 0 3px 6px 1px var(--ck-color-shadow-drop-active); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-spacing-unit: 0.6em; --ck-spacing-large: calc(var(--ck-spacing-unit) * 1.5); --ck-spacing-standard: var(--ck-spacing-unit); --ck-spacing-medium: calc(var(--ck-spacing-unit) * 0.8); --ck-spacing-small: calc(var(--ck-spacing-unit) * 0.5); --ck-spacing-tiny: calc(var(--ck-spacing-unit) * 0.3); --ck-spacing-extra-tiny: calc(var(--ck-spacing-unit) * 0.16); } /* Components */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck.ck-autocomplete > .ck-search__results { border-radius: 0; max-height: 200px; overflow-y: auto; background: var(--ck-color-base-background); border: 1px solid var(--ck-color-dropdown-panel-border); min-width: auto; } .ck-rounded-corners .ck.ck-autocomplete > .ck-search__results, .ck.ck-autocomplete > .ck-search__results.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-autocomplete > .ck-search__results { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { border-bottom-left-radius: 0; border-bottom-right-radius: 0; /* Prevent duplicated borders between the input and the results pane. */ margin-bottom: -1px; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { border-top-left-radius: 0; border-top-right-radius: 0; /* Prevent duplicated borders between the input and the results pane. */ margin-top: -1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button, a.ck.ck-button { background: var(--ck-color-button-default-background); border-radius: 0; white-space: nowrap; cursor: default; vertical-align: middle; padding: var(--ck-spacing-tiny); text-align: center; /* A very important piece of styling. Go to variable declaration to learn more. */ min-width: var(--ck-ui-component-min-height); min-height: var(--ck-ui-component-min-height); /* Normalize the height of the line. Removing this will break consistent height among text and text-less buttons (with icons). */ line-height: 1; /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; /* Avoid flickering when the foucs border shows up. */ border: 1px solid transparent; /* Apply some smooth transition to the box-shadow and border. */ transition: box-shadow .2s ease-in-out, border .2s ease-in-out; /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/189 */ -webkit-appearance: none; } .ck.ck-button:not(.ck-disabled):hover, a.ck.ck-button:not(.ck-disabled):hover { background: var(--ck-color-button-default-hover-background); } .ck.ck-button:not(.ck-disabled):active, a.ck.ck-button:not(.ck-disabled):active { background: var(--ck-color-button-default-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-disabled, a.ck.ck-button.ck-disabled { background: var(--ck-color-button-default-disabled-background); } .ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-button, a.ck.ck-button { transition: none; } } .ck.ck-button:active, a.ck.ck-button:active, .ck.ck-button:focus, a.ck.ck-button:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } /* Allow icon coloring using the text "color" property. */ .ck.ck-button .ck-button__icon use, a.ck.ck-button .ck-button__icon use, .ck.ck-button .ck-button__icon use *, a.ck.ck-button .ck-button__icon use * { color: inherit; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; font-weight: inherit; color: inherit; cursor: inherit; /* Must be consistent with .ck-icon's vertical align. Otherwise, buttons with and without labels (but with icons) have different sizes in Chrome */ vertical-align: middle; } [dir="ltr"] .ck.ck-button .ck-button__label, [dir="ltr"] a.ck.ck-button .ck-button__label { text-align: left; } [dir="rtl"] .ck.ck-button .ck-button__label, [dir="rtl"] a.ck.ck-button .ck-button__label { text-align: right; } .ck.ck-button .ck-button__keystroke, a.ck.ck-button .ck-button__keystroke { color: inherit; opacity: .5; } [dir="ltr"] .ck.ck-button .ck-button__keystroke, [dir="ltr"] a.ck.ck-button .ck-button__keystroke { margin-left: var(--ck-spacing-large); } [dir="rtl"] .ck.ck-button .ck-button__keystroke, [dir="rtl"] a.ck.ck-button .ck-button__keystroke { margin-right: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */ .ck.ck-button.ck-disabled:active, a.ck.ck-button.ck-disabled:active, .ck.ck-button.ck-disabled:focus, a.ck.ck-button.ck-disabled:focus { /* The disabled button should have a slightly less visible shadow when focused. */ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon { opacity: var(--ck-disabled-opacity); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-disabled .ck-button__label, a.ck.ck-button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } .ck.ck-button.ck-disabled .ck-button__keystroke, a.ck.ck-button.ck-disabled .ck-button__keystroke { opacity: .3; } .ck.ck-button.ck-button_with-text, a.ck.ck-button.ck-button_with-text { padding: var(--ck-spacing-tiny) var(--ck-spacing-standard); /* stylelint-disable-next-line no-descending-specificity */ } [dir="ltr"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="ltr"] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-button.ck-button_with-text .ck-button__icon, [dir="rtl"] a.ck.ck-button.ck-button_with-text .ck-button__icon { margin-left: var(--ck-spacing-medium); } /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-button.ck-button_with-keystroke .ck-button__label, a.ck.ck-button.ck-button_with-keystroke .ck-button__label { flex-grow: 1; } /* A style of the button which is currently on, e.g. its feature is active. */ .ck.ck-button.ck-on, a.ck.ck-button.ck-on { background: var(--ck-color-button-on-background); color: var(--ck-color-button-on-color); } .ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover { background: var(--ck-color-button-on-hover-background); } .ck.ck-button.ck-on:not(.ck-disabled):active, a.ck.ck-button.ck-on:not(.ck-disabled):active { background: var(--ck-color-button-on-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button.ck-on.ck-disabled, a.ck.ck-button.ck-on.ck-disabled { background: var(--ck-color-button-on-disabled-background); } .ck.ck-button.ck-button-save, a.ck.ck-button.ck-button-save { color: var(--ck-color-button-save); } .ck.ck-button.ck-button-cancel, a.ck.ck-button.ck-button-cancel { color: var(--ck-color-button-cancel); } /* A style of the button which handles the primary action. */ .ck.ck-button-action, a.ck.ck-button-action { background: var(--ck-color-button-action-background); color: var(--ck-color-button-action-text); } .ck.ck-button-action:not(.ck-disabled):hover, a.ck.ck-button-action:not(.ck-disabled):hover { background: var(--ck-color-button-action-hover-background); } .ck.ck-button-action:not(.ck-disabled):active, a.ck.ck-button-action:not(.ck-disabled):active { background: var(--ck-color-button-action-active-background); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/98 */ .ck.ck-button-action.ck-disabled, a.ck.ck-button-action.ck-disabled { background: var(--ck-color-button-action-disabled-background); } .ck.ck-button-bold, a.ck.ck-button-bold { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Note: To avoid rendering issues (aliasing) but to preserve the responsive nature of the component, floating–point numbers have been used which, for the default font size (see: --ck-font-size-base), will generate simple integers. */ :root { /* 34px at 13px font-size */ --ck-switch-button-toggle-width: 2.6153846154em; /* 14px at 13px font-size */ --ck-switch-button-toggle-inner-size: calc(1.0769230769em + 1px); --ck-switch-button-translation: calc( var(--ck-switch-button-toggle-width) - var(--ck-switch-button-toggle-inner-size) - 2px /* Border */ ); --ck-switch-button-inner-hover-shadow: 0 0 0 5px var(--ck-color-switch-button-inner-shadow); } /* Unlike a regular button, the switch button text color and background should never change. * Changing toggle switch (background, outline) is enough to carry the information about the * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519) */ .ck.ck-button.ck-switchbutton, .ck.ck-button.ck-switchbutton:hover, .ck.ck-button.ck-switchbutton:focus, .ck.ck-button.ck-switchbutton:active, .ck.ck-button.ck-switchbutton.ck-on:hover, .ck.ck-button.ck-switchbutton.ck-on:focus, .ck.ck-button.ck-switchbutton.ck-on:active { color: inherit; background: transparent; } [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__label { /* Separate the label from the switch */ margin-right: calc(2 * var(--ck-spacing-large)); } [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__label { /* Separate the label from the switch */ margin-left: calc(2 * var(--ck-spacing-large)); } .ck.ck-button.ck-switchbutton .ck-button__toggle { border-radius: 0; /* Apply some smooth transition to the box-shadow and border. */ /* Gently animate the background color of the toggle switch */ transition: background 400ms ease, box-shadow .2s ease-in-out, outline .2s ease-in-out; border: 1px solid transparent; width: var(--ck-switch-button-toggle-width); background: var(--ck-color-switch-button-off-background); } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle, .ck.ck-button.ck-switchbutton .ck-button__toggle.ck-rounded-corners { border-radius: var(--ck-border-radius); } [dir="ltr"] .ck.ck-button.ck-switchbutton .ck-button__toggle { /* Make sure the toggle is always to the right as far as possible. */ margin-left: auto; } [dir="rtl"] .ck.ck-button.ck-switchbutton .ck-button__toggle { /* Make sure the toggle is always to the left as far as possible. */ margin-right: auto; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { border-radius: 0; width: var(--ck-switch-button-toggle-inner-size); height: var(--ck-switch-button-toggle-inner-size); background: var(--ck-color-switch-button-inner-background); /* Gently animate the inner part of the toggle switch */ transition: all 300ms ease; } .ck-rounded-corners .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner, .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner.ck-rounded-corners { border-radius: var(--ck-border-radius); border-radius: calc(.5 * var(--ck-border-radius)); } @media (prefers-reduced-motion: reduce) { .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { transition: none; } } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover { background: var(--ck-color-switch-button-off-hover-background); } .ck.ck-button.ck-switchbutton .ck-button__toggle:hover .ck-button__toggle__inner { box-shadow: var(--ck-switch-button-inner-hover-shadow); } .ck.ck-button.ck-switchbutton.ck-disabled .ck-button__toggle { opacity: var(--ck-disabled-opacity); } /* Overriding default .ck-button:focus styles + an outline around the toogle */ .ck.ck-button.ck-switchbutton:focus { border-color: transparent; outline: none; box-shadow: none; } .ck.ck-button.ck-switchbutton:focus .ck-button__toggle { box-shadow: 0 0 0 1px var(--ck-color-base-background), 0 0 0 5px var(--ck-color-focus-outer-shadow); outline-offset: 1px; outline: var(--ck-focus-ring); } /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle { background: var(--ck-color-switch-button-on-background); } .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle:hover { background: var(--ck-color-switch-button-on-hover-background); } /* * Move the toggle switch to the right. It will be animated. */ [dir="ltr"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX( var( --ck-switch-button-translation ) ); } [dir="rtl"] .ck.ck-button.ck-switchbutton.ck-on .ck-button__toggle .ck-button__toggle__inner { transform: translateX( calc( -1 * var( --ck-switch-button-translation ) ) ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button.ck-list-item-button { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); } .ck.ck-button.ck-list-item-button, .ck.ck-button.ck-list-item-button.ck-on { background: var(--ck-color-list-background); color: var(--ck-color-text); } [dir="ltr"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-button.ck-list-item-button:has(.ck-list-item-button__check-holder) { padding-right: var(--ck-spacing-small); } /* * `.ck-on` class and background styling is overridden for `ck-button` in many places. * This is a workaround to make sure that the background is not overridden and uses similar * selector specificity as the other overrides. */ .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover, .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable), .ck.ck-button.ck-list-item-button.ck-on:hover { background: var(--ck-color-list-button-hover-background); } .ck.ck-button.ck-list-item-button:hover:not(.ck-disabled):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-button.ck-on:hover:not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:not(.ck-list-item-button_toggleable):not(.ck-disabled), .ck.ck-button.ck-list-item-button.ck-on:hover:not(.ck-disabled) { color: var(--ck-color-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-collapsible-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-collapsible > .ck.ck-button { width: 100%; font-weight: bold; border-radius: 0; color: inherit; } .ck.ck-collapsible > .ck.ck-button:focus { background: transparent; } .ck.ck-collapsible > .ck.ck-button:active, .ck.ck-collapsible > .ck.ck-button:not(:focus), .ck.ck-collapsible > .ck.ck-button:hover:not(:focus) { background: transparent; border-color: transparent; box-shadow: none; } .ck.ck-collapsible > .ck.ck-button > .ck-icon { margin-right: var(--ck-spacing-medium); width: var(--ck-collapsible-arrow-size); } .ck.ck-collapsible > .ck-collapsible__children { padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large); } .ck.ck-collapsible.ck-collapsible_collapsed > .ck.ck-button .ck-icon { transform: rotate(-90deg); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-grid-tile-size: 24px; /* Not using global colors here because these may change but some colors in a pallette * require special treatment. For instance, this ensures no matter what the UI text color is, * the check icon will look good on the black color tile. */ --ck-color-color-grid-check-icon: hsl(212, 81%, 46%); } .ck.ck-color-grid { grid-gap: 5px; padding: 8px; } .ck.ck-color-grid__tile { transition: .2s ease box-shadow; } @media (forced-colors: none) { .ck.ck-color-grid__tile { width: var(--ck-color-grid-tile-size); height: var(--ck-color-grid-tile-size); min-width: var(--ck-color-grid-tile-size); min-height: var(--ck-color-grid-tile-size); padding: 0; border: 0; } .ck.ck-color-grid__tile.ck-on, .ck.ck-color-grid__tile:focus:not( .ck-disabled ), .ck.ck-color-grid__tile:hover:not( .ck-disabled ) { /* Disable the default .ck-button's border ring. */ border: 0; } .ck.ck-color-grid__tile.ck-color-selector__color-tile_bordered { box-shadow: 0 0 0 1px var(--ck-color-base-border); } .ck.ck-color-grid__tile.ck-on { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-base-text); } .ck.ck-color-grid__tile:focus:not( .ck-disabled ), .ck.ck-color-grid__tile:hover:not( .ck-disabled ) { box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } } /* * In high contrast mode, the colors are replaced with text labels. * See https://github.com/ckeditor/ckeditor5/issues/14907. */ @media (forced-colors: active) { .ck.ck-color-grid__tile { width: unset; height: unset; min-width: unset; min-height: unset; padding: 0 var(--ck-spacing-small); } .ck.ck-color-grid__tile .ck-button__label { display: inline-block; } } @media (prefers-reduced-motion: reduce) { .ck.ck-color-grid__tile { transition: none; } } .ck.ck-color-grid__tile.ck-disabled { cursor: unset; transition: unset; } .ck.ck-color-grid__tile .ck.ck-icon { display: none; color: var(--ck-color-color-grid-check-icon); } .ck.ck-color-grid__tile.ck-on .ck.ck-icon { display: block; } .ck.ck-color-grid__label { padding: 0 var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* View fragment with color grids. */ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { width: 100%; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker .ck.ck-icon { margin-left: var(--ck-spacing-standard); } .ck.ck-color-selector .ck-color-grids-fragment label.ck.ck-color-grid__label { font-weight: unset; } /* View fragment with a color picker. */ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker { padding: 8px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker { height: 100px; min-width: 180px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation) { border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue) { border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(saturation-pointer), .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-picker .hex-color-picker::part(hue-pointer) { width: 15px; height: 15px; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { padding: 0 8px 8px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 ); --ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%); --ck-dialog-max-width: 100vw; --ck-dialog-max-height: 90vh; --ck-color-dialog-background: var(--ck-color-base-background); --ck-color-dialog-form-header-border: var(--ck-color-base-border); } .ck.ck-dialog-overlay { animation: ck-dialog-fade-in .3s; background: var(--ck-dialog-overlay-background-color); z-index: var(--ck-z-dialog); } .ck.ck-dialog { border-radius: 0; --ck-drop-shadow: var(--ck-dialog-drop-shadow); background: var(--ck-color-dialog-background); max-height: var(--ck-dialog-max-height); max-width: var(--ck-dialog-max-width); border: 1px solid var(--ck-color-base-border); overscroll-behavior: contain; } .ck-rounded-corners .ck.ck-dialog, .ck.ck-dialog.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dialog { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-dialog .ck.ck-form__header { border-bottom: 1px solid var(--ck-color-dialog-form-header-border); } .ck-dialog-scroll-locked { overflow: hidden; } @keyframes ck-dialog-fade-in { 0% { background: hsla( 0, 0%, 0%, 0 ); } 100% { background: var(--ck-dialog-overlay-background-color); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog .ck.ck-dialog__actions { padding: var(--ck-spacing-large); } .ck.ck-dialog .ck.ck-dialog__actions > * + * { margin-left: var(--ck-spacing-large); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size)); } .ck.ck-dropdown { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-dropdown .ck-dropdown__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-dropdown .ck-dropdown__arrow { right: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-dropdown .ck-dropdown__arrow { left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); } .ck.ck-dropdown.ck-disabled .ck-dropdown__arrow { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { /* Make sure dropdowns with just an icon have the right inner spacing */ padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-dropdown .ck-button.ck-dropdown__button:not(.ck-button_with-text) { /* Make sure dropdowns with just an icon have the right inner spacing */ padding-right: var(--ck-spacing-small); } /* #23 */ .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label { width: 7em; overflow: hidden; text-overflow: ellipsis; } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/70 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-disabled .ck-button__label { opacity: var(--ck-disabled-opacity); } /* https://github.com/ckeditor/ckeditor5/issues/816 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-dropdown__button_label-width_auto .ck-button__label { width: auto; } /* https://github.com/ckeditor/ckeditor5/issues/8699 */ .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active { box-shadow: none; } .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-off:active:focus, .ck.ck-dropdown .ck-button.ck-dropdown__button.ck-on:active:focus { box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-dropdown__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; /* Make sure the panel is at least as wide as the drop-down's button. */ min-width: 100%; } .ck-rounded-corners .ck.ck-dropdown__panel, .ck.ck-dropdown__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-dropdown__panel { box-shadow: var(--ck-drop-shadow), 0 0; /* Disabled corner border radius to be consistent with the .dropdown__button https://github.com/ckeditor/ckeditor5/issues/816 */ } .ck.ck-dropdown__panel.ck-dropdown__panel_se { border-top-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_sw { border-top-right-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_ne { border-bottom-left-radius: 0; } .ck.ck-dropdown__panel.ck-dropdown__panel_nw { border-bottom-right-radius: 0; } .ck.ck-dropdown__panel:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list { /* Disabled radius of top-left border to be consistent with .dropdown__button https://github.com/ckeditor/ckeditor5/issues/816 */ border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; } /* Make sure the button belonging to the first/last child of the list goes well with the border radius of the entire panel. */ .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:first-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button { border-radius: 0; } .ck-rounded-corners .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button, .ck.ck-dropdown > .ck-dropdown__panel > .ck-list .ck-list__item:last-child > .ck-button.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-color-split-button-hover-background: hsl(0, 0%, 92%); --ck-color-split-button-hover-border: hsl(0, 0%, 70%); } /* * Note: ck-rounded and ck-dir mixins don't go together (because they both use @nest). */ [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { /* Don't round the action button on the right side */ border-top-right-radius: unset; border-bottom-right-radius: unset; } [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__action, [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action { /* Don't round the action button on the left side */ border-top-left-radius: unset; border-bottom-left-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow { /* It's a text-less button and since the icon is positioned absolutely in such situation, it must get some arbitrary min-width. */ min-width: unset; } [dir="ltr"] .ck.ck-splitbutton > .ck-splitbutton__arrow { /* Don't round the arrow button on the left side */ border-top-left-radius: unset; border-bottom-left-radius: unset; } [dir="rtl"] .ck.ck-splitbutton > .ck-splitbutton__arrow { /* Don't round the arrow button on the right side */ border-top-right-radius: unset; border-bottom-right-radius: unset; } .ck.ck-splitbutton > .ck-splitbutton__arrow svg { width: var(--ck-dropdown-arrow-size); } /* Make sure the divider stretches 100% height of the button https://github.com/ckeditor/ckeditor5/issues/10936 */ .ck.ck-splitbutton > .ck-splitbutton__arrow:not(:focus) { border-top-width: 0px; border-bottom-width: 0px; } /* Don't round the bottom left and right corners of the buttons when "open" https://github.com/ckeditor/ckeditor5/issues/816 */ .ck.ck-splitbutton.ck-splitbutton_open { border-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__action, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__action { border-bottom-left-radius: 0; } .ck-rounded-corners .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow, .ck.ck-splitbutton.ck-splitbutton_open.ck-rounded-corners > .ck-splitbutton__arrow { border-bottom-right-radius: 0; } /* When the split button is "open" (the arrow is on) or being hovered, it should get some styling as a whole. The background of both buttons should stand out and there should be a visual separation between both buttons. */ /* When the split button hovered as a whole, not as individual buttons. */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover), .ck.ck-splitbutton:hover > .ck-button:not(.ck-on):not(.ck-disabled):not(:hover) { background: var(--ck-color-split-button-hover-background); } /* Splitbutton separator needs to be set with the ::after pseudoselector to display properly the borders on focus */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { content: ''; position: absolute; width: 1px; height: 100%; background-color: var(--ck-color-split-button-hover-border); } /* Make sure the divider between the buttons looks fine when the button is focused */ .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:focus::after, .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:focus::after { --ck-color-split-button-hover-border: var(--ck-color-focus-border); } [dir="ltr"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="ltr"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { left: -1px; } [dir="rtl"] .ck.ck-splitbutton.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, [dir="rtl"] .ck.ck-splitbutton:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after { right: -1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-toolbar-dropdown .ck-toolbar { border: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * All menu buttons. */ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button { width: 100%; padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); border-radius: 0; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus { border-color: transparent; box-shadow: none; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } /* Spacing in buttons that miss the icon. */ .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label { margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(-90deg); /* Nudge the arrow gently to the right because its center of gravity is to the left */ margin-right: calc(-1 * var(--ck-spacing-small)); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { transform: rotate(90deg); /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */ margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { right: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-menu-menu-item-min-width: 18em; } .ck.ck-dropdown-menu-list__nested-menu__item { min-width: var(--ck-dropdown-menu-menu-item-min-width); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * List item buttons. */ .ck-button.ck-dropdown-menu-list__nested-menu__item__button { border-radius: 0; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container, .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner { /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */ --ck-toolbar-spinner-size: 20px; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container { /* These margins are the same as for .ck-icon. */ margin-left: calc(-1 * var(--ck-spacing-small)); margin-right: var(--ck-spacing-small); } /* * Hovered items automatically get focused. Default focus styles look odd * while moving across a huge list of items so let's get rid of them */ .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus { border-color: transparent; box-shadow: none; } .ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) { background: var(--ck-color-button-default-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-dropdown-menu-menu-panel-max-width: 75vw; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: fit-content; max-width: var(--ck-dropdown-menu-menu-panel-max-width); /* Reset balloon styling */ } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::after, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel::before { display: none; } /* Corner border radius consistent with the button. */ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se { border-top-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw { border-top-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne { border-bottom-left-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn, .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw { border-bottom-right-radius: 0; } .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-accessibility-help-dialog-max-width: 600px; --ck-accessibility-help-dialog-max-height: 400px; --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%); --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%); --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%); } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content { padding: var(--ck-spacing-large); max-width: var(--ck-accessibility-help-dialog-max-width); max-height: var(--ck-accessibility-help-dialog-max-height); overflow: auto; user-select: text; border: 1px solid transparent; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content * { white-space: normal; } /* Hide the main label of the content container. */ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content .ck-label { display: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3 { font-weight: bold; font-size: 1.2em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4 { font-weight: bold; font-size: 1em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content p, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h3, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content h4, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content table { margin: 1em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl { display: grid; grid-template-columns: 2fr 1fr; border-top: 1px solid var(--ck-accessibility-help-dialog-border-color); border-bottom: none; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color); padding: .4em 0; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dt { grid-column-start: 1; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content dl dd { grid-column-start: 2; text-align: right; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd, .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { display: inline-block; background: var(--ck-accessibility-help-dialog-code-background-color); padding: .4em; vertical-align: middle; line-height: 1; border-radius: 2px; text-align: center; font-size: .9em; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content code { font-family: monospace; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd { min-width: 1.8em; box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color); margin: 0 1px; } .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content kbd + kbd { margin-left: 2px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ :root { --ck-color-editable-blur-selection: hsl(0, 0%, 85%); } .ck.ck-editor__editable:not(.ck-editor__nested-editable) { border-radius: 0; } .ck-rounded-corners .ck.ck-editor__editable:not(.ck-editor__nested-editable), .ck.ck-editor__editable.ck-rounded-corners:not(.ck-editor__nested-editable) { border-radius: var(--ck-border-radius); } .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } .ck.ck-editor__editable_inline { overflow: auto; padding: 0 var(--ck-spacing-standard); border: 1px solid transparent; } .ck.ck-editor__editable_inline[dir="ltr"] { text-align: left; } .ck.ck-editor__editable_inline[dir="rtl"] { text-align: right; } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/116 */ .ck.ck-editor__editable_inline > *:first-child { margin-top: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5/issues/847 */ .ck.ck-editor__editable_inline > *:last-child { /* * This value should match with the default margins of the block elements (like .media or .image) * to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin-bottom: var(--ck-spacing-large); } /* https://github.com/ckeditor/ckeditor5/issues/6517 */ .ck.ck-editor__editable_inline.ck-blurred ::selection { background: var(--ck-color-editable-blur-selection); } /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */ .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_n"]::after { border-bottom-color: var(--ck-color-panel-background); } .ck.ck-balloon-panel.ck-toolbar-container[class*="arrow_s"]::after { border-top-color: var(--ck-color-panel-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-form-header-height: 44px; } .ck.ck-form__header { padding: var(--ck-spacing-small) var(--ck-spacing-large); height: var(--ck-form-header-height); line-height: var(--ck-form-header-height); border-bottom: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-form__header > .ck-icon { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-form__header > .ck-icon { margin-left: var(--ck-spacing-medium); } .ck.ck-form__header .ck-form__header__label { --ck-font-size-base: 15px; font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal)); --ck-icon-font-size: .8333350694em; } .ck.ck-icon { width: var(--ck-icon-size); height: var(--ck-icon-size); /* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */ font-size: var(--ck-icon-font-size); /* Inherit cursor style (#5). */ cursor: inherit; /* This will prevent blurry icons on Firefox. See #340. */ will-change: transform; } .ck.ck-icon * { /* Inherit cursor style (#5). */ cursor: inherit; } /* Allows dynamic coloring of an icon by inheriting its color from the parent. */ .ck.ck-icon.ck-icon_inherit-color { color: inherit; } .ck.ck-icon.ck-icon_inherit-color * { color: inherit; } .ck.ck-icon.ck-icon_inherit-color *:not([fill]) { /* Needed by FF. */ fill: currentColor; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-input-width: 18em; /* Backward compatibility. */ --ck-input-text-width: var(--ck-input-width); } .ck.ck-input { border-radius: 0; background: var(--ck-color-input-background); border: 1px solid var(--ck-color-input-border); padding: var(--ck-spacing-extra-tiny) var(--ck-spacing-medium); min-width: var(--ck-input-width); /* This is important to stay of the same height as surrounding buttons */ min-height: var(--ck-ui-component-min-height); /* Apply some smooth transition to the box-shadow and border. */ transition: box-shadow .1s ease-in-out, border .1s ease-in-out; } .ck-rounded-corners .ck.ck-input, .ck.ck-input.ck-rounded-corners { border-radius: var(--ck-border-radius); } @media (prefers-reduced-motion: reduce) { .ck.ck-input { transition: none; } } .ck.ck-input:focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } .ck.ck-input[readonly] { border: 1px solid var(--ck-color-input-disabled-border); background: var(--ck-color-input-disabled-background); color: var(--ck-color-input-disabled-text); } .ck.ck-input[readonly]:focus { /* The read-only input should have a slightly less visible shadow when focused. */ box-shadow: var(--ck-focus-disabled-outer-shadow), 0 0; } .ck.ck-input.ck-error { border-color: var(--ck-color-input-error-border); animation: ck-input-shake .3s ease both; } @media (prefers-reduced-motion: reduce) { .ck.ck-input.ck-error { animation: none; } } .ck.ck-input.ck-error:focus { box-shadow: var(--ck-focus-error-outer-shadow), 0 0; } @keyframes ck-input-shake { 20% { transform: translateX(-2px); } 40% { transform: translateX(2px); } 60% { transform: translateX(-1px); } 80% { transform: translateX(1px); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-label { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95); --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium); --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium); --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base)); --ck-color-labeled-field-label-background: var(--ck-color-base-background); } .ck.ck-labeled-field-view { border-radius: 0; } .ck-rounded-corners .ck.ck-labeled-field-view, .ck.ck-labeled-field-view.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { width: 100%; } .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { top: 0px; pointer-events: none; background: var(--ck-color-labeled-field-label-background); padding: 0 calc(.5 * var(--ck-font-size-tiny)); line-height: initial; font-weight: normal; /* Prevent overflow when the label is longer than the input */ text-overflow: ellipsis; overflow: hidden; max-width: 100%; transition: transform var(--ck-labeled-field-view-transition), padding var(--ck-labeled-field-view-transition), background var(--ck-labeled-field-view-transition); } [dir="ltr"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { left: 0px; transform-origin: 0 0; /* By default, display the label scaled down above the field. */ transform: translate(var(--ck-spacing-medium), -6px) scale(.75); } [dir="rtl"] .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { right: 0px; transform-origin: 100% 0; transform: translate(calc(-1 * var(--ck-spacing-medium)), -6px) scale(.75); } @media (prefers-reduced-motion: reduce) { .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transition: none; } } .ck.ck-labeled-field-view.ck-error > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view.ck-error .ck-input:not([readonly]) + .ck.ck-label { color: var(--ck-color-base-error); } .ck.ck-labeled-field-view .ck-labeled-field-view__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); /* Let the info wrap to the next line to avoid stretching the layout horizontally. The status could be very long. */ white-space: normal; } .ck.ck-labeled-field-view .ck-labeled-field-view__status.ck-labeled-field-view__status_error { color: var(--ck-color-base-error); } /* Disabled fields and fields that have no focus should fade out. */ .ck.ck-labeled-field-view.ck-disabled > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { color: var(--ck-color-input-disabled-text); } /* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */ /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { /* Compensate for the default translate position. */ max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width)); background: transparent; padding: 0; } [dir="ltr"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="ltr"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1); } [dir="rtl"] .ck.ck-labeled-field-view.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label, [dir="rtl"] .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label { transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1); } /*------ DropdownView integration ----------------------------------------------------------------------------------- */ /* Make sure dropdown' background color in any of dropdown's state does not collide with labeled field. */ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck.ck-button { background: transparent; } /* When the dropdown is "empty", the labeled field label replaces its label. */ .ck.ck-labeled-field-view.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown > .ck-button > .ck-button__label { opacity: 0; } /* Make sure the label of the empty, unfocused input does not cover the dropdown arrow. */ .ck.ck-labeled-field-view.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck-dropdown + .ck-label { max-width: calc(var(--ck-labeled-field-empty-unfocused-max-width) - var(--ck-dropdown-arrow-size) - var(--ck-spacing-standard)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-labeled-input .ck-labeled-input__status { font-size: var(--ck-font-size-small); margin-top: var(--ck-spacing-small); /* Let the info wrap to the next line to avoid stretching the layout horizontally. The status could be very long. */ white-space: normal; } .ck.ck-labeled-input .ck-labeled-input__status_error { color: var(--ck-color-base-error); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list { border-radius: 0; list-style-type: none; background: var(--ck-color-list-background); /* A spacing at the beginning and end of the list */ padding: var(--ck-spacing-small) 0; } .ck-rounded-corners .ck.ck-list, .ck.ck-list.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-list__item { cursor: default; /* Almost as wide as menu bar items. */ min-width: 15em; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard)); min-height: unset; width: 100%; border-radius: 0; } [dir="ltr"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: left; } [dir="rtl"] .ck.ck-list__item > .ck-button:not(.ck-list-item-button) { text-align: right; } .ck.ck-list__item > .ck-button:not(.ck-list-item-button) .ck-button__label { /* https://github.com/ckeditor/ckeditor5-heading/issues/63 */ line-height: calc(var(--ck-line-height-base) * var(--ck-font-size-base)); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button) { background: var(--ck-color-list-button-on-background); color: var(--ck-color-list-button-on-text); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):active { box-shadow: none; } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-on-background-focus); } .ck.ck-list__item > .ck-button.ck-on:not(.ck-list-item-button):focus:not(.ck-disabled) { border-color: var(--ck-color-base-background); } .ck.ck-list__item > .ck-button:not(.ck-list-item-button):hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); } /* It's unnecessary to change the background/text of a switch toggle; it has different ways of conveying its state (like the switcher) */ .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on { background: var(--ck-color-list-background); color: inherit; } .ck.ck-list__item > .ck-button.ck-switchbutton.ck-on:hover:not(.ck-disabled) { background: var(--ck-color-list-button-hover-background); color: inherit; } .ck-list .ck-list__group { padding-top: var(--ck-spacing-medium); /* Lists come with an inner vertical padding. Don't duplicate it. */ } .ck-list .ck-list__group:first-child { padding-top: 0; } /* The group should have a border when it's not the first item. */ *:not(.ck-hidden) ~ .ck-list .ck-list__group { border-top: 1px solid var(--ck-color-base-border); } .ck-list .ck-list__group > .ck-label { font-size: 11px; font-weight: bold; padding: var(--ck-spacing-medium) var(--ck-spacing-large) 0; } .ck.ck-list__separator { height: 1px; width: 100%; background: var(--ck-color-base-border); /* Give the separator some air */ margin: var(--ck-spacing-small) 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; background: var(--ck-color-base-background); padding: var(--ck-spacing-small); gap: var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level { max-width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which indicates that an element holding it is disabled. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements a button of given background color. * * @param {String} $background - Background color of the button. * @param {String} $border - Border color of the button. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * All menu buttons. */ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button { width: 100%; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-button__label { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; } .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button.ck-disabled > .ck-button__label { opacity: var(--ck-disabled-opacity); } [dir="ltr"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button:not(.ck-button_with-text) { padding-right: var(--ck-spacing-small); } /* * Top-level menu buttons only. */ .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button { padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-button__label { width: unset; line-height: unset; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button.ck-on { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu.ck-menu-bar__menu_top-level > .ck-menu-bar__menu__button .ck-icon { display: none; } /* * Sub-menu buttons. */ .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button { border-radius: 0; } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { width: var(--ck-dropdown-arrow-size); } [dir="ltr"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(-90deg); /* A space to accommodate the triangle. */ margin-left: var(--ck-spacing-standard); /* Nudge the arrow gently to the right because its center of gravity is to the left */ margin-right: calc(-1 * var(--ck-spacing-small)); } [dir="rtl"] .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { transform: rotate(90deg); left: var(--ck-spacing-standard); /* A space to accommodate the triangle. */ margin-right: var(--ck-spacing-small); /* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */ margin-left: calc(-1 * var(--ck-spacing-small)); } .ck.ck-menu-bar__menu:not(.ck-menu-bar__menu_top-level) .ck-menu-bar__menu__button.ck-disabled > .ck-menu-bar__menu__button__arrow { opacity: var(--ck-disabled-opacity); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-menu-bar-menu-item-min-width: 18em; } .ck.ck-menu-bar__menu .ck.ck-menu-bar__menu__item { min-width: var(--ck-menu-bar-menu-item-min-width); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * List item buttons. */ .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button { border-radius: 0; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container, .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container .ck-spinner { /* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */ --ck-toolbar-spinner-size: 20px; } .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { /* This ensures margins corresponding to the .ck-icon. */ font-size: var(--ck-icon-font-size); } [dir="ltr"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-menu-bar__menu .ck-button.ck-menu-bar__menu__item__button > .ck-spinner-container { margin-left: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ :root { --ck-menu-bar-menu-panel-max-width: 75vw; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { border-radius: 0; background: var(--ck-color-dropdown-panel-background); border: 1px solid var(--ck-color-dropdown-panel-border); bottom: 0; height: fit-content; max-width: var(--ck-menu-bar-menu-panel-max-width); } .ck-rounded-corners .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { box-shadow: var(--ck-drop-shadow), 0 0; /* Corner border radius consistent with the button. */ } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { border-top-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { border-top-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne { border-bottom-left-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { border-bottom-right-radius: 0; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel:focus { outline: none; } .ck.ck-menu-bar .ck-list-item-button:focus, .ck.ck-menu-bar .ck-list-item-button:active { border-color: transparent; box-shadow: none; } .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:focus, .ck.ck-menu-bar.ck-menu-bar_focus-border-enabled .ck-list-item-button:active { /* Fix truncated shadows due to rendering order. */ position: relative; z-index: 2; /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-focus-outer-shadow), 0 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-balloon-border-width: 1px; --ck-balloon-arrow-offset: 2px; --ck-balloon-arrow-height: 10px; --ck-balloon-arrow-half-width: 8px; --ck-balloon-arrow-drop-shadow: 0 2px 2px var(--ck-color-shadow-drop); } .ck.ck-balloon-panel { border-radius: 0; min-height: 15px; background: var(--ck-color-panel-background); border: var(--ck-balloon-border-width) solid var(--ck-color-panel-border); } .ck-rounded-corners .ck.ck-balloon-panel, .ck.ck-balloon-panel.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-balloon-panel { box-shadow: var(--ck-drop-shadow), 0 0; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { width: 0; height: 0; border-style: solid; } .ck.ck-balloon-panel[class*="arrow_n"]::before, .ck.ck-balloon-panel[class*="arrow_n"]::after { border-width: 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*="arrow_n"]::before { border-color: transparent transparent var(--ck-color-panel-border) transparent; margin-top: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_n"]::after { border-color: transparent transparent var(--ck-color-panel-background) transparent; margin-top: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_s"]::before, .ck.ck-balloon-panel[class*="arrow_s"]::after { border-width: var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width); } .ck.ck-balloon-panel[class*="arrow_s"]::before { border-color: var(--ck-color-panel-border) transparent transparent; filter: drop-shadow(var(--ck-balloon-arrow-drop-shadow)); margin-bottom: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_s"]::after { border-color: var(--ck-color-panel-background) transparent transparent transparent; margin-bottom: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_e"]::before, .ck.ck-balloon-panel[class*="arrow_e"]::after { border-width: var(--ck-balloon-arrow-half-width) 0 var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height); } .ck.ck-balloon-panel[class*="arrow_e"]::before { border-color: transparent transparent transparent var(--ck-color-panel-border); margin-right: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_e"]::after { border-color: transparent transparent transparent var(--ck-color-panel-background); margin-right: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_w"]::before, .ck.ck-balloon-panel[class*="arrow_w"]::after { border-width: var(--ck-balloon-arrow-half-width) var(--ck-balloon-arrow-height) var(--ck-balloon-arrow-half-width) 0; } .ck.ck-balloon-panel[class*="arrow_w"]::before { border-color: transparent var(--ck-color-panel-border) transparent transparent; margin-left: calc( -1 * var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel[class*="arrow_w"]::after { border-color: transparent var(--ck-color-panel-background) transparent transparent; margin-left: calc( var(--ck-balloon-arrow-offset) - var(--ck-balloon-border-width) ); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_n::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_ne::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_s::after { left: 50%; margin-left: calc(-1 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sw::after { left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_se::after { right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_sme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_smw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); bottom: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nme::after { right: 25%; margin-right: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_nmw::after { left: 25%; margin-left: calc(2 * var(--ck-balloon-arrow-half-width)); top: calc(-1 * var(--ck-balloon-arrow-height)); } .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_e::after { right: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::before, .ck.ck-balloon-panel.ck-balloon-panel_arrow_w::after { left: calc(-1 * var(--ck-balloon-arrow-height)); margin-top: calc(-1 * var(--ck-balloon-arrow-half-width)); top: 50%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-balloon-rotator__navigation { background: var(--ck-color-toolbar-background); border-bottom: 1px solid var(--ck-color-toolbar-border); padding: 0 var(--ck-spacing-small); /* Let's keep similar appearance to `ck-toolbar`. */ } .ck .ck-balloon-rotator__navigation > * { margin-right: var(--ck-spacing-small); margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } /* Gives counter more breath than buttons. */ .ck .ck-balloon-rotator__navigation .ck-balloon-rotator__counter { margin-right: var(--ck-spacing-standard); /* We need to use smaller margin because of previous button's right margin. */ margin-left: var(--ck-spacing-small); } /* Disable default annotation shadow inside rotator with fake panels. */ .ck .ck-balloon-rotator__content .ck.ck-annotation-wrapper { box-shadow: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ :root { --ck-balloon-fake-panel-offset-horizontal: 6px; --ck-balloon-fake-panel-offset-vertical: 6px; } /* Let's use `.ck-balloon-panel` appearance. See: balloonpanel.css. */ .ck .ck-fake-panel div { box-shadow: var(--ck-drop-shadow), 0 0; min-height: 15px; background: var(--ck-color-panel-background); border: 1px solid var(--ck-color-panel-border); border-radius: var(--ck-border-radius); width: 100%; height: 100%; } .ck .ck-fake-panel div:nth-child( 1 ) { margin-left: var(--ck-balloon-fake-panel-offset-horizontal); margin-top: var(--ck-balloon-fake-panel-offset-vertical); } .ck .ck-fake-panel div:nth-child( 2 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 2); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 2); } .ck .ck-fake-panel div:nth-child( 3 ) { margin-left: calc(var(--ck-balloon-fake-panel-offset-horizontal) * 3); margin-top: calc(var(--ck-balloon-fake-panel-offset-vertical) * 3); } /* If balloon is positioned above element, we need to move fake panel to the top. */ .ck .ck-balloon-panel_arrow_s + .ck-fake-panel, .ck .ck-balloon-panel_arrow_se + .ck-fake-panel, .ck .ck-balloon-panel_arrow_sw + .ck-fake-panel { --ck-balloon-fake-panel-offset-vertical: -6px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { box-shadow: var(--ck-drop-shadow), 0 0; border-width: 0 1px 1px; border-top-left-radius: 0; border-top-right-radius: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-vertical-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form { padding: var(--ck-spacing-large); } .ck.ck-responsive-form:focus { /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */ outline: none; } [dir="ltr"] .ck.ck-responsive-form > :not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-responsive-form > :not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-responsive-form { padding: 0; width: calc(.8 * var(--ck-input-width)); } .ck.ck-responsive-form .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-responsive-form .ck-labeled-field-view .ck-input-text, .ck.ck-responsive-form .ck-labeled-field-view .ck-input-number { min-width: 0; width: 100%; } /* Let the long error messages wrap in the narrow form. */ .ck.ck-responsive-form .ck-labeled-field-view .ck-labeled-field-view__error { white-space: normal; } /* Styles for two last buttons in the form (save&cancel, edit&unlink, etc.). */ .ck.ck-responsive-form > .ck-button:nth-last-child(2)::after { border-right: 1px solid var(--ck-color-base-border); } .ck.ck-responsive-form > .ck-button:nth-last-child(1), .ck.ck-responsive-form > .ck-button:nth-last-child(2) { padding: var(--ck-spacing-standard); margin-top: var(--ck-spacing-large); border-radius: 0; } .ck.ck-responsive-form > .ck-button:nth-last-child(1):not(:focus), .ck.ck-responsive-form > .ck-button:nth-last-child(2):not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="ltr"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1), [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2) { margin-left: 0; } [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(1):last-of-type, [dir="rtl"] .ck.ck-responsive-form > .ck-button:nth-last-child(2):last-of-type { border-right: 1px solid var(--ck-color-base-border); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-search-field-view-horizontal-spacing: calc(var(--ck-icon-size) + var(--ck-spacing-medium)); } .ck.ck-search > .ck-labeled-field-view .ck-input { width: 100%; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon { --ck-labeled-field-label-default-position-x: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon > .ck-labeled-field-view__input-wrapper > .ck-icon { opacity: .5; pointer-events: none; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { width: 100%; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input { padding-left: var(--ck-search-field-view-horizontal-spacing); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-icon .ck-input:not(.ck-input-text_empty) { padding-left: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset { --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset.ck-labeled-field-view_empty { --ck-labeled-field-empty-unfocused-max-width: 100% - var(--ck-search-field-view-horizontal-spacing) - var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { min-width: auto; min-height: auto; background: none; opacity: .5; padding: 0; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { right: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset { left: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-search__reset:hover { opacity: 1; } .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { width: 100%; } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input:not(.ck-input-text_empty) { padding-right: var(--ck-search-field-view-horizontal-spacing); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view.ck-search__query_with-reset .ck-input { padding-right: var(--ck-search-field-view-horizontal-spacing); } .ck.ck-search > .ck-search__results { min-width: 100%; } .ck.ck-search > .ck-search__results > .ck-search__info { width: 100%; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-search > .ck-search__results > .ck-search__info * { white-space: normal; } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { font-weight: bold; } .ck.ck-search > .ck-search__results > .ck-search__info > span:last-child { margin-top: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); animation: 1.5s infinite ck-spinner-rotate linear; } @media (prefers-reduced-motion: reduce) { .ck.ck-spinner-container { animation-duration: 3s; } } .ck.ck-spinner { width: var(--ck-toolbar-spinner-size); height: var(--ck-toolbar-spinner-size); border-radius: 50%; border: 2px solid var(--ck-color-text); border-top-color: transparent; } @keyframes ck-spinner-rotate { to { transform: rotate(360deg) } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * This fixes a problem in Firefox when the initial height of the complement does not match the number of rows. * This bug is especially visible when rows=1. */ .ck-textarea { overflow-x: hidden } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-block-toolbar-button: var(--ck-color-text); --ck-block-toolbar-button-size: var(--ck-font-size-normal); } .ck.ck-block-toolbar-button { color: var(--ck-color-block-toolbar-button); font-size: var(--ck-block-toolbar-size); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-toolbar { border-radius: 0; background: var(--ck-color-toolbar-background); padding: 0 var(--ck-spacing-small); border: 1px solid var(--ck-color-toolbar-border); } .ck-rounded-corners .ck.ck-toolbar, .ck.ck-toolbar.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-toolbar .ck.ck-toolbar__separator { height: var(--ck-icon-size); width: 1px; min-width: 1px; background: var(--ck-color-toolbar-border); /* * These margins make the separators look better in balloon toolbars (when aligned with the "tip"). * See https://github.com/ckeditor/ckeditor5/issues/7493. */ margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar .ck-toolbar__line-break { height: 0; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break) { /* (#11) Separate toolbar items. */ margin-right: var(--ck-spacing-small); } /* Don't display a separator after an empty items container, for instance, when all items were grouped */ .ck.ck-toolbar > .ck-toolbar__items:empty + .ck.ck-toolbar__separator { display: none; } .ck.ck-toolbar > .ck-toolbar__items > *:not(.ck-toolbar__line-break), .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown { /* Make sure items wrapped to the next line have v-spacing */ margin-top: var(--ck-spacing-small); margin-bottom: var(--ck-spacing-small); } .ck.ck-toolbar.ck-toolbar_vertical { /* Items in a vertical toolbar span the entire width. */ padding: 0; /* Specificity matters here. See https://github.com/ckeditor/ckeditor5-theme-lark/issues/168. */ } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items > .ck { /* Items in a vertical toolbar should span the horizontal space. */ width: 100%; /* Items in a vertical toolbar should have no margin. */ margin: 0; /* Items in a vertical toolbar span the entire width so rounded corners are pointless. */ border-radius: 0; } .ck.ck-toolbar.ck-toolbar_compact { /* No spacing around items. */ padding: 0; } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > * { /* Compact toolbar items have no spacing between them. */ margin: 0; /* "Middle" children should have no rounded corners. */ } .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > *:not(:first-child):not(:last-child) { border-radius: 0; } /* * Dropdown button has asymmetric padding to fit the arrow. * This button has no arrow so let's revert that padding back to normal. */ .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck.ck-button.ck-dropdown__button { padding-left: var(--ck-spacing-tiny); } /* A drop-down containing the nested toolbar with configured items. */ /* Prevent empty space in the panel when the dropdown label is visible and long but the toolbar has few items. */ .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-dropdown__panel { min-width: auto; } .ck.ck-toolbar .ck-toolbar__nested-toolbar-dropdown > .ck-button > .ck-button__label { max-width: 7em; width: auto; } .ck.ck-toolbar:focus { outline: none; } .ck-toolbar-container .ck.ck-toolbar { border: 0; } /* stylelint-disable */ /* * Styles for RTL toolbars. * * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir" * because its parent is not controlled by the editor framework. */ [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck { margin-right: 0; } [dir="rtl"] .ck.ck-toolbar:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck, .ck.ck-toolbar[dir="rtl"]:not(.ck-toolbar_compact) > .ck-toolbar__items > .ck { /* (#11) Separate toolbar items. */ margin-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="rtl"] > .ck-toolbar__items > .ck:last-child { margin-left: 0; } /* No rounded corners on the right side of the first child. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* No rounded corners on the left side of the last child. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="rtl"] > .ck-toolbar__items > .ck:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* Separate the the separator form the grouping dropdown when some items are grouped. */ [dir="rtl"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="rtl"] > .ck.ck-toolbar__separator { margin-left: var(--ck-spacing-small); } /* Some spacing between the items and the separator before the grouped items dropdown. */ [dir="rtl"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="rtl"] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-left: var(--ck-spacing-small); } /* * Styles for LTR toolbars. * * Note: In some cases (e.g. a decoupled editor), the toolbar has its own "dir" * because its parent is not controlled by the editor framework. */ [dir="ltr"] .ck.ck-toolbar > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar[dir="ltr"] > .ck-toolbar__items > .ck:last-child { margin-right: 0; } /* No rounded corners on the right side of the first child. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:first-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } /* No rounded corners on the left side of the last child. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_compact > .ck-toolbar__items > .ck:last-child, .ck.ck-toolbar.ck-toolbar_compact[dir="ltr"] > .ck-toolbar__items > .ck:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Separate the the separator form the grouping dropdown when some items are grouped. */ [dir="ltr"] .ck.ck-toolbar > .ck.ck-toolbar__separator, .ck.ck-toolbar[dir="ltr"] > .ck.ck-toolbar__separator { margin-right: var(--ck-spacing-small); } /* Some spacing between the items and the separator before the grouped items dropdown. */ [dir="ltr"] .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items:not(:empty):not(:only-child), .ck.ck-toolbar.ck-toolbar_grouping[dir="ltr"] > .ck-toolbar__items:not(:empty):not(:only-child) { margin-right: var(--ck-spacing-small); } /* stylelint-enable */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-balloon-panel.ck-tooltip { --ck-balloon-border-width: 0px; --ck-balloon-arrow-offset: 0px; --ck-balloon-arrow-half-width: 4px; --ck-balloon-arrow-height: 4px; --ck-tooltip-text-padding: 4px; --ck-color-panel-background: var(--ck-color-tooltip-background); padding: 0 var(--ck-spacing-medium); /* Reset balloon panel styles */ box-shadow: none; } .ck.ck-balloon-panel.ck-tooltip .ck-tooltip__text { font-size: .9em; line-height: 1.5; color: var(--ck-color-tooltip-text); } .ck.ck-balloon-panel.ck-tooltip.ck-tooltip_multi-line .ck-tooltip__text { white-space: break-spaces; display: inline-block; padding: var(--ck-tooltip-text-padding) 0; max-width: 200px; } /* Hide the default shadow of the .ck-balloon-panel tip */ .ck.ck-balloon-panel.ck-tooltip::before { display: none; } /* Editor */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content { border-radius: 0; border: 1px solid var(--ck-color-base-border); border-bottom-width: 0; } .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content, .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners { border-radius: var(--ck-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-sticky-panel__content_sticky { border-bottom-width: 1px; } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-menu-bar { border: 0; border-bottom: 1px solid var(--ck-color-base-border); } .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content .ck-toolbar { border: 0; } /* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */ .ck.ck-editor__main > .ck-editor__editable { /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */ background: var(--ck-color-base-background); border-radius: 0; } .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) { border-color: var(--ck-color-base-border); } /* Plugins */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-clipboard-drop-target-dot-width: 12px; --ck-clipboard-drop-target-dot-height: 8px; --ck-clipboard-drop-target-color: var(--ck-color-focus-border); } /* * Vertical drop target (in text). */ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { bottom: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-left: -1px; /* The triangle above the marker */ } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span::after { content: ''; width: 0; height: 0; display: block; position: absolute; left: 50%; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-height)); transform: translateX(-50%); border-color: var(--ck-clipboard-drop-target-color) transparent transparent transparent; border-width: calc(var(--ck-clipboard-drop-target-dot-height)) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)); border-style: solid; } /* * Styles of the widget that it a drop target. */ .ck.ck-editor__editable .ck-widget.ck-clipboard-drop-target-range { outline: var(--ck-widget-outline-thickness) solid var(--ck-clipboard-drop-target-color) !important; } /* * Styles of the widget being dragged (its preview). */ .ck.ck-editor__editable .ck-widget:-webkit-drag { zoom: 0.6; outline: none !important; } .ck.ck-clipboard-drop-target-line { height: 0; border: 1px solid var(--ck-clipboard-drop-target-color); background: var(--ck-clipboard-drop-target-color); margin-top: -1px; } .ck.ck-clipboard-drop-target-line::before { content: ''; position: absolute; top: calc(-.5 * var(--ck-clipboard-drop-target-dot-width)); width: 0; height: 0; border-style: solid; } [dir="ltr"] .ck.ck-clipboard-drop-target-line::before { left: -1px; border-width: calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0 calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height); border-color: transparent transparent transparent var(--ck-clipboard-drop-target-color); } [dir="rtl"] .ck.ck-clipboard-drop-target-line::before { right: -1px; border-width:calc(.5 * var(--ck-clipboard-drop-target-dot-width)) var(--ck-clipboard-drop-target-dot-height) calc(.5 * var(--ck-clipboard-drop-target-dot-width)) 0; border-color: transparent var(--ck-clipboard-drop-target-color) transparent transparent; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-code-block-label-background: hsl(0, 0%, 46%); } .ck.ck-editor__editable pre[data-language]::after { top: -1px; right: 10px; background: var(--ck-color-code-block-label-background); font-size: 10px; font-family: var(--ck-font-face); line-height: 16px; padding: var(--ck-spacing-tiny) var(--ck-spacing-medium); color: hsl(0, 0%, 100%); white-space: nowrap; } .ck.ck-code-block-dropdown .ck-dropdown__panel { /* There could be dozens of languages available. Use scroll to prevent a 10e6px dropdown. */ max-height: 250px; overflow-y: auto; overflow-x: hidden; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* See ckeditor/ckeditor5#936. */ @media (forced-colors: active) { .ck.ck-placeholder, .ck .ck-placeholder { /* * This is needed for Edge on Windows to use the right color for the placeholder content (::before). * See https://github.com/ckeditor/ckeditor5/issues/14907. */ forced-color-adjust: preserve-parent-color; } } .ck.ck-placeholder::before, .ck .ck-placeholder::before { cursor: text; } @media (forced-colors: none) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { color: var(--ck-color-engine-placeholder-text); } } @media (forced-colors: active) { .ck.ck-placeholder::before, .ck .ck-placeholder::before { /* * In the high contrast mode there is no telling between regular and placeholder text. Using * italic text to address that issue. See https://github.com/ckeditor/ckeditor5/issues/14907. */ font-style: italic; /* * Without this margin, the caret will not show up and blink when the user puts the selection * in the placeholder (Edge on Windows). See https://github.com/ckeditor/ckeditor5/issues/14907. */ margin-left: 1px; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-find-and-replace-form { width: 400px; /* * The

needs tabindex="-1" for proper Esc handling after being clicked * but the side effect is that this creates a nasty focus outline in some browsers. */ } .ck.ck-find-and-replace-form:focus { outline: none; } /* Generic styles for the form inputs and actions. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex: 1 1 auto; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: stretch; padding: var(--ck-spacing-large); margin: 0; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button { flex: 0 0 auto; } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > * + *, [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > * + * { margin-right: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view { flex: 1 1 auto; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-labeled-field-view .ck-input, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions .ck-labeled-field-view .ck-input { width: 100%; min-width: 50px; } /* Styles specific for inputs area. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs { /* To display all controls in line when there's an error under the input */ align-items: flex-start; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-prev > .ck-icon { transform: rotate(90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-button-next > .ck-icon { transform: rotate(-90deg); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { top: 50%; transform: translateY(-50%); color: var(--ck-color-base-border); } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs .ck-results-counter { left: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { flex: 0 0 100%; padding-top: var(--ck-spacing-standard); } [dir="ltr"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs > .ck-labeled-field-replace { margin-right: 0; } /* Styles specific for actions area. */ .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { flex-wrap: wrap; justify-content: flex-end; margin-top: calc( -1 * var(--ck-spacing-large) ); } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find { font-weight: bold; /* Beef the find button up a little. It's the main action button in the form */ } .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions > .ck-button-find .ck-button__label { padding-left: var(--ck-spacing-large); padding-right: var(--ck-spacing-large); } .ck.ck-find-and-replace-form .ck-switchbutton { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } @media screen and (max-width: 600px) { .ck.ck-find-and-replace-form { width: 300px; /* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */ max-width: 100%; /* Styles specific for inputs area. */ } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input { flex-wrap: wrap; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input .ck-labeled-field-view { flex: 1 0 auto; width: 100%; margin-bottom: var(--ck-spacing-standard); } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { flex: 1 1 auto; } [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__input > .ck-button:first-of-type .ck-button__label { width: 100%; text-align: center; } /* Styles specific for actions area. */ .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) { flex-wrap: wrap; flex: 1 1 auto; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button { text-align: center; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { flex: 1 1 auto; } [dir="ltr"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-left: 0; } [dir="rtl"] .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button:first-of-type { margin-right: 0; } .ck.ck-find-and-replace-form.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) > .ck-button .ck-button__label { width: 100%; text-align: center; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Resize dropdown's button label. */ .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { width: 8em; } .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__panel .ck-list__item { min-width: 18em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Note: This file should contain the wireframe styles only. But since there are no such styles, * it acts as a message to the builder telling that it should look for the corresponding styles * **in the theme** when compiling the editor. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-html-embed-content-width: calc(100% - 1.5 * var(--ck-icon-size)); --ck-html-embed-source-height: 10em; --ck-html-embed-unfocused-outline-width: 1px; --ck-html-embed-content-min-height: calc(var(--ck-icon-size) + var(--ck-spacing-standard)); --ck-html-embed-source-disabled-background: var(--ck-color-base-foreground); --ck-html-embed-source-disabled-color: hsl(0deg 0% 45%); } /* The feature container. */ .ck-widget.raw-html-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } /* HTML embed widget itself should respect UI language direction */ .ck-widget.raw-html-embed[dir="ltr"] { text-align: left; } .ck-widget.raw-html-embed[dir="rtl"] { text-align: right; } /* ----- Embed label in the upper left corner ----------------------------------------------- */ .ck-widget.raw-html-embed::before { content: attr(data-html-embed-label); top: calc(-1 * var(--ck-html-embed-unfocused-outline-width)); left: var(--ck-spacing-standard); background: hsl(0deg 0% 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } .ck-widget.raw-html-embed[dir="rtl"]::before { left: auto; right: var(--ck-spacing-standard); } /* Make space for label but it only collides in LTR languages */ .ck-widget.raw-html-embed[dir="ltr"] .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck.ck-editor__editable.ck-blurred .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } .ck.ck-editor__editable:not(.ck-blurred) .ck-widget.raw-html-embed.ck-widget_selected::before { top: 0; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); background: var(--ck-color-focus-border); } .ck.ck-editor__editable .ck-widget.raw-html-embed:not(.ck-widget_selected):hover::before { top: 0px; padding: var(--ck-spacing-tiny) var(--ck-spacing-small); } /* ----- Emebed internals --------------------------------------------------------------------- */ .ck-widget.raw-html-embed .raw-html-embed__content-wrapper { padding: var(--ck-spacing-standard); } /* The switch mode button wrapper. */ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { top: var(--ck-spacing-standard); right: var(--ck-spacing-standard); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__save-button { color: var(--ck-color-button-save); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button.raw-html-embed__cancel-button { color: var(--ck-color-button-cancel); } .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper .ck-button:not(:first-child) { margin-top: var(--ck-spacing-small); } .ck-widget.raw-html-embed[dir="rtl"] .raw-html-embed__buttons-wrapper { left: var(--ck-spacing-standard); right: auto; } /* The edit source element. */ .ck-widget.raw-html-embed .raw-html-embed__source { box-sizing: border-box; height: var(--ck-html-embed-source-height); width: var(--ck-html-embed-content-width); resize: none; min-width: 0; padding: var(--ck-spacing-standard); font-family: monospace; tab-size: 4; white-space: pre-wrap; font-size: var(--ck-font-size-base); /* Safari needs this. */ /* HTML code is direction–agnostic. */ text-align: left; direction: ltr; } .ck-widget.raw-html-embed .raw-html-embed__source[disabled] { background: var(--ck-html-embed-source-disabled-background); color: var(--ck-html-embed-source-disabled-color); /* Safari needs this for the proper text color in disabled input (https://github.com/ckeditor/ckeditor5/issues/8320). */ -webkit-text-fill-color: var(--ck-html-embed-source-disabled-color); opacity: 1; } /* The preview data container. */ .ck-widget.raw-html-embed .raw-html-embed__preview { min-height: var(--ck-html-embed-content-min-height); width: var(--ck-html-embed-content-width); /* Disable all mouse interaction as long as the editor is not read–only. */ } .ck-editor__editable:not(.ck-read-only) .ck-widget.raw-html-embed .raw-html-embed__preview { pointer-events: none; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { box-sizing: border-box; background-color: var(--ck-color-base-foreground); } .ck-widget.raw-html-embed .raw-html-embed__preview-content > * { margin-left: auto; margin-right: auto; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { color: var(--ck-html-embed-source-disabled-color) } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-image-insert-insert-by-url-width: 250px; } .ck.ck-image-insert-url { --ck-input-width: 100%; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { grid-column-gap: var(--ck-spacing-large); margin-top: var(--ck-spacing-large); } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-save, .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button-cancel { justify-content: center; min-width: auto; } .ck.ck-image-insert-url .ck-image-insert-url__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } .ck.ck-image-insert-form > .ck.ck-button { display: block; width: 100%; } [dir="ltr"] .ck.ck-image-insert-form > .ck.ck-button { text-align: left; } [dir="rtl"] .ck.ck-image-insert-form > .ck.ck-button { text-align: right; } .ck.ck-image-insert-form > .ck.ck-collapsible { min-width: var(--ck-image-insert-insert-by-url-width); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:first-child) { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-image-insert-form > .ck.ck-collapsible:not(:last-child) { border-bottom: 1px solid var(--ck-color-base-border); } /* This is the case when there are no other integrations configured than insert by URL */ .ck.ck-image-insert-form > .ck.ck-image-insert-url { min-width: var(--ck-image-insert-insert-by-url-width); padding: var(--ck-spacing-large); } .ck.ck-image-insert-form:focus { outline: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-image-upload-icon: hsl(0, 0%, 100%); --ck-color-image-upload-icon-background: hsl(120, 100%, 27%); /* Match the icon size with the linked image indicator brought by the link image feature. */ --ck-image-upload-icon-size: 20; --ck-image-upload-icon-width: 2px; --ck-image-upload-icon-is-visible: clamp(0px, 100% - 50px, 1px); } .ck-image-upload-complete-icon { opacity: 0; background: var(--ck-color-image-upload-icon-background); animation-name: ck-upload-complete-icon-show, ck-upload-complete-icon-hide; animation-fill-mode: forwards, forwards; animation-duration: 500ms, 500ms; /* To make animation scalable. */ font-size: calc(1px * var(--ck-image-upload-icon-size)); /* Hide completed upload icon after 3 seconds. */ animation-delay: 0ms, 3000ms; /* * Use CSS math to simulate container queries. * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things */ overflow: hidden; width: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); height: calc(var(--ck-image-upload-icon-is-visible) * var(--ck-image-upload-icon-size)); /* This is check icon element made from border-width mixed with animations. */ } .ck-image-upload-complete-icon::after { /* Because of border transformation we need to "hard code" left position. */ left: 25%; top: 50%; opacity: 0; height: 0; width: 0; transform: scaleX(-1) rotate(135deg); transform-origin: left top; border-top: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); border-right: var(--ck-image-upload-icon-width) solid var(--ck-color-image-upload-icon); animation-name: ck-upload-complete-icon-check; animation-duration: 500ms; animation-delay: 500ms; animation-fill-mode: forwards; /* #1095. While reset is not providing proper box-sizing for pseudoelements, we need to handle it. */ box-sizing: border-box; } @media (prefers-reduced-motion: reduce) { .ck-image-upload-complete-icon { animation-duration: 0ms; } .ck-image-upload-complete-icon::after { animation: none; opacity: 1; width: 0.3em; height: 0.45em; } } @keyframes ck-upload-complete-icon-show { from { opacity: 0; } to { opacity: 1; } } @keyframes ck-upload-complete-icon-hide { from { opacity: 1; } to { opacity: 0; } } @keyframes ck-upload-complete-icon-check { 0% { opacity: 1; width: 0; height: 0; } 33% { width: 0.3em; height: 0; } 100% { opacity: 1; width: 0.3em; height: 0.45em; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-upload-placeholder-loader: hsl(0, 0%, 70%); --ck-upload-placeholder-loader-size: 32px; --ck-upload-placeholder-image-aspect-ratio: 2.8; } .ck .ck-image-upload-placeholder { /* We need to control the full width of the SVG gray background. */ width: 100%; margin: 0; } .ck .ck-image-upload-placeholder.image-inline { width: calc( 2 * var(--ck-upload-placeholder-loader-size) * var(--ck-upload-placeholder-image-aspect-ratio) ); } .ck .ck-image-upload-placeholder img { /* * This is an arbitrary aspect for a 1x1 px GIF to display to the user. Not too tall, not too short. * There's nothing special about this number except that it should make the image placeholder look like * a real image during this short period after the upload started and before the image was read from the * file system (and a rich preview was loaded). */ aspect-ratio: var(--ck-upload-placeholder-image-aspect-ratio); } .ck .ck-upload-placeholder-loader { width: 100%; height: 100%; } .ck .ck-upload-placeholder-loader::before { width: var(--ck-upload-placeholder-loader-size); height: var(--ck-upload-placeholder-loader-size); border-radius: 50%; border-top: 3px solid var(--ck-color-upload-placeholder-loader); border-right: 2px solid transparent; animation: ck-upload-placeholder-loader 1s linear infinite; } @keyframes ck-upload-placeholder-loader { to { transform: rotate( 360deg ); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Showing animation. */ .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { animation: fadeIn 700ms; } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image.ck-appear, .ck.ck-editor__editable .image-inline.ck-appear { opacity: 1; animation: none; } } /* Upload progress bar. */ .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { height: 2px; width: 0; background: var(--ck-color-upload-bar-background); transition: width 100ms; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Class added to span element surrounding currently selected link. */ .ck .ck-link_selected { background: var(--ck-color-link-selected-background); /* Give linked inline images some outline to let the user know they are also part of the link. */ } .ck .ck-link_selected span.image-inline { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-link-selected-background); } /* * Classes used by the "fake visual selection" displayed in the content when an input * in the link UI has focus (the browser does not render the native selection in this state). */ .ck .ck-fake-link-selection { background: var(--ck-color-link-fake-selection); } /* A collapsed fake visual selection. */ .ck .ck-fake-link-selection_collapsed { height: 100%; border-right: 1px solid var(--ck-color-base-text); margin-right: -1px; outline: solid 1px hsla(0, 0%, 100%, .5); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-actions .ck-button.ck-link-actions__preview { padding-left: 0; padding-right: 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { padding: 0 var(--ck-spacing-medium); color: var(--ck-color-link-default); text-overflow: ellipsis; cursor: pointer; /* Match the box model of the link editor form's input so the balloon does not change width when moving between actions and the form. */ max-width: var(--ck-input-width); min-width: 3em; text-align: center; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label:hover { text-decoration: underline; } .ck.ck-link-actions .ck-button.ck-link-actions__preview, .ck.ck-link-actions .ck-button.ck-link-actions__preview:hover, .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus, .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { background: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:active { box-shadow: none; } .ck.ck-link-actions .ck-button.ck-link-actions__preview:focus .ck-button__label { text-decoration: underline; } [dir="ltr"] .ck.ck-link-actions .ck-button:not(:first-child) { margin-left: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-link-actions .ck-button:not(:last-child) { margin-left: var(--ck-spacing-standard); } @media screen and (max-width: 600px) { .ck.ck-link-actions .ck-button.ck-link-actions__preview { margin: var(--ck-spacing-standard) var(--ck-spacing-standard) 0; } .ck.ck-link-actions .ck-button.ck-link-actions__preview .ck-button__label { min-width: 0; max-width: 100%; } [dir="ltr"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } [dir="rtl"] .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { margin-left: 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Style link form differently when manual decorators are available. * See: https://github.com/ckeditor/ckeditor5-link/issues/186. */ .ck.ck-link-form_layout-vertical { padding: 0; min-width: var(--ck-input-width); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view { margin: var(--ck-spacing-large) var(--ck-spacing-large) var(--ck-spacing-small); } .ck.ck-link-form_layout-vertical .ck-labeled-field-view .ck-input-text { min-width: 0; width: 100%; } .ck.ck-link-form_layout-vertical > .ck-button { padding: var(--ck-spacing-standard); margin: 0; width: 50%; border-radius: 0; } .ck.ck-link-form_layout-vertical > .ck-button:not(:focus) { border-top: 1px solid var(--ck-color-base-border); } [dir="ltr"] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button { margin-left: 0; } [dir="rtl"] .ck.ck-link-form_layout-vertical > .ck-button:last-of-type { border-right: 1px solid var(--ck-color-base-border); } /* Using additional `.ck` class for stronger CSS specificity than `.ck.ck-link-form > :not(:first-child)`. */ .ck.ck-link-form_layout-vertical .ck.ck-list { margin: 0 var(--ck-spacing-large); } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton { padding: 0; width: 100%; } .ck.ck-link-form_layout-vertical .ck.ck-list .ck-button.ck-switchbutton:hover { background: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Match the icon size with the upload indicator brought by the image upload feature. */ --ck-link-image-indicator-icon-size: 20; --ck-link-image-indicator-icon-is-visible: clamp(0px, 100% - 50px, 1px); } /* Linked image indicator */ .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { content: ""; /* * Smaller images should have the icon closer to the border. * Match the icon position with the upload indicator brought by the image upload feature. */ top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); background-color: hsla(0, 0%, 0%, .4); background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0ibTExLjA3NyAxNSAuOTkxLTEuNDE2YS43NS43NSAwIDEgMSAxLjIyOS44NmwtMS4xNDggMS42NGEuNzQ4Ljc0OCAwIDAgMS0uMjE3LjIwNiA1LjI1MSA1LjI1MSAwIDAgMS04LjUwMy01Ljk1NS43NDEuNzQxIDAgMCAxIC4xMi0uMjc0bDEuMTQ3LTEuNjM5YS43NS43NSAwIDEgMSAxLjIyOC44Nkw0LjkzMyAxMC43bC4wMDYuMDAzYTMuNzUgMy43NSAwIDAgMCA2LjEzMiA0LjI5NGwuMDA2LjAwNHptNS40OTQtNS4zMzVhLjc0OC43NDggMCAwIDEtLjEyLjI3NGwtMS4xNDcgMS42MzlhLjc1Ljc1IDAgMSAxLTEuMjI4LS44NmwuODYtMS4yM2EzLjc1IDMuNzUgMCAwIDAtNi4xNDQtNC4zMDFsLS44NiAxLjIyOWEuNzUuNzUgMCAwIDEtMS4yMjktLjg2bDEuMTQ4LTEuNjRhLjc0OC43NDggMCAwIDEgLjIxNy0uMjA2IDUuMjUxIDUuMjUxIDAgMCAxIDguNTAzIDUuOTU1em0tNC41NjMtMi41MzJhLjc1Ljc1IDAgMCAxIC4xODQgMS4wNDVsLTMuMTU1IDQuNTA1YS43NS43NSAwIDEgMS0xLjIyOS0uODZsMy4xNTUtNC41MDZhLjc1Ljc1IDAgMCAxIDEuMDQ1LS4xODR6Ii8+PC9zdmc+"); background-size: 14px; background-repeat: no-repeat; background-position: center; border-radius: 100%; /* * Use CSS math to simulate container queries. * https://css-tricks.com/the-raven-technique-one-step-closer-to-container-queries/#what-about-showing-and-hiding-things */ overflow: hidden; width: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); height: calc(var(--ck-link-image-indicator-icon-is-visible) * var(--ck-link-image-indicator-icon-size)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* When there are no list styles and there is no collapsible. */ .ck.ck-list-properties.ck-list-properties_without-styles { padding: var(--ck-spacing-large); } .ck.ck-list-properties.ck-list-properties_without-styles > * { min-width: 14em; } .ck.ck-list-properties.ck-list-properties_without-styles > * + * { margin-top: var(--ck-spacing-standard); } /* * When the numbered list property fields (start at, reversed) should be displayed, * more horizontal space is needed. Reconfigure the style grid to create that space. */ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-list-styles-list { grid-template-columns: repeat( 4, auto ); } /* When list styles are rendered and property fields are in a collapsible. */ .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible { border-top: 1px solid var(--ck-color-base-border); } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * { width: 100%; } .ck.ck-list-properties.ck-list-properties_with-numbered-properties > .ck-collapsible > .ck-collapsible__children > * + * { margin-top: var(--ck-spacing-standard); } .ck.ck-list-properties .ck.ck-numbered-list-properties__start-index .ck-input { min-width: auto; width: 100%; } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order { background: transparent; padding-left: 0; padding-right: 0; margin-bottom: calc(-1 * var(--ck-spacing-tiny)); } .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:active, .ck.ck-list-properties .ck.ck-numbered-list-properties__reversed-order:hover { box-shadow: none; border-color: transparent; background: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-list-style-button-size: 44px; } .ck.ck-list-styles-list { grid-template-columns: repeat( 3, auto ); row-gap: var(--ck-spacing-medium); column-gap: var(--ck-spacing-medium); padding: var(--ck-spacing-large); } .ck.ck-list-styles-list .ck-button { /* Make the button look like a thumbnail (the icon "takes it all"). */ width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); padding: 0; /* * Buttons are aligned by the grid so disable default button margins to not collide with the * gaps in the grid. */ margin: 0; /* * Make sure the button border (which is displayed on focus, BTW) does not steal pixels * from the button dimensions and, as a result, decrease the size of the icon * (which becomes blurry as it scales down). */ box-sizing: content-box; } .ck.ck-list-styles-list .ck-button .ck-icon { width: var(--ck-list-style-button-size); height: var(--ck-list-style-button-size); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-media-embed-placeholder-icon-size: 3em; --ck-color-media-embed-placeholder-url-text: hsl(0, 0%, 46%); --ck-color-media-embed-placeholder-url-text-hover: var(--ck-color-base-text); } .ck-media__wrapper { margin: 0 auto; } .ck-media__wrapper .ck-media__placeholder { padding: calc( 3 * var(--ck-spacing-standard) ); background: var(--ck-color-base-foreground); } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon { min-width: var(--ck-media-embed-placeholder-icon-size); height: var(--ck-media-embed-placeholder-icon-size); margin-bottom: var(--ck-spacing-large); background-position: center; background-size: cover; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__icon .ck-icon { width: 100%; height: 100%; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text { color: var(--ck-color-media-embed-placeholder-url-text); white-space: nowrap; text-align: center; font-style: italic; text-overflow: ellipsis; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: var(--ck-color-media-embed-placeholder-url-text-hover); cursor: pointer; text-decoration: underline; } .ck-media__wrapper[data-oembed-url*="open.spotify.com"] { max-width: 300px; max-height: 380px; } .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAuMzc4IiBoZWlnaHQ9IjI1NC4xNjciIHZpZXdCb3g9IjAgMCA2Ni4yNDYgNjcuMjQ4Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTcyLjUzMSAtMjE4LjQ1NSkgc2NhbGUoLjk4MDEyKSI+PHJlY3Qgcnk9IjUuMjM4IiByeD0iNS4yMzgiIHk9IjIzMS4zOTkiIHg9IjE3Ni4wMzEiIGhlaWdodD0iNjAuMDk5IiB3aWR0aD0iNjAuMDk5IiBmaWxsPSIjMzRhNjY4IiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxwYXRoIGQ9Ik0yMDYuNDc3IDI2MC45bC0yOC45ODcgMjguOTg3YTUuMjE4IDUuMjE4IDAgMCAwIDMuNzggMS42MWg0OS42MjFjMS42OTQgMCAzLjE5LS43OTggNC4xNDYtMi4wMzd6IiBmaWxsPSIjNWM4OGM1Ii8+PHBhdGggZD0iTTIyNi43NDIgMjIyLjk4OGMtOS4yNjYgMC0xNi43NzcgNy4xNy0xNi43NzcgMTYuMDE0LjAwNyAyLjc2Mi42NjMgNS40NzQgMi4wOTMgNy44NzUuNDMuNzAzLjgzIDEuNDA4IDEuMTkgMi4xMDcuMzMzLjUwMi42NSAxLjAwNS45NSAxLjUwOC4zNDMuNDc3LjY3My45NTcuOTg4IDEuNDQgMS4zMSAxLjc2OSAyLjUgMy41MDIgMy42MzcgNS4xNjguNzkzIDEuMjc1IDEuNjgzIDIuNjQgMi40NjYgMy45OSAyLjM2MyA0LjA5NCA0LjAwNyA4LjA5MiA0LjYgMTMuOTE0di4wMTJjLjE4Mi40MTIuNTE2LjY2Ni44NzkuNjY3LjQwMy0uMDAxLjc2OC0uMzE0LjkzLS43OTkuNjAzLTUuNzU2IDIuMjM4LTkuNzI5IDQuNTg1LTEzLjc5NC43ODItMS4zNSAxLjY3My0yLjcxNSAyLjQ2NS0zLjk5IDEuMTM3LTEuNjY2IDIuMzI4LTMuNCAzLjYzOC01LjE2OS4zMTUtLjQ4Mi42NDUtLjk2Mi45ODgtMS40MzkuMy0uNTAzLjYxNy0xLjAwNi45NS0xLjUwOC4zNTktLjcuNzYtMS40MDQgMS4xOS0yLjEwNyAxLjQyNi0yLjQwMiAyLTUuMTE0IDIuMDA0LTcuODc1IDAtOC44NDQtNy41MTEtMTYuMDE0LTE2Ljc3Ni0xNi4wMTR6IiBmaWxsPSIjZGQ0YjNlIiBwYWludC1vcmRlcj0ibWFya2VycyBzdHJva2UgZmlsbCIvPjxlbGxpcHNlIHJ5PSI1LjU2NCIgcng9IjUuODI4IiBjeT0iMjM5LjAwMiIgY3g9IjIyNi43NDIiIGZpbGw9IiM4MDJkMjciIHBhaW50LW9yZGVyPSJtYXJrZXJzIHN0cm9rZSBmaWxsIi8+PHBhdGggZD0iTTE5MC4zMDEgMjM3LjI4M2MtNC42NyAwLTguNDU3IDMuODUzLTguNDU3IDguNjA2czMuNzg2IDguNjA3IDguNDU3IDguNjA3YzMuMDQzIDAgNC44MDYtLjk1OCA2LjMzNy0yLjUxNiAxLjUzLTEuNTU3IDIuMDg3LTMuOTEzIDIuMDg3LTYuMjkgMC0uMzYyLS4wMjMtLjcyMi0uMDY0LTEuMDc5aC04LjI1N3YzLjA0M2g0Ljg1Yy0uMTk3Ljc1OS0uNTMxIDEuNDUtMS4wNTggMS45ODYtLjk0Mi45NTgtMi4wMjggMS41NDgtMy45MDEgMS41NDgtMi44NzYgMC01LjIwOC0yLjM3Mi01LjIwOC01LjI5OSAwLTIuOTI2IDIuMzMyLTUuMjk5IDUuMjA4LTUuMjk5IDEuMzk5IDAgMi42MTguNDA3IDMuNTg0IDEuMjkzbDIuMzgxLTIuMzhjMC0uMDAyLS4wMDMtLjAwNC0uMDA0LS4wMDUtMS41ODgtMS41MjQtMy42Mi0yLjIxNS01Ljk1NS0yLjIxNXptNC40MyA1LjY2bC4wMDMuMDA2di0uMDAzeiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjE1LjE4NCAyNTEuOTI5bC03Ljk4IDcuOTc5IDI4LjQ3NyAyOC40NzVjLjI4Ny0uNjQ5LjQ0OS0xLjM2Ni40NDktMi4xMjN2LTMxLjE2NWMtLjQ2OS42NzUtLjkzNCAxLjM0OS0xLjM4MiAyLjAwNS0uNzkyIDEuMjc1LTEuNjgyIDIuNjQtMi40NjUgMy45OS0yLjM0NyA0LjA2NS0zLjk4MiA4LjAzOC00LjU4NSAxMy43OTQtLjE2Mi40ODUtLjUyNy43OTgtLjkzLjc5OS0uMzYzLS4wMDEtLjY5Ny0uMjU1LS44NzktLjY2N3YtLjAxMmMtLjU5My01LjgyMi0yLjIzNy05LjgyLTQuNi0xMy45MTQtLjc4My0xLjM1LTEuNjczLTIuNzE1LTIuNDY2LTMuOTktMS4xMzctMS42NjYtMi4zMjctMy40LTMuNjM3LTUuMTY5bC0uMDAyLS4wMDN6IiBmaWxsPSIjYzNjM2MzIi8+PHBhdGggZD0iTTIxMi45ODMgMjQ4LjQ5NWwtMzYuOTUyIDM2Ljk1M3YuODEyYTUuMjI3IDUuMjI3IDAgMCAwIDUuMjM4IDUuMjM4aDEuMDE1bDM1LjY2Ni0zNS42NjZhMTM2LjI3NSAxMzYuMjc1IDAgMCAwLTIuNzY0LTMuOSAzNy41NzUgMzcuNTc1IDAgMCAwLS45ODktMS40NGMtLjI5OS0uNTAzLS42MTYtMS4wMDYtLjk1LTEuNTA4LS4wODMtLjE2Mi0uMTc2LS4zMjYtLjI2NC0uNDg5eiIgZmlsbD0iI2ZkZGM0ZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48cGF0aCBkPSJNMjExLjk5OCAyNjEuMDgzbC02LjE1MiA2LjE1MSAyNC4yNjQgMjQuMjY0aC43ODFhNS4yMjcgNS4yMjcgMCAwIDAgNS4yMzktNS4yMzh2LTEuMDQ1eiIgZmlsbD0iI2ZmZiIgcGFpbnQtb3JkZXI9Im1hcmtlcnMgc3Ryb2tlIGZpbGwiLz48L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder { background: hsl(220, 46%, 48%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMDI0cHgiIGhlaWdodD0iMTAyNHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkZpbGwgMTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImZMb2dvX1doaXRlIiBmaWxsPSIjRkZGRkZFIj4gICAgICAgICAgICA8cGF0aCBkPSJNOTY3LjQ4NCwwIEw1Ni41MTcsMCBDMjUuMzA0LDAgMCwyNS4zMDQgMCw1Ni41MTcgTDAsOTY3LjQ4MyBDMCw5OTguNjk0IDI1LjI5NywxMDI0IDU2LjUyMiwxMDI0IEw1NDcsMTAyNCBMNTQ3LDYyOCBMNDE0LDYyOCBMNDE0LDQ3MyBMNTQ3LDQ3MyBMNTQ3LDM1OS4wMjkgQzU0NywyMjYuNzY3IDYyNy43NzMsMTU0Ljc0NyA3NDUuNzU2LDE1NC43NDcgQzgwMi4yNjksMTU0Ljc0NyA4NTAuODQyLDE1OC45NTUgODY1LDE2MC44MzYgTDg2NSwyOTkgTDc4My4zODQsMjk5LjAzNyBDNzE5LjM5MSwyOTkuMDM3IDcwNywzMjkuNTI5IDcwNywzNzQuMjczIEw3MDcsNDczIEw4NjAuNDg3LDQ3MyBMODQwLjUwMSw2MjggTDcwNyw2MjggTDcwNywxMDI0IEw5NjcuNDg0LDEwMjQgQzk5OC42OTcsMTAyNCAxMDI0LDk5OC42OTcgMTAyNCw5NjcuNDg0IEwxMDI0LDU2LjUxNSBDMTAyNCwyNS4zMDMgOTk4LjY5NywwIDk2Ny40ODQsMCIgaWQ9IkZpbGwtMSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(220, 100%, 90%); } .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder { background: linear-gradient(-135deg,hsl(246, 100%, 39%),hsl(302, 100%, 36%),hsl(0, 100%, 48%)); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI1MDRweCIgaGVpZ2h0PSI1MDRweCIgdmlld0JveD0iMCAwIDUwNCA1MDQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgICAgICA8dGl0bGU+Z2x5cGgtbG9nb19NYXkyMDE2PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPiAgICAgICAgPHBvbHlnb24gaWQ9InBhdGgtMSIgcG9pbnRzPSIwIDAuMTU5IDUwMy44NDEgMC4xNTkgNTAzLjg0MSA1MDMuOTQgMCA1MDMuOTQiPjwvcG9seWdvbj4gICAgPC9kZWZzPiAgICA8ZyBpZD0iZ2x5cGgtbG9nb19NYXkyMDE2IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJHcm91cC0zIj4gICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+ICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+ICAgICAgICAgICAgPC9tYXNrPiAgICAgICAgICAgIDxnIGlkPSJDbGlwLTIiPjwvZz4gICAgICAgICAgICA8cGF0aCBkPSJNMjUxLjkyMSwwLjE1OSBDMTgzLjUwMywwLjE1OSAxNzQuOTI0LDAuNDQ5IDE0OC4wNTQsMS42NzUgQzEyMS4yNCwyLjg5OCAxMDIuOTI3LDcuMTU3IDg2LjkwMywxMy4zODUgQzcwLjMzNywxOS44MjIgNTYuMjg4LDI4LjQzNiA0Mi4yODIsNDIuNDQxIEMyOC4yNzcsNTYuNDQ3IDE5LjY2Myw3MC40OTYgMTMuMjI2LDg3LjA2MiBDNi45OTgsMTAzLjA4NiAyLjczOSwxMjEuMzk5IDEuNTE2LDE0OC4yMTMgQzAuMjksMTc1LjA4MyAwLDE4My42NjIgMCwyNTIuMDggQzAsMzIwLjQ5NyAwLjI5LDMyOS4wNzYgMS41MTYsMzU1Ljk0NiBDMi43MzksMzgyLjc2IDYuOTk4LDQwMS4wNzMgMTMuMjI2LDQxNy4wOTcgQzE5LjY2Myw0MzMuNjYzIDI4LjI3Nyw0NDcuNzEyIDQyLjI4Miw0NjEuNzE4IEM1Ni4yODgsNDc1LjcyMyA3MC4zMzcsNDg0LjMzNyA4Ni45MDMsNDkwLjc3NSBDMTAyLjkyNyw0OTcuMDAyIDEyMS4yNCw1MDEuMjYxIDE0OC4wNTQsNTAyLjQ4NCBDMTc0LjkyNCw1MDMuNzEgMTgzLjUwMyw1MDQgMjUxLjkyMSw1MDQgQzMyMC4zMzgsNTA0IDMyOC45MTcsNTAzLjcxIDM1NS43ODcsNTAyLjQ4NCBDMzgyLjYwMSw1MDEuMjYxIDQwMC45MTQsNDk3LjAwMiA0MTYuOTM4LDQ5MC43NzUgQzQzMy41MDQsNDg0LjMzNyA0NDcuNTUzLDQ3NS43MjMgNDYxLjU1OSw0NjEuNzE4IEM0NzUuNTY0LDQ0Ny43MTIgNDg0LjE3OCw0MzMuNjYzIDQ5MC42MTYsNDE3LjA5NyBDNDk2Ljg0Myw0MDEuMDczIDUwMS4xMDIsMzgyLjc2IDUwMi4zMjUsMzU1Ljk0NiBDNTAzLjU1MSwzMjkuMDc2IDUwMy44NDEsMzIwLjQ5NyA1MDMuODQxLDI1Mi4wOCBDNTAzLjg0MSwxODMuNjYyIDUwMy41NTEsMTc1LjA4MyA1MDIuMzI1LDE0OC4yMTMgQzUwMS4xMDIsMTIxLjM5OSA0OTYuODQzLDEwMy4wODYgNDkwLjYxNiw4Ny4wNjIgQzQ4NC4xNzgsNzAuNDk2IDQ3NS41NjQsNTYuNDQ3IDQ2MS41NTksNDIuNDQxIEM0NDcuNTUzLDI4LjQzNiA0MzMuNTA0LDE5LjgyMiA0MTYuOTM4LDEzLjM4NSBDNDAwLjkxNCw3LjE1NyAzODIuNjAxLDIuODk4IDM1NS43ODcsMS42NzUgQzMyOC45MTcsMC40NDkgMzIwLjMzOCwwLjE1OSAyNTEuOTIxLDAuMTU5IFogTTI1MS45MjEsNDUuNTUgQzMxOS4xODYsNDUuNTUgMzI3LjE1NCw0NS44MDcgMzUzLjcxOCw0Ny4wMTkgQzM3OC4yOCw0OC4xMzkgMzkxLjYxOSw1Mi4yNDMgNDAwLjQ5Niw1NS42OTMgQzQxMi4yNTUsNjAuMjYzIDQyMC42NDcsNjUuNzIyIDQyOS40NjIsNzQuNTM4IEM0MzguMjc4LDgzLjM1MyA0NDMuNzM3LDkxLjc0NSA0NDguMzA3LDEwMy41MDQgQzQ1MS43NTcsMTEyLjM4MSA0NTUuODYxLDEyNS43MiA0NTYuOTgxLDE1MC4yODIgQzQ1OC4xOTMsMTc2Ljg0NiA0NTguNDUsMTg0LjgxNCA0NTguNDUsMjUyLjA4IEM0NTguNDUsMzE5LjM0NSA0NTguMTkzLDMyNy4zMTMgNDU2Ljk4MSwzNTMuODc3IEM0NTUuODYxLDM3OC40MzkgNDUxLjc1NywzOTEuNzc4IDQ0OC4zMDcsNDAwLjY1NSBDNDQzLjczNyw0MTIuNDE0IDQzOC4yNzgsNDIwLjgwNiA0MjkuNDYyLDQyOS42MjEgQzQyMC42NDcsNDM4LjQzNyA0MTIuMjU1LDQ0My44OTYgNDAwLjQ5Niw0NDguNDY2IEMzOTEuNjE5LDQ1MS45MTYgMzc4LjI4LDQ1Ni4wMiAzNTMuNzE4LDQ1Ny4xNCBDMzI3LjE1OCw0NTguMzUyIDMxOS4xOTEsNDU4LjYwOSAyNTEuOTIxLDQ1OC42MDkgQzE4NC42NSw0NTguNjA5IDE3Ni42ODQsNDU4LjM1MiAxNTAuMTIzLDQ1Ny4xNCBDMTI1LjU2MSw0NTYuMDIgMTEyLjIyMiw0NTEuOTE2IDEwMy4zNDUsNDQ4LjQ2NiBDOTEuNTg2LDQ0My44OTYgODMuMTk0LDQzOC40MzcgNzQuMzc5LDQyOS42MjEgQzY1LjU2NCw0MjAuODA2IDYwLjEwNCw0MTIuNDE0IDU1LjUzNCw0MDAuNjU1IEM1Mi4wODQsMzkxLjc3OCA0Ny45OCwzNzguNDM5IDQ2Ljg2LDM1My44NzcgQzQ1LjY0OCwzMjcuMzEzIDQ1LjM5MSwzMTkuMzQ1IDQ1LjM5MSwyNTIuMDggQzQ1LjM5MSwxODQuODE0IDQ1LjY0OCwxNzYuODQ2IDQ2Ljg2LDE1MC4yODIgQzQ3Ljk4LDEyNS43MiA1Mi4wODQsMTEyLjM4MSA1NS41MzQsMTAzLjUwNCBDNjAuMTA0LDkxLjc0NSA2NS41NjMsODMuMzUzIDc0LjM3OSw3NC41MzggQzgzLjE5NCw2NS43MjIgOTEuNTg2LDYwLjI2MyAxMDMuMzQ1LDU1LjY5MyBDMTEyLjIyMiw1Mi4yNDMgMTI1LjU2MSw0OC4xMzkgMTUwLjEyMyw0Ny4wMTkgQzE3Ni42ODcsNDUuODA3IDE4NC42NTUsNDUuNTUgMjUxLjkyMSw0NS41NSBaIiBpZD0iRmlsbC0xIiBmaWxsPSIjRkZGRkZGIiBtYXNrPSJ1cmwoI21hc2stMikiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgICAgIDxwYXRoIGQ9Ik0yNTEuOTIxLDMzNi4wNTMgQzIwNS41NDMsMzM2LjA1MyAxNjcuOTQ3LDI5OC40NTcgMTY3Ljk0NywyNTIuMDggQzE2Ny45NDcsMjA1LjcwMiAyMDUuNTQzLDE2OC4xMDYgMjUxLjkyMSwxNjguMTA2IEMyOTguMjk4LDE2OC4xMDYgMzM1Ljg5NCwyMDUuNzAyIDMzNS44OTQsMjUyLjA4IEMzMzUuODk0LDI5OC40NTcgMjk4LjI5OCwzMzYuMDUzIDI1MS45MjEsMzM2LjA1MyBaIE0yNTEuOTIxLDEyMi43MTUgQzE4MC40NzQsMTIyLjcxNSAxMjIuNTU2LDE4MC42MzMgMTIyLjU1NiwyNTIuMDggQzEyMi41NTYsMzIzLjUyNiAxODAuNDc0LDM4MS40NDQgMjUxLjkyMSwzODEuNDQ0IEMzMjMuMzY3LDM4MS40NDQgMzgxLjI4NSwzMjMuNTI2IDM4MS4yODUsMjUyLjA4IEMzODEuMjg1LDE4MC42MzMgMzIzLjM2NywxMjIuNzE1IDI1MS45MjEsMTIyLjcxNSBaIiBpZD0iRmlsbC00IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgICAgICA8cGF0aCBkPSJNNDE2LjYyNywxMTcuNjA0IEM0MTYuNjI3LDEzNC4zIDQwMy4wOTIsMTQ3LjgzNCAzODYuMzk2LDE0Ny44MzQgQzM2OS43MDEsMTQ3LjgzNCAzNTYuMTY2LDEzNC4zIDM1Ni4xNjYsMTE3LjYwNCBDMzU2LjE2NiwxMDAuOTA4IDM2OS43MDEsODcuMzczIDM4Ni4zOTYsODcuMzczIEM0MDMuMDkyLDg3LjM3MyA0MTYuNjI3LDEwMC45MDggNDE2LjYyNywxMTcuNjA0IiBpZD0iRmlsbC01IiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+ICAgIDwvZz48L3N2Zz4=); } /* stylelint-disable-next-line no-descending-specificity */ .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(302, 100%, 94%); } .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder { /* Use gradient to contrast with focused widget (ckeditor/ckeditor5-media-embed#22). */ background: linear-gradient( to right, hsl(201, 85%, 70%), hsl(201, 85%, 35%) ); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__icon { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IldoaXRlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQwMCA0MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwMCA0MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MDAsMjAwYzAsMTEwLjUtODkuNSwyMDAtMjAwLDIwMFMwLDMxMC41LDAsMjAwUzg5LjUsMCwyMDAsMFM0MDAsODkuNSw0MDAsMjAweiBNMTYzLjQsMzA1LjVjODguNywwLDEzNy4yLTczLjUsMTM3LjItMTM3LjJjMC0yLjEsMC00LjItMC4xLTYuMmM5LjQtNi44LDE3LjYtMTUuMywyNC4xLTI1Yy04LjYsMy44LTE3LjksNi40LTI3LjcsNy42YzEwLTYsMTcuNi0xNS40LDIxLjItMjYuN2MtOS4zLDUuNS0xOS42LDkuNS0zMC42LDExLjdjLTguOC05LjQtMjEuMy0xNS4yLTM1LjItMTUuMmMtMjYuNiwwLTQ4LjIsMjEuNi00OC4yLDQ4LjJjMCwzLjgsMC40LDcuNSwxLjMsMTFjLTQwLjEtMi03NS42LTIxLjItOTkuNC01MC40Yy00LjEsNy4xLTYuNSwxNS40LTYuNSwyNC4yYzAsMTYuNyw4LjUsMzEuNSwyMS41LDQwLjFjLTcuOS0wLjItMTUuMy0yLjQtMjEuOC02YzAsMC4yLDAsMC40LDAsMC42YzAsMjMuNCwxNi42LDQyLjgsMzguNyw0Ny4zYy00LDEuMS04LjMsMS43LTEyLjcsMS43Yy0zLjEsMC02LjEtMC4zLTkuMS0wLjljNi4xLDE5LjIsMjMuOSwzMy4xLDQ1LDMzLjVjLTE2LjUsMTIuOS0zNy4zLDIwLjYtNTkuOSwyMC42Yy0zLjksMC03LjctMC4yLTExLjUtMC43QzExMC44LDI5Ny41LDEzNi4yLDMwNS41LDE2My40LDMwNS41Ii8+PC9zdmc+); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text { color: hsl(201, 100%, 86%); } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck.ck-media__placeholder .ck-media__placeholder__url__text:hover { color: hsl(0, 0%, 100%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-mention-background: hsla(341, 100%, 30%, 0.1); --ck-color-mention-text: hsl(341, 100%, 30%); } .ck-content .mention { background: var(--ck-color-mention-background); color: var(--ck-color-mention-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2); --ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35); --ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4); --ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5); --ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6); } .ck-editor__editable .restricted-editing-exception { transition: .2s ease-in-out background; background-color: var(--ck-color-restricted-editing-exception-background); border: 1px solid; border-image: linear-gradient( to right, var(--ck-color-restricted-editing-exception-brackets) 0%, var(--ck-color-restricted-editing-exception-brackets) 5px, hsla(0, 0%, 0%, 0) 6px, hsla(0, 0%, 0%, 0) calc(100% - 6px), var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-exception-brackets) 100% ) 1; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable .restricted-editing-exception { transition: none; } } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected { background-color: var(--ck-color-restricted-editing-selected-exception-background); border-image: linear-gradient( to right, var(--ck-color-restricted-editing-selected-exception-brackets) 0%, var(--ck-color-restricted-editing-selected-exception-brackets) 5px, var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px), var(--ck-color-restricted-editing-selected-exception-brackets) 100% ) 1; } .ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed { /* Empty exception should have the same width as exception with at least 1 char */ padding-left: 1ch; } .ck-restricted-editing_mode_restricted { cursor: default; /* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text during the pointer movement. */ } .ck-restricted-editing_mode_restricted * { cursor: default; } .ck-restricted-editing_mode_restricted .restricted-editing-exception { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception * { cursor: text; } .ck-restricted-editing_mode_restricted .restricted-editing-exception:hover { background: var(--ck-color-restricted-editing-exception-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-character-grid-tile-size: 24px; } .ck.ck-character-grid { overflow-y: auto; overflow-x: hidden; } .ck.ck-character-grid .ck-character-grid__tiles { grid-template-columns: repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr)); margin: var(--ck-spacing-standard) var(--ck-spacing-large); grid-gap: var(--ck-spacing-standard); } .ck.ck-character-grid .ck-character-grid__tile { width: var(--ck-character-grid-tile-size); height: var(--ck-character-grid-tile-size); min-width: var(--ck-character-grid-tile-size); min-height: var(--ck-character-grid-tile-size); font-size: 1.5em; padding: 0; transition: .2s ease box-shadow; border: 0; } @media (prefers-reduced-motion: reduce) { .ck.ck-character-grid .ck-character-grid__tile { transition: none; } } .ck.ck-character-grid .ck-character-grid__tile:focus:not( .ck-disabled ), .ck.ck-character-grid .ck-character-grid__tile:hover:not( .ck-disabled ) { /* Disable the default .ck-button's border ring. */ border: 0; box-shadow: inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border); } /* Make sure the glyph is rendered in the center of the button */ .ck.ck-character-grid .ck-character-grid__tile .ck-button__label { line-height: var(--ck-character-grid-tile-size); width: 100%; text-align: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-info { padding: var(--ck-spacing-small) var(--ck-spacing-large); border-top: 1px solid var(--ck-color-base-border); } .ck.ck-character-info > * { text-transform: uppercase; font-size: var(--ck-font-size-small); } .ck.ck-character-info .ck-character-info__name { max-width: 280px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-character-info .ck-character-info__code { opacity: .6; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-special-characters-navigation > .ck-label { max-width: 160px; text-overflow: ellipsis; overflow: hidden; } .ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel { /* There could be dozens of categories available. Use scroll to prevent a 10e6px dropdown. */ max-height: 250px; overflow-y: auto; overflow-x: hidden; } @media screen and (max-width: 600px) { .ck.ck-special-characters-navigation { max-width: 190px; } .ck.ck-special-characters-navigation > .ck-form__header__label { text-overflow: ellipsis; overflow: hidden; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label { font-style: italic; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-button-width: 120px; --ck-style-panel-button-height: 80px; --ck-style-panel-button-label-background: hsl(0, 0%, 94.1%); --ck-style-panel-button-hover-label-background: hsl(0, 0%, 92.1%); --ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%); } .ck.ck-style-panel .ck-style-grid { row-gap: var(--ck-spacing-large); column-gap: var(--ck-spacing-large); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { --ck-color-button-default-hover-background: var(--ck-color-base-background); --ck-color-button-default-active-background: var(--ck-color-base-background); padding: 0; width: var(--ck-style-panel-button-width); height: var(--ck-style-panel-button-height); /* Let default .ck-button :focus styles apply */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label { height: 22px; line-height: 22px; width: 100%; padding: 0 var(--ck-spacing-medium); overflow: hidden; text-overflow: ellipsis; flex-shrink: 0; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { width: 100%; overflow: hidden; opacity: .9; padding: var(--ck-spacing-medium); background: var(--ck-color-base-background); border: 2px solid var(--ck-color-base-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled { --ck-color-button-default-disabled-background: var(--ck-color-base-foreground); /* Let default .ck-button :focus styles apply */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled:not(:focus) { border-color: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled .ck-style-grid__button__preview { opacity: .4; border-color: var(--ck-color-base-foreground); filter: saturate(.3); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on { border-color: var(--ck-color-base-active); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on .ck-button__label { box-shadow: 0 -1px 0 var(--ck-color-base-active); z-index: 1; /* Stay on top of the preview with the shadow. */ } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-on:hover { border-color: var(--ck-color-base-active-focus); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on) .ck-button__label { background: var(--ck-style-panel-button-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:not(.ck-on):hover .ck-button__label { background: var(--ck-style-panel-button-hover-label-background); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) { border-color: var(--ck-style-panel-button-hover-border-color); } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button:hover:not(.ck-disabled):not(.ck-on) .ck-style-grid__button__preview { opacity: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-style-panel .ck-style-panel__style-group > .ck-label { margin: var(--ck-spacing-large) 0; } .ck.ck-style-panel .ck-style-panel__style-group:first-child > .ck-label { margin-top: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-max-height: 470px; } .ck.ck-style-panel { padding: var(--ck-spacing-large); overflow-y: auto; max-height: var(--ck-style-panel-max-height); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ [dir="ltr"] .ck.ck-input-color > .ck.ck-input-text { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir="rtl"] .ck.ck-input-color > .ck.ck-input-text { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* Make sure the focused input is always on top of the dropdown button so its outline and border are never cropped (also when the input is read-only). */ .ck.ck-input-color > .ck.ck-input-text:focus { z-index: 0; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { padding: 0; } [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir="ltr"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-left: 1px solid transparent; } [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button { border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir="rtl"] .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button:not(:focus) { border-right: 1px solid transparent; } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled { background: var(--ck-color-input-disabled-background); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview { border-radius: 0; width: 20px; height: 20px; border: 1px solid var(--ck-color-input-border); } .ck-rounded-corners .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview, .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview.ck-rounded-corners { border-radius: var(--ck-border-radius); } .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { top: -30%; left: 50%; height: 150%; width: 8%; background: hsl(0, 100%, 50%); border-radius: 2px; transform: rotate(45deg); transform-origin: 50%; } .ck.ck-input-color .ck.ck-input-color__remove-color { width: 100%; padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) { border-bottom: 1px solid var(--ck-color-input-border); } [dir="ltr"] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-right-radius: 0; } [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color { border-top-left-radius: 0; } .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon { margin-right: 0; margin-left: var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form { padding: 0 0 var(--ck-spacing-large); } .ck.ck-form:focus { /* See: https://github.com/ckeditor/ckeditor5/issues/4773 */ outline: none; } .ck.ck-form .ck.ck-input-text { min-width: 100%; width: 0; } .ck.ck-form .ck.ck-dropdown { min-width: 100%; } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-form .ck.ck-dropdown .ck-dropdown__button .ck-button__label { width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__row { padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0; /* Ignore labels that work as fieldset legends */ } [dir="ltr"] .ck.ck-form__row > *:not(.ck-label) + * { margin-left: var(--ck-spacing-large); } [dir="rtl"] .ck.ck-form__row > *:not(.ck-label) + * { margin-right: var(--ck-spacing-large); } .ck.ck-form__row > .ck-label { width: 100%; min-width: 100%; } .ck.ck-form__row.ck-table-form__action-row { margin-top: var(--ck-spacing-large); } .ck.ck-form__row.ck-table-form__action-row .ck-button .ck-button__label { color: var(--ck-color-text); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-insert-table-dropdown-padding: 10px; --ck-insert-table-dropdown-box-height: 11px; --ck-insert-table-dropdown-box-width: 12px; --ck-insert-table-dropdown-box-margin: 1px; } .ck .ck-insert-table-dropdown__grid { /* The width of a container should match 10 items in a row so there will be a 10x10 grid. */ width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2); padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0; } .ck .ck-insert-table-dropdown__label, .ck[dir=rtl] .ck-insert-table-dropdown__label { text-align: center; } .ck .ck-insert-table-dropdown-grid-box { min-width: var(--ck-insert-table-dropdown-box-width); min-height: var(--ck-insert-table-dropdown-box-height); margin: var(--ck-insert-table-dropdown-box-margin); border: 1px solid var(--ck-color-base-border); border-radius: 1px; outline: none; transition: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-insert-table-dropdown-grid-box { transition: none; } } .ck .ck-insert-table-dropdown-grid-box:focus { box-shadow: none; } .ck .ck-insert-table-dropdown-grid-box.ck-on { border-color: var(--ck-color-focus-border); background: var(--ck-color-focus-outer-shadow); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-cell-properties-form { width: 320px; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row { align-self: flex-end; padding: 0; width: 25%; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar { background: none; /* Compensate for missing input label that would push the margin (toolbar has no inputs). */ margin-top: var(--ck-spacing-standard); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3); } /** * While setting outline is fine, the border should not be modified here * because it overrides the default table cell border color which is not expected. * So do not use `@mixin ck-focus-ring;` here, or any other border styles. * See more: https://github.com/ckeditor/ckeditor5/issues/16979 */ .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck-widget.table td.ck-editor__nested-editable:focus, .ck-widget.table th.ck-editor__nested-editable:focus { /* A very slight background to highlight the focused cell */ background: var(--ck-color-selector-focused-cell-background); outline: 1px solid var(--ck-color-focus-border); outline-offset: -1px; /* progressive enhancement - no IE support */ } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ :root { --ck-table-properties-error-arrow-size: 6px; --ck-table-properties-min-error-width: 150px; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width { width: 80px; min-width: 80px; max-width: 80px; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { padding: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height { margin: 0 } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { align-self: flex-end; display: inline-block; height: var(--ck-ui-component-min-height); line-height: var(--ck-ui-component-min-height); margin: 0 var(--ck-spacing-small); } .ck.ck-table-form .ck.ck-labeled-field-view { padding-top: var(--ck-spacing-standard); } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { border-radius: 0; background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; } .ck-rounded-corners .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status, .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners { border-radius: var(--ck-border-radius); } /* The arrow pointing towards the field. */ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } /* Hide the error balloon when the field is blurred. Makes the experience much more clear. */ .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } @keyframes ck-table-form-labeled-view-status-appear { 0% { opacity: 0; } 100% { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-properties-form { width: 320px; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { align-self: flex-end; padding: 0; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar { background: none; /* Compensate for missing input label that would push the margin (toolbar has no inputs). */ margin-top: var(--ck-spacing-standard); } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * { width: 40px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-table-selected-cell-background: hsla(208, 90%, 80%, .3); } .ck.ck-editor__editable .table table td.ck-editor__editable_selected, .ck.ck-editor__editable .table table th.ck-editor__editable_selected { position: relative; caret-color: transparent; outline: unset; box-shadow: unset; /* https://github.com/ckeditor/ckeditor5/issues/6446 */ } .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after { content: ''; pointer-events: none; background-color: var(--ck-table-selected-cell-background); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table th.ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table td.ck-editor__editable_selected:focus, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:focus { background-color: transparent; } /* * To reduce the amount of noise, all widgets in the table selection have no outline and no selection handle. * See https://github.com/ckeditor/ckeditor5/issues/9491. */ .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget { outline: unset; } .ck.ck-editor__editable .table table td.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle, .ck.ck-editor__editable .table table th.ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-widget-outline-thickness: 3px; --ck-widget-handler-icon-size: 16px; --ck-widget-handler-animation-duration: 200ms; --ck-widget-handler-animation-curve: ease; --ck-color-widget-blurred-border: hsl(0, 0%, 87%); --ck-color-widget-hover-border: hsl(43, 100%, 62%); --ck-color-widget-editable-focus-background: var(--ck-color-base-background); --ck-color-widget-drag-handler-icon-color: var(--ck-color-base-background); } .ck .ck-widget { outline-width: var(--ck-widget-outline-thickness); outline-style: solid; outline-color: transparent; transition: outline-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget { transition: none; } } .ck .ck-widget.ck-widget_selected, .ck .ck-widget.ck-widget_selected:hover { outline: var(--ck-widget-outline-thickness) solid var(--ck-color-focus-border); } .ck .ck-widget:hover { outline-color: var(--ck-color-widget-hover-border); } .ck .ck-editor__nested-editable { border: 1px solid transparent; /* The :focus style is applied before .ck-editor__nested-editable_focused class is rendered in the view. These styles show a different border for a blink of an eye, so `:focus` need to have same styles applied. */ } .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { box-shadow: var(--ck-inner-shadow), 0 0; } @media (forced-colors: none) { .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused, .ck .ck-editor__nested-editable:focus { background-color: var(--ck-color-widget-editable-focus-background); } } /** * Focus border should not be applied to table cells because it overrides the default table cell border color. * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior * because it should be the same as the table cell border color. */ .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { padding: 4px; box-sizing: border-box; /* Background and opacity will be animated as the handler shows up or the widget gets selected. */ background-color: transparent; opacity: 0; /* Transition: * background-color for the .ck-widget_selected state change, * visibility for hiding the handler, * opacity for the proper look of the icon when the handler disappears. */ transition: background-color var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), visibility var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); /* Make only top corners round. */ border-radius: var(--ck-border-radius) var(--ck-border-radius) 0 0; /* Place the drag handler outside the widget wrapper. */ transform: translateY(-100%); left: calc(0px - var(--ck-widget-outline-thickness)); top: 0; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { transition: none; } } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { /* Make sure the dimensions of the icon are independent of the fon-size of the content. */ width: var(--ck-widget-handler-icon-size); height: var(--ck-widget-handler-icon-size); color: var(--ck-color-widget-drag-handler-icon-color); /* The "selected" part of the icon is invisible by default */ } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 0; /* Note: The animation is longer on purpose. Simply feels better. */ transition: opacity 300ms var(--ck-widget-handler-animation-curve); } @media (prefers-reduced-motion: reduce) { .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { transition: none; } } /* Advertise using the look of the icon that once clicked the handler, the widget will be selected. */ .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover .ck-icon .ck-icon__selected-indicator { opacity: 1; } /* Show the selection handler on mouse hover over the widget, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-widget-hover-border); } /* Show the selection handler when the widget is selected, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 1; background-color: var(--ck-color-focus-border); /* When the widget is selected, notify the user using the proper look of the icon. */ } .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator { opacity: 1; } /* In a RTL environment, align the selection handler to the right side of the widget */ /* stylelint-disable-next-line no-descending-specificity */ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { left: auto; right: calc(0px - var(--ck-widget-outline-thickness)); } /* https://github.com/ckeditor/ckeditor5/issues/6415 */ .ck.ck-editor__editable.ck-read-only .ck-widget { /* Prevent the :hover outline from showing up because of the used outline-color transition. */ transition: none; } .ck.ck-editor__editable.ck-read-only .ck-widget:not(.ck-widget_selected) { /* Disable visual effects of hover/active widget when CKEditor is in readOnly mode. * See: https://github.com/ckeditor/ckeditor5/issues/1261 * * Leave the unit because this custom property is used in calc() by other features. * See: https://github.com/ckeditor/ckeditor5/issues/6775 */ --ck-widget-outline-thickness: 0px; } .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle, .ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } /* Style the widget when it's selected but the editable it belongs to lost focus. */ /* stylelint-disable-next-line no-descending-specificity */ .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover { outline-color: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle > .ck-widget__selection-handle:hover, .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle:hover { background: var(--ck-color-widget-blurred-border); } .ck.ck-editor__editable > .ck-widget.ck-widget_with-selection-handle:first-child, .ck.ck-editor__editable blockquote > .ck-widget.ck-widget_with-selection-handle:first-child { /* Do not crop selection handler if a widget is a first-child in the blockquote or in the root editable. In fact, anything with overflow: hidden. https://github.com/ckeditor/ckeditor5-block-quote/issues/28 https://github.com/ckeditor/ckeditor5-widget/issues/44 https://github.com/ckeditor/ckeditor5-widget/issues/66 */ margin-top: calc(1em + var(--ck-widget-handler-icon-size)); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-resizer-size: 10px; /* Set the resizer with a 50% offset. */ --ck-resizer-offset: calc( ( var(--ck-resizer-size) / -2 ) - 2px); --ck-resizer-border-width: 1px; } .ck .ck-widget__resizer { outline: 1px solid var(--ck-color-resizer); } .ck .ck-widget__resizer__handle { width: var(--ck-resizer-size); height: var(--ck-resizer-size); background: var(--ck-color-focus-border); border: var(--ck-resizer-border-width) solid hsl(0, 0%, 100%); border-radius: var(--ck-resizer-border-radius); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left { top: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right { top: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { bottom: var(--ck-resizer-offset); right: var(--ck-resizer-offset); } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { bottom: var(--ck-resizer-offset); left: var(--ck-resizer-offset); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-widget-type-around-button-size: 20px; --ck-color-widget-type-around-button-active: var(--ck-color-focus-border); --ck-color-widget-type-around-button-hover: var(--ck-color-widget-hover-border); --ck-color-widget-type-around-button-blurred-editable: var(--ck-color-widget-blurred-border); --ck-color-widget-type-around-button-radar-start-alpha: 0; --ck-color-widget-type-around-button-radar-end-alpha: .3; --ck-color-widget-type-around-button-icon: var(--ck-color-base-background); } /* * Styles of the type around buttons */ .ck .ck-widget .ck-widget__type-around__button { width: var(--ck-widget-type-around-button-size); height: var(--ck-widget-type-around-button-size); background: var(--ck-color-widget-type-around-button); border-radius: 100px; transition: opacity var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve), background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); opacity: 0; pointer-events: none; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg { width: 10px; height: 8px; transform: translate(-50%,-50%); transition: transform .5s ease; margin-top: 1px; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button svg { transition: none; } } .ck .ck-widget .ck-widget__type-around__button svg * { stroke-dasharray: 10; stroke-dashoffset: 0; fill: none; stroke: var(--ck-color-widget-type-around-button-icon); stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; } .ck .ck-widget .ck-widget__type-around__button svg line { stroke-dasharray: 7; } .ck .ck-widget .ck-widget__type-around__button:hover { /* * Display the "sonar" around the button when hovered. */ animation: ck-widget-type-around-button-sonar 1s ease infinite; /* * Animate active button's icon. */ } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: ck-widget-type-around-arrow-dash 2s linear; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: ck-widget-type-around-arrow-tip-dash 2s linear; } @media (prefers-reduced-motion: reduce) { .ck .ck-widget .ck-widget__type-around__button:hover { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg polyline { animation: none; } .ck .ck-widget .ck-widget__type-around__button:hover svg line { animation: none; } } /* * Show type around buttons when the widget gets selected or being hovered. */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 1; pointer-events: auto; } /* * Styles for the buttons when the widget is NOT selected (but the buttons are visible * and still can be hovered). */ .ck .ck-widget:not(.ck-widget_selected) > .ck-widget__type-around > .ck-widget__type-around__button { background: var(--ck-color-widget-type-around-button-hover); } /* * Styles for the buttons when: * - the widget is selected, * - or the button is being hovered (regardless of the widget state). */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover { background: var(--ck-color-widget-type-around-button-active); } .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { width: calc(var(--ck-widget-type-around-button-size) - 2px); height: calc(var(--ck-widget-type-around-button-size) - 2px); border-radius: 100px; background: linear-gradient(135deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,.3) 100%); } /* * Styles for the "before" button when the widget has a selection handle. Because some space * is consumed by the handle, the button must be moved slightly to the right to let it breathe. */ .ck .ck-widget.ck-widget_with-selection-handle > .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 20px; } /* * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard. */ .ck .ck-widget .ck-widget__type-around__fake-caret { pointer-events: none; height: 1px; animation: ck-widget-type-around-fake-caret-pulse linear 1s infinite normal forwards; /* * The semi-transparent-outline+background combo improves the contrast * when the background underneath the fake caret is dark. */ outline: solid 1px hsla(0, 0%, 100%, .5); background: var(--ck-color-base-text); } /* * Styles of the widget when the "fake caret" is blinking (e.g. upon keyboard navigation). * Despite the widget being physically selected in the model, its outline should disappear. */ .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_before, .ck .ck-widget.ck-widget_selected.ck-widget_type-around_show-fake-caret_after { outline-color: transparent; } /* * When the "fake caret" is visible we simulate that the widget is not selected * (despite being physically selected), so the outline color should be for the * unselected widget. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected:hover, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected:hover { outline-color: var(--ck-color-widget-hover-border); } /* * Styles of the type around buttons when the "fake caret" is blinking (e.g. upon keyboard navigation). * In this state, the type around buttons would collide with the fake carets so they should disappear. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__button, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } /* * Fake horizontal caret integration with the selection handle. When the caret is visible, simply * hide the handle because it intersects with the caret (and does not make much sense anyway). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle { opacity: 0 } /* * Fake horizontal caret integration with the resize UI. When the caret is visible, simply * hide the resize UI because it creates too much noise. It can be visible when the user * hovers the widget, though. */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer { opacity: 0 } /* * Styles for the "before" button when the widget has a selection handle in an RTL environment. * The selection handler is aligned to the right side of the widget so there is no need to create * additional space for it next to the "before" button. */ .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before { margin-left: 0; margin-right: 20px; } /* * Hide type around buttons when the widget is selected as a child of a selected * nested editable (e.g. mulit-cell table selection). * * See https://github.com/ckeditor/ckeditor5/issues/7263. */ .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button, .ck-editor__nested-editable.ck-editor__editable_selected .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__button { opacity: 0; pointer-events: none; } /* * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor). */ .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) { background: var(--ck-color-widget-type-around-button-blurred-editable); } .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover) svg * { stroke: hsl(0,0%,60%); } @keyframes ck-widget-type-around-arrow-dash { 0% { stroke-dashoffset: 10; } 20%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-arrow-tip-dash { 0%, 20% { stroke-dashoffset: 7; } 40%, 100% { stroke-dashoffset: 0; } } @keyframes ck-widget-type-around-button-sonar { 0% { box-shadow: 0 0 0 0 hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } 50% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-end-alpha)); } 100% { box-shadow: 0 0 0 5px hsla(var(--ck-color-focus-border-coordinates), var(--ck-color-widget-type-around-button-radar-start-alpha)); } } @keyframes ck-widget-type-around-fake-caret-pulse { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 99% { opacity: 0; } 100% { opacity: 1; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content code { background-color: hsla(0, 0%, 78%, 0.3); padding: .15em; border-radius: 2px; } .ck.ck-editor__editable .ck-code_selected { background-color: hsla(0, 0%, 78%, 0.5); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content blockquote { /* See #12 */ overflow: hidden; /* https://github.com/ckeditor/ckeditor5-block-quote/issues/15 */ padding-right: 1.5em; padding-left: 1.5em; margin-left: 0; margin-right: 0; font-style: italic; border-left: solid 5px hsl(0, 0%, 80%); } .ck-content[dir="rtl"] blockquote { border-left: 0; border-right: solid 5px hsl(0, 0%, 80%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Based on default CKBox theme colors */ --ck-image-processing-highlight-color: hsl(220, 10%, 98%); --ck-image-processing-background-color: hsl(220, 10%, 90%); } .ck.ck-editor__editable .image.image-processing { position: relative; } .ck.ck-editor__editable .image.image-processing:before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; width: 100%; background: linear-gradient( 90deg, var(--ck-image-processing-background-color), var(--ck-image-processing-highlight-color), var(--ck-image-processing-background-color) ); background-size: 200% 100%; animation: ck-image-processing-animation 2s linear infinite; } .ck.ck-editor__editable .image.image-processing img { height: 100%; } @keyframes ck-image-processing-animation { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Vertical drop target (in text). */ .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position { display: inline; position: relative; pointer-events: none; } .ck.ck-editor__editable .ck.ck-clipboard-drop-target-position span { position: absolute; width: 0; } /* * Styles of the widget being dragged (its preview). */ .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__selection-handle { display: none; } .ck.ck-editor__editable .ck-widget:-webkit-drag > .ck-widget__type-around { display: none; } .ck.ck-clipboard-drop-target-line { position: absolute; pointer-events: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content pre { padding: 1em; color: hsl(0, 0%, 20.8%); background: hsla(0, 0%, 78%, 0.3); border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; /* Code block are language direction–agnostic. */ text-align: left; direction: ltr; tab-size: 4; white-space: pre-wrap; /* Don't inherit the style, e.g. when in a block quote. */ font-style: normal; /* Don't let the code be squashed e.g. when in a table cell. */ min-width: 200px; } .ck-content pre code { background: unset; padding: 0; border-radius: 0; } .ck.ck-editor__editable pre { position: relative; } .ck.ck-editor__editable pre[data-language]::after { content: attr(data-language); position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor { /* All the elements within `.ck-editor` are positioned relatively to it. If any element needs to be positioned with respect to the , etc., it must land outside of the `.ck-editor` in DOM. */ position: relative; } .ck.ck-editor .ck-editor__top .ck-sticky-panel .ck-toolbar { /* https://github.com/ckeditor/ckeditor5-editor-classic/issues/62 */ z-index: var(--ck-z-panel); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar { border: none; border-bottom: 1px solid var(--ck-color-toolbar-border); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* See ckeditor/ckeditor5#936. */ .ck.ck-placeholder, .ck .ck-placeholder { position: relative; } .ck.ck-placeholder::before, .ck .ck-placeholder::before { position: absolute; left: 0; right: 0; content: attr(data-placeholder); /* See ckeditor/ckeditor5#469. */ pointer-events: none; } /* See ckeditor/ckeditor5#1987. */ .ck.ck-read-only .ck-placeholder::before { display: none; } /* * Rules for the `ck-placeholder` are loaded before the rules for `ck-reset_all` in the base CKEditor 5 DLL build. * This fix overwrites the incorrectly set `position: static` from `ck-reset_all`. * See https://github.com/ckeditor/ckeditor5/issues/11418. */ .ck.ck-reset_all .ck-placeholder { position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Elements marked by the Renderer as hidden should be invisible in the editor. */ .ck.ck-editor__editable span[data-ck-unsafe-element] { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-find-result { background: var(--ck-color-highlight-background); color: var(--ck-color-text); } .ck-find-result_selected { background: hsl(29, 100%, 60%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-find-and-replace-form { max-width: 100%; } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions { display: flex; /* The inputs area styles */ } .ck.ck-find-and-replace-form .ck-find-and-replace-form__inputs.ck-find-and-replace-form__inputs .ck-results-counter, .ck.ck-find-and-replace-form .ck-find-and-replace-form__actions.ck-find-and-replace-form__inputs .ck-results-counter { position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* The values should be synchronized with the "FONT_SIZE_PRESET_UNITS" object in the "/src/fontsize/utils.js" file. */ /* Styles should be prefixed with the `.ck-content` class. See https://github.com/ckeditor/ckeditor5/issues/6636 */ .ck-content .text-tiny { font-size: .7em; } .ck-content .text-small { font-size: .85em; } .ck-content .text-big { font-size: 1.4em; } .ck-content .text-huge { font-size: 1.8em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-heading_heading1 .ck-button__label { font-size: 20px; } .ck.ck-heading_heading2 .ck-button__label { font-size: 17px; } .ck.ck-heading_heading3 .ck-button__label { font-size: 14px; } .ck[class*="ck-heading_heading"] { font-weight: bold; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-highlight-marker-yellow: hsl(60, 97%, 73%); --ck-highlight-marker-green: hsl(120, 93%, 68%); --ck-highlight-marker-pink: hsl(345, 96%, 73%); --ck-highlight-marker-blue: hsl(201, 97%, 72%); --ck-highlight-pen-red: hsl(0, 85%, 49%); --ck-highlight-pen-green: hsl(112, 100%, 27%); } .ck-content .marker-yellow { background-color: var(--ck-highlight-marker-yellow); } .ck-content .marker-green { background-color: var(--ck-highlight-marker-green); } .ck-content .marker-pink { background-color: var(--ck-highlight-marker-pink); } .ck-content .marker-blue { background-color: var(--ck-highlight-marker-blue); } .ck-content .pen-red { color: var(--ck-highlight-pen-red); /* Override default yellow background of `` from user agent stylesheet */ background-color: transparent; } .ck-content .pen-green { color: var(--ck-highlight-pen-green); /* Override default yellow background of `` from user agent stylesheet */ background-color: transparent; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-editor__editable .ck-horizontal-line { /* Necessary to render properly next to floated objects, e.g. side image case. */ display: flow-root; } .ck-content hr { margin: 15px 0; height: 4px; background: hsl(0, 0%, 87%); border: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* The feature container. */ .ck-widget.raw-html-embed { /* Give the embed some air. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; position: relative; display: flow-root; /* Give the html embed some minimal width in the content to prevent them from being "squashed" in tight spaces, e.g. in table cells (https://github.com/ckeditor/ckeditor5/issues/8331) */ min-width: 15em; /* Don't inherit the style, e.g. when in a block quote. */ font-style: normal; /* ----- Emebed label in the upper left corner ----------------------------------------------- */ } .ck-widget.raw-html-embed::before { position: absolute; /* Make sure the content does not cover the label. */ z-index: 1; } /* ----- Emebed internals --------------------------------------------------------------------- */ /* The switch mode button wrapper. */ .ck-widget.raw-html-embed .raw-html-embed__buttons-wrapper { position: absolute; display: flex; flex-direction: column; } .ck-widget.raw-html-embed .raw-html-embed__preview { position: relative; overflow: hidden; display: flex; } .ck-widget.raw-html-embed .raw-html-embed__preview-content { width: 100%; position: relative; margin: auto; /* Gives spacing to the small renderable elements, so they always cover the placeholder. */ display: table; border-collapse: separate; border-spacing: 7px; } .ck-widget.raw-html-embed .raw-html-embed__preview-placeholder { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-html-object-embed-unfocused-outline-width: 1px; } .ck-widget.html-object-embed { font-size: var(--ck-font-size-base); background-color: var(--ck-color-base-foreground); padding: var(--ck-spacing-small); /* Leave space for label */ padding-top: calc(var(--ck-font-size-tiny) + var(--ck-spacing-large)); min-width: calc(76px + var(--ck-spacing-standard)); } .ck-widget.html-object-embed:not(.ck-widget_selected):not(:hover) { outline: var(--ck-html-object-embed-unfocused-outline-width) dashed var(--ck-color-widget-blurred-border); } .ck-widget.html-object-embed::before { font-weight: normal; font-style: normal; position: absolute; content: attr(data-html-object-embed-label); top: 0; left: var(--ck-spacing-standard); background: hsl(0deg 0% 60%); transition: background var(--ck-widget-handler-animation-duration) var(--ck-widget-handler-animation-curve); padding: calc(var(--ck-spacing-tiny) + var(--ck-html-object-embed-unfocused-outline-width)) var(--ck-spacing-small) var(--ck-spacing-tiny); border-radius: 0 0 var(--ck-border-radius) var(--ck-border-radius); color: var(--ck-color-base-background); font-size: var(--ck-font-size-tiny); font-family: var(--ck-font-face); } /* Make space for label. */ .ck-widget.html-object-embed .ck-widget__type-around .ck-widget__type-around__button.ck-widget__type-around__button_before { margin-left: 50px; } .ck-widget.html-object-embed .html-object-embed__content { /* Disable user interaction with embed content */ pointer-events: none; } div.ck-widget.html-object-embed { margin: 1em auto; } span.ck-widget.html-object-embed { display: inline-block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-image-caption-background: hsl(0, 0%, 97%); --ck-color-image-caption-text: hsl(0, 0%, 20%); --ck-color-image-caption-highlighted-background: hsl(52deg 100% 50%); } /* Content styles */ .ck-content .image > figcaption { display: table-caption; caption-side: bottom; word-break: break-word; color: var(--ck-color-image-caption-text); background-color: var(--ck-color-image-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */ } @media (forced-colors: active) { .ck-content .image > figcaption { background-color: unset; color: unset; } } /* Editing styles */ @media (forced-colors: none) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: ck-image-caption-highlight .6s ease-out; } } @media (prefers-reduced-motion: reduce) { .ck.ck-editor__editable .image > figcaption.image__caption_highlighted { animation: none; } } @keyframes ck-image-caption-highlight { 0% { background-color: var(--ck-color-image-caption-highlighted-background); } 100% { background-color: var(--ck-color-image-caption-background); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-image-insert-url { width: 400px; padding: var(--ck-spacing-large) var(--ck-spacing-large) 0; } .ck.ck-image-insert-url .ck-image-insert-url__action-row { display: grid; grid-template-columns: repeat(2, 1fr); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Preserve aspect ratio of the resized image after introducing image height attribute. */ .ck-content img.image_resized { height: auto; } .ck-content .image.image_resized { max-width: 100%; /* The `

` element for resized images must not use `display:table` as browsers do not support `max-width` for it well. See https://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table/14420691#14420691 for more. Fortunately, since we control the width, there is no risk that the image will look bad. */ display: block; box-sizing: border-box; } .ck-content .image.image_resized img { /* For resized images it is the `

` element that determines the image width. */ width: 100%; } .ck-content .image.image_resized > figcaption { /* The `

` element uses `display:block`, so `

` also has to. */ display: block; } /* The resized inline image nested in the table should respect its parent size. See https://github.com/ckeditor/ckeditor5/issues/9117. */ .ck.ck-editor__editable td .image-inline.image_resized img, .ck.ck-editor__editable th .image-inline.image_resized img { max-width: 100%; } [dir="ltr"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-right: var(--ck-spacing-standard); } [dir="rtl"] .ck.ck-button.ck-button_with-text.ck-resize-image-button .ck-button__icon { margin-left: var(--ck-spacing-standard); } .ck.ck-dropdown .ck-button.ck-resize-image-button .ck-button__label { width: 4em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-image-custom-resize-form { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { display: inline-block; } .ck.ck-image-custom-resize-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-image-custom-resize-form { flex-wrap: wrap; } .ck.ck-image-custom-resize-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-image-custom-resize-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-image-style-spacing: 1.5em; --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2); } /* See: https://github.com/ckeditor/ckeditor5/issues/16317 */ /* Provides a minimal side margin for the left and right aligned images, so that the user has a visual feedback confirming successful application of the style if image width exceeds the editor's size. See https://github.com/ckeditor/ckeditor5/issues/9342 */ .ck-content .image.image-style-block-align-left, .ck-content .image.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); } /* Allows displaying multiple floating images in the same line. See https://github.com/ckeditor/ckeditor5/issues/9183#issuecomment-804988132 */ .ck-content .image.image-style-align-left, .ck-content .image.image-style-align-right { clear: none; } .ck-content .image.image-style-side { float: right; margin-left: var(--ck-image-style-spacing); max-width: 50%; } .ck-content .image.image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image.image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } .ck-content .image.image-style-block-align-right { margin-right: 0; margin-left: auto; } .ck-content .image.image-style-block-align-left { margin-left: 0; margin-right: auto; } .ck-content .image-style-align-center { margin-left: auto; margin-right: auto; } .ck-content .image-style-align-left { float: left; margin-right: var(--ck-image-style-spacing); } .ck-content .image-style-align-right { float: right; margin-left: var(--ck-image-style-spacing); } /* Simulates margin collapsing with the preceding paragraph, which does not work for the floating elements. */ .ck-content p + .image.image-style-align-left, .ck-content p + .image.image-style-align-right, .ck-content p + .image.image-style-side { margin-top: 0; } .ck-content .image-inline.image-style-align-left, .ck-content .image-inline.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); } .ck-content .image-inline.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); } /* The button should display as a regular drop-down if the action button is forced to fire the same action as the arrow button. */ .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-background); } .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__action:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled)::after, .ck.ck-splitbutton.ck-splitbutton_flatten:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after, .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover)::after { display: none; } .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__action:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled), .ck.ck-splitbutton.ck-splitbutton_flatten.ck-splitbutton_open:hover > .ck-splitbutton__arrow:not(.ck-disabled):not(:hover) { background-color: var(--ck-color-button-on-hover-background); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-text-alternative-form { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { display: inline-block; } .ck.ck-text-alternative-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-text-alternative-form { flex-wrap: wrap; } .ck.ck-text-alternative-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-text-alternative-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor__editable .image, .ck.ck-editor__editable .image-inline { position: relative; } /* Upload progress bar. */ .ck.ck-editor__editable .image .ck-progress-bar, .ck.ck-editor__editable .image-inline .ck-progress-bar { position: absolute; top: 0; left: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-image-upload-complete-icon { display: block; position: absolute; /* * Smaller images should have the icon closer to the border. * Match the icon position with the linked image indicator brought by the link image feature. */ top: min(var(--ck-spacing-medium), 6%); right: min(var(--ck-spacing-medium), 6%); border-radius: 50%; z-index: 1; } .ck-image-upload-complete-icon::after { content: ""; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-upload-placeholder-loader { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; } .ck .ck-upload-placeholder-loader::before { content: ''; position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .image { display: table; clear: both; text-align: center; /* Make sure there is some space between the content and the image. Center image by default. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; /* Make sure the caption will be displayed properly (See: https://github.com/ckeditor/ckeditor5/issues/1870). */ min-width: 50px; } .ck-content .image img { /* Prevent unnecessary margins caused by line-height (see #44). */ display: block; /* Center the image if its width is smaller than the content's width. */ margin: 0 auto; /* Make sure the image never exceeds the size of the parent container (ckeditor/ckeditor5-ui#67). */ max-width: 100%; /* Make sure the image is never smaller than the parent container (See: https://github.com/ckeditor/ckeditor5/issues/9300). */ min-width: 100%; /* Keep proportions of the block image if the height is set and the image is wider than the editor width. See https://github.com/ckeditor/ckeditor5/issues/14542. */ height: auto; } .ck-content .image-inline { /* * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing). * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root. * This strange behavior does not happen with inline-flex. */ display: inline-flex; /* While being resized, don't allow the image to exceed the width of the editing root. */ max-width: 100%; /* This is required by Safari to resize images in a sensible way. Without this, the browser breaks the ratio. */ align-items: flex-start; /* When the picture is present it must act as a flex container to let the img resize properly */ } .ck-content .image-inline picture { display: flex; } /* When the picture is present, it must act like a resizable img. */ .ck-content .image-inline picture, .ck-content .image-inline img { /* This is necessary for the img to span the entire .image-inline wrapper and to resize properly. */ flex-grow: 1; flex-shrink: 1; /* Prevents overflowing the editing root boundaries when an inline image is very wide. */ max-width: 100%; } /* * Inhertit the content styles padding of the

in case the integration overrides `text-align: center` * of `.image` (e.g. to the left/right). This ensures the placeholder stays at the padding just like the native * caret does, and not at the edge of

. */ .ck.ck-editor__editable .image > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; /* * Make sure the image caption placeholder doesn't overflow the placeholder area. * See https://github.com/ckeditor/ckeditor5/issues/9162. */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* * See https://github.com/ckeditor/ckeditor5/issues/15115. */ .ck.ck-editor__editable .image { z-index: 1; /* * Make sure the selected image always stays on top of its siblings. * See https://github.com/ckeditor/ckeditor5/issues/9108. */ } .ck.ck-editor__editable .image.ck-widget_selected { z-index: 2; } /* * See https://github.com/ckeditor/ckeditor5/issues/15115. */ .ck.ck-editor__editable .image-inline { z-index: 1; /* * Make sure the selected inline image always stays on top of its siblings. * See https://github.com/ckeditor/ckeditor5/issues/9108. */ } .ck.ck-editor__editable .image-inline.ck-widget_selected { z-index: 2; /* * Make sure the native browser selection style is not displayed. * Inline image widgets have their own styles for the selected state and * leaving this up to the browser is asking for a visual collision. */ } .ck.ck-editor__editable .image-inline.ck-widget_selected ::selection { display: none; } /* Keep proportions of the inline image if the height is set and the image is wider than the editor width. See https://github.com/ckeditor/ckeditor5/issues/14542. */ .ck.ck-editor__editable .image-inline img { height: auto; } /* The inline image nested in the table should have its original size if not resized. See https://github.com/ckeditor/ckeditor5/issues/9117. */ .ck.ck-editor__editable td .image-inline img, .ck.ck-editor__editable th .image-inline img { max-width: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-editor__editable img.image_placeholder { background-size: 100% 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* Linked image indicator */ .ck.ck-editor__editable figure.image > a::after, .ck.ck-editor__editable a span.image-inline::after { display: block; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-actions { display: flex; flex-direction: row; flex-wrap: nowrap; } .ck.ck-link-actions .ck-link-actions__preview { display: inline-block; } .ck.ck-link-actions .ck-link-actions__preview .ck-button__label { overflow: hidden; } @media screen and (max-width: 600px) { .ck.ck-link-actions { flex-wrap: wrap; } .ck.ck-link-actions .ck-link-actions__preview { flex-basis: 100%; } .ck.ck-link-actions .ck-button:not(.ck-link-actions__preview) { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-link-form { display: flex; align-items: flex-start; } .ck.ck-link-form .ck-label { display: none; } @media screen and (max-width: 600px) { .ck.ck-link-form { flex-wrap: wrap; } .ck.ck-link-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-link-form .ck-button { flex-basis: 50%; } } /* * Style link form differently when manual decorators are available. * See: https://github.com/ckeditor/ckeditor5-link/issues/186. */ .ck.ck-link-form_layout-vertical { display: block; /* * Whether the form is in the responsive mode or not, if there are decorator buttons * keep the top margin of action buttons medium. */ } .ck.ck-link-form_layout-vertical .ck-button.ck-button-save, .ck.ck-link-form_layout-vertical .ck-button.ck-button-cancel { margin-top: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-editor__editable .ck-list-bogus-paragraph { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list-styles-list { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content ol { list-style-type: decimal; } .ck-content ol ol { list-style-type: lower-latin; } .ck-content ol ol ol { list-style-type: lower-roman; } .ck-content ol ol ol ol { list-style-type: upper-latin; } .ck-content ol ol ol ol ol { list-style-type: upper-roman; } .ck-content ul { list-style-type: disc; } .ck-content ul ul { list-style-type: circle; } .ck-content ul ul ul { list-style-type: square; } .ck-content ul ul ul ul { list-style-type: square; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-todo-list-checkmark-size: 16px; } /* * To-do list content styles. */ .ck-content .todo-list { list-style: none; } .ck-content .todo-list li { position: relative; margin-bottom: 5px; } .ck-content .todo-list li .todo-list { margin-top: 5px; } .ck-content .todo-list .todo-list__label > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; /* Needed on iOS */ border: 0; /* LTR styles */ left: -25px; margin-right: -15px; right: 0; margin-left: 0; /* RTL styles */ } .ck-content[dir=rtl] .todo-list .todo-list__label > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-content .todo-list .todo-list__label > input::before { display: block; position: absolute; box-sizing: border-box; content: ''; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-content .todo-list .todo-list__label > input::before { transition: none; } } .ck-content .todo-list .todo-list__label > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ''; /* Calculate tick position, size and border-width proportional to the checkmark size. */ left: calc( var(--ck-todo-list-checkmark-size) / 3 ); top: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); width: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); height: calc( var(--ck-todo-list-checkmark-size) / 2.6 ); border-style: solid; border-color: transparent; border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0; transform: rotate(45deg); } .ck-content .todo-list .todo-list__label > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-content .todo-list .todo-list__label > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-content .todo-list .todo-list__label .todo-list__label__description { vertical-align: middle; } .ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } /* * To-do list editing view styles. */ /* * To-do list should be interactive only during the editing * (https://github.com/ckeditor/ckeditor5/issues/2090). */ .ck-editor__editable.ck-content .todo-list .todo-list__label > input, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { cursor: pointer; } .ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before { box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1); } /* * Document Lists - editing view has an additional span around checkbox. */ .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input { -webkit-appearance: none; display: inline-block; position: relative; width: var(--ck-todo-list-checkmark-size); height: var(--ck-todo-list-checkmark-size); vertical-align: middle; /* Needed on iOS */ border: 0; /* LTR styles */ left: -25px; margin-right: -15px; right: 0; margin-left: 0; /* RTL styles */ } .ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input { left: 0; margin-right: 0; right: -25px; margin-left: -15px; } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { display: block; position: absolute; box-sizing: border-box; content: ''; width: 100%; height: 100%; border: 1px solid hsl(0, 0%, 20%); border-radius: 2px; transition: 250ms ease-in-out box-shadow; } @media (prefers-reduced-motion: reduce) { .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before { transition: none; } } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after { display: block; position: absolute; box-sizing: content-box; pointer-events: none; content: ''; /* Calculate tick position, size and border-width proportional to the checkmark size. */ left: calc( var(--ck-todo-list-checkmark-size) / 3 ); top: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); width: calc( var(--ck-todo-list-checkmark-size) / 5.3 ); height: calc( var(--ck-todo-list-checkmark-size) / 2.6 ); border-style: solid; border-color: transparent; border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0; transform: rotate(45deg); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before { background: hsl(126, 64%, 41%); border-color: hsl(126, 64%, 41%); } .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after { border-color: hsl(0, 0%, 100%); } .ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] { position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .media { /* Don't allow floated content overlap the media. https://github.com/ckeditor/ckeditor5-media-embed/issues/53 */ clear: both; /* Make sure there is some space between the content and the media. */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em 0; /* Make sure media is not overriden with Bootstrap default `flex` value. See: https://github.com/ckeditor/ckeditor5/issues/1373. */ display: block; /* Give the media some minimal width in the content to prevent them from being "squashed" in tight spaces, e.g. in table cells (#44) */ min-width: 15em; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-media__wrapper .ck-media__placeholder { display: flex; flex-direction: column; align-items: center; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url { /* Otherwise the URL will overflow when the content is very narrow. */ max-width: 100%; position: relative; } .ck-media__wrapper .ck-media__placeholder .ck-media__placeholder__url .ck-media__placeholder__url__text { overflow: hidden; display: block; } .ck-media__wrapper[data-oembed-url*="twitter.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="google.com/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="goo.gl/maps"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.google.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="maps.app.goo.gl"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="facebook.com"] .ck-media__placeholder__icon *, .ck-media__wrapper[data-oembed-url*="instagram.com"] .ck-media__placeholder__icon * { display: none; } /* Disable all mouse interaction as long as the editor is not read–only. https://github.com/ckeditor/ckeditor5-media-embed/issues/58 */ .ck-editor__editable:not(.ck-read-only) .ck-media__wrapper > *:not(.ck-media__placeholder) { pointer-events: none; } /* Disable all mouse interaction when the widget is not selected (e.g. to avoid opening links by accident). https://github.com/ckeditor/ckeditor5-media-embed/issues/18 */ .ck-editor__editable:not(.ck-read-only) .ck-widget:not(.ck-widget_selected) .ck-media__placeholder { pointer-events: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-vertical-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck-vertical-form .ck-button:focus::after { display: none; } @media screen and (max-width: 600px) { .ck.ck-responsive-form .ck-button::after { content: ""; width: 0; position: absolute; right: -1px; top: -1px; bottom: -1px; z-index: 1; } .ck.ck-responsive-form .ck-button:focus::after { display: none; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-media-form { display: flex; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; width: 400px; } .ck.ck-media-form .ck-labeled-field-view { display: inline-block; width: 100%; } .ck.ck-media-form .ck-label { display: none; } .ck.ck-media-form .ck-input { width: 100%; } @media screen and (max-width: 600px) { .ck.ck-media-form { flex-wrap: wrap; } .ck.ck-media-form .ck-labeled-field-view { flex-basis: 100%; } .ck.ck-media-form .ck-button { flex-basis: 50%; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-mention-list-max-height: 300px; } .ck.ck-mentions { max-height: var(--ck-mention-list-max-height); overflow-y: auto; /* Prevent unnecessary horizontal scrollbar in Safari https://github.com/ckeditor/ckeditor5-mention/issues/41 */ overflow-x: hidden; overscroll-behavior: contain; /* Prevent unnecessary vertical scrollbar in Safari https://github.com/ckeditor/ckeditor5-mention/issues/41 */ } .ck.ck-mentions > .ck-list__item { overflow: hidden; flex-shrink: 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-minimap-tracker-background: 208, 0%, 51%; --ck-color-minimap-iframe-outline: hsl(0deg 0% 75%); --ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%); --ck-color-minimap-progress-background: hsl(0,0%,40%); } .ck.ck-minimap { position: absolute; user-select: none; background: var(--ck-color-base-background); } .ck.ck-minimap, .ck.ck-minimap iframe { width: 100%; height: 100%; } .ck.ck-minimap iframe { border: 0; pointer-events: none; position: relative; outline: 1px solid var(--ck-color-minimap-iframe-outline); box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow); margin: 0; } .ck.ck-minimap .ck.ck-minimap__position-tracker { position: absolute; width: 100%; top: 0; background: hsla( var(--ck-color-minimap-tracker-background), .2 ); z-index: 1; transition: background 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker { transition: none; } } .ck.ck-minimap .ck.ck-minimap__position-tracker:hover { background:hsla( var(--ck-color-minimap-tracker-background), .3 ); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover { background:hsla( var(--ck-color-minimap-tracker-background), .4 ); } .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging::after, .ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover::after { opacity: 1; } .ck.ck-minimap .ck.ck-minimap__position-tracker::after { content: attr(data-progress) "%"; position: absolute; top: 5px; right: 5px; background: var(--ck-color-minimap-progress-background); color: var(--ck-color-base-background); border: 1px solid var(--ck-color-base-background); padding: 2px 4px; font-size: 10px; border-radius: 3px; opacity: 0; transition: opacity 100ms ease-in-out; } @media (prefers-reduced-motion: reduce) { .ck.ck-minimap .ck.ck-minimap__position-tracker::after { transition: none; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .page-break { position: relative; clear: both; padding: 5px 0; display: flex; align-items: center; justify-content: center; } .ck-content .page-break::after { content: ''; position: absolute; border-bottom: 2px dashed hsl(0, 0%, 77%); width: 100%; } .ck-content .page-break__label { position: relative; z-index: 1; padding: .3em .6em; display: block; text-transform: uppercase; border: 1px solid hsl(0, 0%, 77%); border-radius: 2px; font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif; font-size: 0.75em; font-weight: bold; color: hsl(0, 0%, 20%); background: hsl(0, 0%, 100%); box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15); /* Disable the possibility to select the label text by the user. */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Do not show the page break element inside the print preview window. */ @media print { .ck-content .page-break { padding: 0; } .ck-content .page-break::after { display: none; } /* * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode. * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page. * * Keep this in sync with the pagination plugins. */ .ck-content *:has(+ .page-break) { margin-bottom: 0; } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-show-blocks-border-color: hsl(0, 0%, 46%); } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) address { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) aside { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) blockquote { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) details { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *):not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) div:not(.ck-widget, .ck-widget *) { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) footer { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h1 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h2 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h3 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h4 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h5 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) h6 { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) header { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) main { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) nav { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) pre { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ol { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) ul { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) p { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) section { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-repeat: no-repeat; padding-top: 15px; /* Fix for Multi-root editor https://github.com/ckeditor/ckeditor5/issues/15969 */ } [dir=ltr] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir=rtl] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption:not(.ck-widget_selected):not(.ck-widget:hover) { outline: 1px dashed var(--ck-show-blocks-border-color); } [dir="ltr"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,"); background-position: 1px 1px; } [dir="rtl"] .ck.ck-editor__editable.ck-editor__editable_inline.ck-show-blocks:not(.ck-widget) :where(figure.image, figure.table) figcaption { background-image: url("data:image/svg+xml;utf8,"); background-position: calc(100% - 1px) 1px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Implements rounded corner interface for .ck-rounded-corners class. * * @see $ck-border-radius */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A visual style of focused element's border. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A helper to combine multiple shadows. */ /** * Gives an element a drop shadow so it looks like a floating panel. */ .ck-source-editing-area { position: relative; overflow: hidden; } .ck-source-editing-area::after, .ck-source-editing-area textarea { padding: var(--ck-spacing-large); margin: 0; border: 1px solid transparent; line-height: var(--ck-line-height-base); font-size: var(--ck-font-size-normal); font-family: monospace; white-space: pre-wrap; } .ck-source-editing-area::after { content: attr(data-value) " "; visibility: hidden; display: block; } .ck-source-editing-area textarea { position: absolute; width: 100%; height: 100%; resize: none; outline: none; overflow: hidden; box-sizing: border-box; border-color: var(--ck-color-base-border); border-radius: 0; } .ck-rounded-corners .ck-source-editing-area textarea, .ck-source-editing-area textarea.ck-rounded-corners { border-radius: var(--ck-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .ck-source-editing-area textarea:not([readonly]):focus { /* Disable native outline. */ outline: none; border: var(--ck-focus-ring); box-shadow: var(--ck-inner-shadow), 0 0; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-grid { max-width: 100%; } .ck.ck-character-grid .ck-character-grid__tiles { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-character-info { display: flex; justify-content: space-between; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Note: This file should contain the wireframe styles only. But since there are no such styles, * it acts as a message to the builder telling that it should look for the corresponding styles * **in the theme** when compiling the editor. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-special-characters > .ck-dialog__content > div { width: 350px; max-width: 100%; height: 100%; display: grid; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; grid-template-rows: auto 1fr auto; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories { grid-area: 1 / 1 / 2 / 2; padding: var(--ck-spacing-medium) var(--ck-spacing-large); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view { padding-top: var(--ck-spacing-standard); width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { background: var(--ck-color-base-error); color: var(--ck-color-base-background); padding: var(--ck-spacing-small) var(--ck-spacing-medium); min-width: var(--ck-table-properties-min-error-width); text-align: center; animation: ck-table-form-labeled-view-status-appear .15s ease both; /* The arrow pointing towards the field. */ } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status::after { border-color: transparent transparent var(--ck-color-base-error) transparent; border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size); border-style: solid; } @media (prefers-reduced-motion: reduce) { .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status { animation: none; } } /* Hide the error balloon when the field is blurred. Makes the experience much more clear. */ .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status { display: none; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label { font-size: var(--ck-font-size-tiny); text-align: center; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown { display: block; width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus) { border: 1px solid var(--ck-color-base-border); } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span { width: 100%; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid { grid-area: 2 / 1 / 3 / 2; max-height: 200px; } .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info { grid-area: 3 / 1 / 4 / 2; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-style-panel-columns: 3; } .ck.ck-style-panel .ck-style-grid { display: grid; grid-template-columns: repeat(var(--ck-style-panel-columns),auto); justify-content: start; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button { display: flex; justify-content: space-between; flex-direction: column; } .ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-style-grid__button__preview { display: flex; align-content: center; justify-content: flex-start; align-items: center; flex-grow: 1; flex-basis: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck-content .table { /* Give the table widget some air and center it horizontally */ /* The first value should be equal to --ck-spacing-large variable if used in the editor context to avoid the content jumping (See https://github.com/ckeditor/ckeditor5/issues/9825). */ margin: 0.9em auto; display: table; } .ck-content .table table { /* The table cells should have slight borders */ border-collapse: collapse; border-spacing: 0; /* Table width and height are set on the parent

. Make sure the table inside stretches to the full dimensions of the container (https://github.com/ckeditor/ckeditor5/issues/6186). */ width: 100%; height: 100%; /* The outer border of the table should be slightly darker than the inner lines. Also see https://github.com/ckeditor/ckeditor5-table/issues/50. */ border: 1px double hsl(0, 0%, 70%); } .ck-content .table table td, .ck-content .table table th { min-width: 2em; padding: .4em; /* The border is inherited from .ck-editor__nested-editable styles, so theoretically it's not necessary here. However, the border is a content style, so it should use .ck-content (so it works outside the editor). Hence, the duplication. See https://github.com/ckeditor/ckeditor5/issues/6314 */ border: 1px solid hsl(0, 0%, 75%); } .ck-content .table table th { font-weight: bold; background: hsla(0, 0%, 0%, 5%); } /** * Expanding the table to the full height of the parent container is necessary because tables * are rendered inside

elements, which is kinda buggy in table height calculation. * While setting `height: 100%` fixes the issue in the editing mode described here: * https://github.com/ckeditor/ckeditor5/issues/6186 * * it's causing another issue with the table height in the print preview mode here: * https://github.com/ckeditor/ckeditor5/issues/16856 * * For now, resetting the height to `initial` in the print mode works as a workaround. */ @media print { .ck-content .table table { height: initial; } } /* Text alignment of the table header should match the editor settings and override the native browser styling, when content is available outside the editor. See https://github.com/ckeditor/ckeditor5/issues/6638 */ .ck-content[dir="rtl"] .table th { text-align: right; } .ck-content[dir="ltr"] .table th { text-align: left; } .ck-editor__editable .ck-table-bogus-paragraph { /* * Use display:inline-block to force Chrome/Safari to limit text mutations to this element. * See https://github.com/ckeditor/ckeditor5/issues/6062. */ display: inline-block; /* * Inline HTML elements nested in the span should always be dimensioned in relation to the whole cell width. * See https://github.com/ckeditor/ckeditor5/issues/9117. */ width: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-insert-table-dropdown__grid { display: flex; flex-direction: row; flex-wrap: wrap; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; /* Ignore labels that work as fieldset legends */ } .ck.ck-form__row > *:not(.ck-label) { flex-grow: 1; } .ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row { flex-wrap: wrap; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type { /* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */ flex-grow: 0.57; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type { /* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */ flex-grow: 0.43; } .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button { flex-grow: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-input-color { width: 100%; display: flex; flex-direction: row-reverse; } .ck.ck-input-color > input.ck.ck-input-text { min-width: auto; flex-grow: 1; } .ck.ck-input-color > div.ck.ck-dropdown { min-width: auto; /* This dropdown has no arrow but a color preview instead. */ } .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow { display: none; } .ck.ck-input-color .ck.ck-input-color__button { /* Resolving issue with misaligned buttons on Safari (see #10589) */ display: flex; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview { position: relative; overflow: hidden; } .ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator { position: absolute; display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-form .ck-form__row.ck-table-form__border-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__background-row { flex-wrap: wrap; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row { flex-wrap: wrap; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view { display: flex; flex-direction: column-reverse; align-items: center; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown { flex-grow: 0; } .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator { flex-grow: 0; } .ck.ck-table-form .ck.ck-labeled-field-view { /* Allow absolute positioning of the status (error) balloons. */ position: relative; } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status { position: absolute; left: 50%; bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) ); transform: translate(-50%,100%); /* Make sure the balloon status stays on top of other form elements. */ z-index: 1; /* The arrow pointing towards the field. */ } .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after { content: ""; position: absolute; top: calc( -1 * var(--ck-table-properties-error-arrow-size) ); left: 50%; transform: translateX( -50% ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row { flex-wrap: wrap; flex-basis: 0; align-content: baseline; } .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items { flex-wrap: nowrap; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-caption-background: hsl(0, 0%, 97%); --ck-color-selector-caption-text: hsl(0, 0%, 20%); --ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%); } /* Content styles */ .ck-content .table > figcaption { display: table-caption; caption-side: top; word-break: break-word; text-align: center; color: var(--ck-color-selector-caption-text); background-color: var(--ck-color-selector-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px; /* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */ } @media (forced-colors: active) { .ck-content .table > figcaption { background-color: unset; color: unset; } } /* Editing styles */ @media (forced-colors: none) { .ck.ck-editor__editable .table > figcaption.table__caption_highlighted { animation: ck-table-caption-highlight .6s ease-out; } } .ck.ck-editor__editable .table > figcaption.ck-placeholder::before { padding-left: inherit; padding-right: inherit; /* * Make sure the table caption placeholder doesn't overflow the placeholder area. * See https://github.com/ckeditor/ckeditor5/issues/9162. */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @keyframes ck-table-caption-highlight { 0% { background-color: var(--ck-color-selector-caption-highlighted-background); } 100% { background-color: var(--ck-color-selector-caption-background); } } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-selector-column-resizer-hover: var(--ck-color-base-active); --ck-table-column-resizer-width: 7px; /* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border. The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */ --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px); } .ck-content .table .ck-table-resized { table-layout: fixed; } .ck-content .table table { overflow: hidden; } .ck-content .table td, .ck-content .table th { /* To prevent text overflowing beyond its cell when columns are resized by resize handler (https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */ overflow-wrap: break-word; position: relative; } .ck.ck-editor__editable .table .ck-table-column-resizer { position: absolute; top: 0; bottom: 0; right: var(--ck-table-column-resizer-position-offset); width: var(--ck-table-column-resizer-width); cursor: col-resize; user-select: none; z-index: var(--ck-z-default); } .ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer { display: none; } /* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again, all resizers must be hidden while the table is dragged. */ .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer { display: none; } .ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active { background-color: var(--ck-color-selector-column-resizer-hover); opacity: 0.25; /* The resizer element resides in each cell so to occupy the entire height of the table, which is unknown from a CSS point of view, it is extended to an extremely high height. Even for screens with a very high pixel density, the resizer will fulfill its role as it should, i.e. for a screen of 476 ppi the total height of the resizer will take over 350 sheets of A4 format, which is totally unrealistic height for a single table. */ top: -999999px; bottom: -999999px; } .ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer { left: var(--ck-table-column-resizer-position-offset); right: unset; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class which hides an element in DOM. */ .ck-hidden { /* Override selector specificity. Otherwise, all elements with some display style defined will override this one, which is not a desired result. */ display: none !important; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-z-default: 1; --ck-z-panel: calc( var(--ck-z-default) + 999 ); --ck-z-dialog: 9999; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * A class that disables all transitions of the element and its children. */ .ck-transitions-disabled, .ck-transitions-disabled * { transition: none !important; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-powered-by-line-height: 10px; --ck-powered-by-padding-vertical: 2px; --ck-powered-by-padding-horizontal: 4px; --ck-powered-by-text-color: hsl(0, 0%, 31%); --ck-powered-by-border-radius: var(--ck-border-radius); --ck-powered-by-background: hsl(0, 0%, 100%); --ck-powered-by-border-color: var(--ck-color-focus-border); } .ck.ck-balloon-panel.ck-powered-by-balloon { --ck-border-radius: var(--ck-powered-by-border-radius); box-shadow: none; background: var(--ck-powered-by-background); min-height: unset; z-index: calc( var(--ck-z-panel) - 1 ); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by { line-height: var(--ck-powered-by-line-height); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by a { cursor: pointer; display: flex; align-items: center; opacity: .66; filter: grayscale(80%); line-height: var(--ck-powered-by-line-height); padding: var(--ck-powered-by-padding-vertical) var(--ck-powered-by-padding-horizontal); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-powered-by__label { font-size: 7.5px; letter-spacing: -.2px; padding-left: 2px; text-transform: uppercase; font-weight: bold; margin-right: 4px; cursor: pointer; line-height: normal; color: var(--ck-powered-by-text-color); } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by .ck-icon { display: block; cursor: pointer; } .ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by:hover a { filter: grayscale(0%); opacity: 1; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_inside"] { border-color: transparent; } .ck.ck-balloon-panel.ck-powered-by-balloon[class*="position_border"] { border: var(--ck-focus-ring); border-color: var(--ck-powered-by-border-color); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button, a.ck.ck-button { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; position: relative; display: inline-flex; align-items: center; } [dir="ltr"] .ck.ck-button, [dir="ltr"] a.ck.ck-button { justify-content: left; } [dir="rtl"] .ck.ck-button, [dir="rtl"] a.ck.ck-button { justify-content: right; } .ck.ck-button .ck-button__label, a.ck.ck-button .ck-button__label { display: none; } .ck.ck-button.ck-button_with-text .ck-button__label, a.ck.ck-button.ck-button_with-text .ck-button__label { display: inline-block; } /* Center the icon horizontally in a button without text. */ .ck.ck-button:not(.ck-button_with-text), a.ck.ck-button:not(.ck-button_with-text) { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-button.ck-switchbutton .ck-button__toggle { display: block; } .ck.ck-button.ck-switchbutton .ck-button__toggle .ck-button__toggle__inner { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-list-item-button { min-height: unset; width: 100%; border-radius: 0; } [dir="ltr"] .ck.ck-list-item-button { text-align: left; } [dir="rtl"] .ck.ck-list-item-button { text-align: right; } [dir="ltr"] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-left: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-list-item-button.ck-list-item-button_toggleable { padding-right: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-holder { display: inline-flex; width: .9em; height: .9em; } [dir="ltr"] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-right: var(--ck-spacing-small); } [dir="rtl"] .ck.ck-list-item-button .ck-list-item-button__check-holder { margin-left: var(--ck-spacing-small); } .ck.ck-list-item-button .ck-list-item-button__check-icon { height: 100%; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-collapsible.ck-collapsible_collapsed > .ck-collapsible__children { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-color-grid { display: grid; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .color-picker-hex-input { width: max-content; } .color-picker-hex-input .ck.ck-input { min-width: unset; } .ck.ck-color-picker__row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin: var(--ck-spacing-large) 0 0; width: unset; } .ck.ck-color-picker__row .ck.ck-labeled-field-view { padding-top: unset; } .ck.ck-color-picker__row .ck.ck-input-text { width: unset; } .ck.ck-color-picker__row .ck-color-picker__hash-view { padding-top: var(--ck-spacing-tiny); padding-right: var(--ck-spacing-medium); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* View fragment with color grids. */ .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { display: flex; align-items: center; } [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__remove-color, [dir="rtl"] .ck.ck-color-selector .ck-color-grids-fragment .ck-button.ck-color-selector__color-picker { justify-content: flex-start; } /* View fragment with a color picker. */ .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar { display: flex; flex-direction: row; justify-content: space-around; } .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-save, .ck.ck-color-selector .ck-color-picker-fragment .ck.ck-color-selector_action-bar .ck-button-cancel { flex: 1 } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog .ck.ck-dialog__actions { display: flex; justify-content: flex-end; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dialog-overlay { user-select: none; overscroll-behavior: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent { pointer-events: none; animation: none; background: none; } .ck.ck-dialog { overscroll-behavior: none; width: fit-content; position: absolute; } .ck.ck-dialog .ck.ck-form__header { flex-shrink: 0; } /* Modals should not be draggable. */ .ck.ck-dialog:not(.ck-dialog_modal) .ck.ck-form__header .ck-form__header__label { cursor: grab; } .ck.ck-dialog-overlay.ck-dialog-overlay__transparent .ck.ck-dialog { pointer-events: all; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-dropdown-max-width: 75vw; } .ck.ck-dropdown { display: inline-block; position: relative; } .ck.ck-dropdown .ck-dropdown__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* Dropdown button should span horizontally, e.g. in vertical toolbars */ .ck.ck-dropdown .ck-button.ck-dropdown__button { width: 100%; } .ck.ck-dropdown .ck-dropdown__panel { display: none; z-index: var(--ck-z-panel); max-width: var(--ck-dropdown-max-width); position: absolute; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel-visible { display: inline-block; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme { bottom: 100%; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s { /* * Using transform: translate3d( 0, 100%, 0 ) causes blurry dropdown on Chrome 67-78+ on non-retina displays. * See https://github.com/ckeditor/ckeditor5/issues/1053. */ top: 100%; bottom: auto; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_ne, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_se { left: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw { right: 0px; } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_s, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_n { /* Positioning panels relative to the center of the button */ left: 50%; transform: translateX(-50%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nmw, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_smw { /* Positioning panels relative to the middle-west of the button */ left: 75%; transform: translateX(-75%); } .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_nme, .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sme { /* Positioning panels relative to the middle-east of the button */ left: 25%; transform: translateX(-25%); } /* * Toolbar dropdown panels should be always above the UI (eg. other dropdown panels) from the editor's content. * See https://github.com/ckeditor/ckeditor5/issues/7874 */ .ck.ck-toolbar .ck-dropdown__panel { z-index: calc( var(--ck-z-panel) + 1 ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-splitbutton { /* Enable font size inheritance, which allows fluid UI scaling. */ font-size: inherit; } .ck.ck-splitbutton .ck-splitbutton__action:focus { z-index: calc(var(--ck-z-default) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-dropdown-max-width: 60vw; } .ck.ck-toolbar-dropdown > .ck-dropdown__panel { /* https://github.com/ckeditor/ckeditor5/issues/5586 */ width: max-content; max-width: var(--ck-toolbar-dropdown-max-width); } .ck.ck-toolbar-dropdown > .ck-dropdown__panel .ck-button:focus { z-index: calc(var(--ck-z-default) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-balloon-panel.ck-dropdown-menu__nested-menu__panel { position: absolute; max-height: 314px; /* With the default settings, this is equal to 10 menu items. */ overflow-y: auto; z-index: calc(var(--ck-z-panel) + 1); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-dropdown-menu-list__nested-menu { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-aria-live-announcer { position: absolute; left: -10000px; top: -10000px; } .ck.ck-aria-live-region-list { list-style-type: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-form__header { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .ck.ck-form__header h2.ck-form__header__label { flex-grow: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-icon { vertical-align: middle; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-label { display: block; } .ck.ck-voice-label { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-labeled-field-view > .ck.ck-labeled-field-view__input-wrapper { display: flex; position: relative; } .ck.ck-labeled-field-view .ck.ck-label { display: block; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-list { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: column; } .ck.ck-list .ck-list__item, .ck.ck-list .ck-list__separator { display: block; } /* Make sure that whatever child of the list item gets focus, it remains on the top. Thanks to that, styles like box-shadow, outline, etc. are not masked by adjacent list items. */ .ck.ck-list .ck-list__item > *:focus { position: relative; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { /* Make sure the balloon arrow does not float over its children. */ --ck-balloon-panel-arrow-z-index: calc(var(--ck-z-default) - 3); } .ck.ck-balloon-panel { display: none; position: absolute; z-index: var(--ck-z-panel); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before, .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { content: ""; position: absolute; } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel.ck-balloon-panel_with-arrow::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*="arrow_n"]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*="arrow_n"]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel[class*="arrow_s"]::before { z-index: var(--ck-balloon-panel-arrow-z-index); } .ck.ck-balloon-panel[class*="arrow_s"]::after { z-index: calc(var(--ck-balloon-panel-arrow-z-index) + 1); } .ck.ck-balloon-panel.ck-balloon-panel_visible { display: block; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-balloon-rotator__navigation { display: flex; align-items: center; justify-content: center; } /* Buttons inside a toolbar should be centered when rotator bar is wider. * See: https://github.com/ckeditor/ckeditor5-ui/issues/495 */ .ck .ck-balloon-rotator__content .ck-toolbar { justify-content: center; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-fake-panel { position: absolute; /* Fake panels should be placed under main balloon content. */ z-index: calc(var(--ck-z-panel) - 1); } .ck .ck-fake-panel div { position: absolute; } .ck .ck-fake-panel div:nth-child( 1 ) { z-index: 2; } .ck .ck-fake-panel div:nth-child( 2 ) { z-index: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-sticky-panel .ck-sticky-panel__content_sticky { z-index: var(--ck-z-panel); /* #315 */ position: fixed; top: 0; } .ck.ck-sticky-panel .ck-sticky-panel__content_sticky_bottom-limit { top: auto; position: absolute; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-autocomplete { position: relative; } .ck.ck-autocomplete > .ck-search__results { position: absolute; z-index: var(--ck-z-panel); } .ck.ck-autocomplete > .ck-search__results.ck-search__results_n { bottom: 100%; } .ck.ck-autocomplete > .ck-search__results.ck-search__results_s { top: 100%; bottom: auto; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { position: absolute; top: 50%; transform: translateY(-50%); } [dir="ltr"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { left: var(--ck-spacing-medium); } [dir="rtl"] .ck.ck-search > .ck-labeled-field-view > .ck-labeled-field-view__input-wrapper > .ck-icon { right: var(--ck-spacing-medium); } .ck.ck-search > .ck-labeled-field-view .ck-search__reset { position: absolute; top: 50%; transform: translateY(-50%); } .ck.ck-search > .ck-search__results > .ck-search__info > span:first-child { display: block; } /* Hide the filtered view when nothing was found */ .ck.ck-search > .ck-search__results > .ck-search__info:not(.ck-hidden) ~ * { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-highlighted-text mark { background: var(--ck-color-highlight-background); vertical-align: initial; font-weight: inherit; line-height: inherit; font-size: inherit; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-balloon-panel.ck-tooltip { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; z-index: calc( var(--ck-z-dialog) + 100 ); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-toolbar-spinner-size: 18px; } .ck.ck-spinner-container { display: block; position: relative; } .ck.ck-spinner { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); z-index: 1; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * Makes element unselectable. */ .ck.ck-toolbar { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-flow: row nowrap; align-items: center; } .ck.ck-toolbar > .ck-toolbar__items { display: flex; flex-flow: row wrap; align-items: center; flex-grow: 1; } .ck.ck-toolbar .ck.ck-toolbar__separator { display: inline-block; /* * A leading or trailing separator makes no sense (separates from nothing on one side). * For instance, it can happen when toolbar items (also separators) are getting grouped one by one and * moved to another toolbar in the dropdown. */ } .ck.ck-toolbar .ck.ck-toolbar__separator:first-child, .ck.ck-toolbar .ck.ck-toolbar__separator:last-child { display: none; } .ck.ck-toolbar .ck-toolbar__line-break { flex-basis: 100%; } .ck.ck-toolbar.ck-toolbar_grouping > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar.ck-toolbar_vertical > .ck-toolbar__items { flex-direction: column; } .ck.ck-toolbar.ck-toolbar_floating > .ck-toolbar__items { flex-wrap: nowrap; } .ck.ck-toolbar > .ck.ck-toolbar__grouped-dropdown > .ck-dropdown__button .ck-dropdown__arrow { display: none; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-block-toolbar-button { position: absolute; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu > .ck-menu-bar__menu__button > .ck-menu-bar__menu__button__arrow { pointer-events: none; z-index: var(--ck-z-default); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-menu-bar-menu-max-width: 75vw; --ck-menu-bar-nested-menu-horizontal-offset: 5px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel { z-index: var(--ck-z-panel); max-width: var(--ck-menu-bar-menu-max-width); position: absolute; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw { bottom: 100%; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { top: 100%; bottom: auto; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ne, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_se { left: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_nw, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_sw { right: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { left: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) ); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_es { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_en { bottom: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws, .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { right: calc( 100% - var(--ck-menu-bar-nested-menu-horizontal-offset) ); } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_ws { top: 0px; } .ck.ck-menu-bar__menu > .ck.ck-menu-bar__menu__panel.ck-menu-bar__menu__panel_position_wn { bottom: 0px; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck.ck-menu-bar__menu { display: block; position: relative; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ :root { --ck-color-resizer: var(--ck-color-focus-border); --ck-color-resizer-tooltip-background: hsl(0, 0%, 15%); --ck-color-resizer-tooltip-text: hsl(0, 0%, 95%); --ck-resizer-border-radius: var(--ck-border-radius); --ck-resizer-tooltip-offset: 10px; --ck-resizer-tooltip-height: calc(var(--ck-spacing-small) * 2 + 10px); } .ck .ck-widget { /* This is neccessary for type around UI to be positioned properly. */ position: relative; } .ck .ck-widget.ck-widget_with-selection-handle { /* Make the widget wrapper a relative positioning container for the drag handle. */ position: relative; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle { position: absolute; } .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle .ck-icon { /* Make sure the icon in not a subject to font-size or line-height to avoid unnecessary spacing around it. */ display: block; } /* Show the selection handle on mouse hover over the widget, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle:hover > .ck-widget__selection-handle { visibility: visible; } /* Show the selection handle when the widget is selected, but not for nested widgets. */ .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle { visibility: visible; } .ck .ck-size-view { background: var(--ck-color-resizer-tooltip-background); color: var(--ck-color-resizer-tooltip-text); border: 1px solid var(--ck-color-resizer-tooltip-text); border-radius: var(--ck-resizer-border-radius); font-size: var(--ck-font-size-tiny); display: block; padding: 0 var(--ck-spacing-small); height: var(--ck-resizer-tooltip-height); line-height: var(--ck-resizer-tooltip-height); } .ck .ck-size-view.ck-orientation-top-left, .ck .ck-size-view.ck-orientation-top-right, .ck .ck-size-view.ck-orientation-bottom-right, .ck .ck-size-view.ck-orientation-bottom-left, .ck .ck-size-view.ck-orientation-above-center { position: absolute; } .ck .ck-size-view.ck-orientation-top-left { top: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-top-right { top: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-right { bottom: var(--ck-resizer-tooltip-offset); right: var(--ck-resizer-tooltip-offset); } .ck .ck-size-view.ck-orientation-bottom-left { bottom: var(--ck-resizer-tooltip-offset); left: var(--ck-resizer-tooltip-offset); } /* Class applied if the widget is too small to contain the size label */ .ck .ck-size-view.ck-orientation-above-center { top: calc(var(--ck-resizer-tooltip-height) * -1); left: 50%; transform: translate(-50%); } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ .ck .ck-widget_with-resizer { /* Make the widget wrapper a relative positioning container for the drag handle. */ position: relative; } .ck .ck-widget__resizer { display: none; position: absolute; /* The wrapper itself should not interfere with the pointer device, only the handles should. */ pointer-events: none; left: 0; top: 0; } .ck-focused .ck-widget_with-resizer.ck-widget_selected > .ck-widget__resizer { display: block; } .ck .ck-widget__resizer__handle { position: absolute; /* Resizers are the only UI elements that should interfere with a pointer device. */ pointer-events: all; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-left, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-right { cursor: nwse-resize; } .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-top-right, .ck .ck-widget__resizer__handle.ck-widget__resizer__handle-bottom-left { cursor: nesw-resize; } /* * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* * Styles of the type around buttons */ .ck .ck-widget .ck-widget__type-around__button { display: block; position: absolute; overflow: hidden; z-index: var(--ck-z-default); } .ck .ck-widget .ck-widget__type-around__button svg { position: absolute; top: 50%; left: 50%; z-index: calc(var(--ck-z-default) + 2); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_before { /* Place it in the middle of the outline */ top: calc(-0.5 * var(--ck-widget-outline-thickness)); left: min(10%, 30px); transform: translateY(-50%); } .ck .ck-widget .ck-widget__type-around__button.ck-widget__type-around__button_after { /* Place it in the middle of the outline */ bottom: calc(-0.5 * var(--ck-widget-outline-thickness)); right: min(10%, 30px); transform: translateY(50%); } /* * Styles for the buttons when: * - the widget is selected, * - or the button is being hovered (regardless of the widget state). */ .ck .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button::after, .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__button:hover::after { content: ""; display: block; position: absolute; top: 1px; left: 1px; z-index: calc(var(--ck-z-default) + 1); } /* * Styles for the horizontal "fake caret" which is displayed when the user navigates using the keyboard. */ .ck .ck-widget > .ck-widget__type-around > .ck-widget__type-around__fake-caret { display: none; position: absolute; left: 0; right: 0; } /* * When the widget is hovered the "fake caret" would normally be narrower than the * extra outline displayed around the widget. Let's extend the "fake caret" to match * the full width of the widget. */ .ck .ck-widget:hover > .ck-widget__type-around > .ck-widget__type-around__fake-caret { left: calc( -1 * var(--ck-widget-outline-thickness) ); right: calc( -1 * var(--ck-widget-outline-thickness) ); } /* * Styles for the horizontal "fake caret" when it should be displayed before the widget (backward keyboard navigation). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret { top: calc( -1 * var(--ck-widget-outline-thickness) - 1px ); display: block; } /* * Styles for the horizontal "fake caret" when it should be displayed after the widget (forward keyboard navigation). */ .ck .ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret { bottom: calc( -1 * var(--ck-widget-outline-thickness) - 1px ); display: block; } /* * Integration with the read-only mode of the editor. */ .ck.ck-editor__editable.ck-read-only .ck-widget__type-around { display: none; } /* * Integration with the restricted editing mode (feature) of the editor. */ .ck.ck-editor__editable.ck-restricted-editing_mode_restricted .ck-widget__type-around { display: none; } /* * Integration with the #isEnabled property of the WidgetTypeAround plugin. */ .ck.ck-editor__editable.ck-widget__type-around_disabled .ck-widget__type-around { display: none; } /*# sourceMappingURL=ckeditor5.css.map */@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}} /** * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML * Based on https://github.com/chriskempson/tomorrow-theme * @author Rose Pritchard */ code[class*="language-"], pre[class*="language-"] { color: #ccc; background: none; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #2d2d2d; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata { color: #999; } .token.punctuation { color: #ccc; } .token.tag, .token.attr-name, .token.namespace, .token.deleted { color: #e2777a; } .token.function-name { color: #6196cc; } .token.boolean, .token.number, .token.function { color: #f08d49; } .token.property, .token.class-name, .token.constant, .token.symbol { color: #f8c555; } .token.selector, .token.important, .token.atrule, .token.keyword, .token.builtin { color: #cc99cd; } .token.string, .token.char, .token.attr-value, .token.regex, .token.variable { color: #7ec699; } .token.operator, .token.entity, .token.url { color: #67cdcc; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.inserted { color: green; } .template-wrap { position: absolute; z-index: 11; background-color: transparent; width: 100%; height: 100%; border-radius: 4px; } .template-wrap-inner { display: flex; width: 40%; height: 40px; margin: auto; margin-block: 150px; } .template-edit-txt { display: none; } .template-wrap:hover { background-color: rgba(0, 0, 0, 0.5); } .template-wrap-inner:hover { cursor: pointer; } .template-wrap:hover .template-edit-txt { display: flex; margin: auto; color: white; font-size: 2.5em; text-decoration: underline; } .template-name-field { position: absolute; bottom: 0px; width: 100%; margin: "auto"; background-color: white; height: 70px; text-align: center; z-index: 10; border-style: solid; border-color: #d6d9dc; border-width: 2px; border-end-start-radius: 4px; border-end-end-radius: 4px; font-size: 18px; padding-top: 20px; } .template { transform: scale(0.4); transform-origin: top left; width: 250%; height: 250%; border-color: #d6d9dc; border-radius: 10px; border-width: 4px; border-style: solid; } .row { justify-content: space-evenly; margin-top: 15px; margin-inline: 0; } .col { overflow: hidden; height: 400px; max-width: 350px; margin-bottom: 25px; margin-inline: 15px; } .custom-list-text { overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }.arrow-btn-wrapper { position: absolute; left: 15px; top: 80px; display: flex; gap: 10px } .arrow-btn { background: #F5F2FF; width: 40px; height: 40px; border: 1px solid transparent; border-radius: 40px; color: #f5f2ff; font-size: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; } .arrow-btn:disabled{ background: #F7F7F7; cursor: default; }#svd-save { display: none; } .svc-full-container { --primary: #6C20C4; } .svc-dragged-element-shortcut { --primary: #6C20C4; } .bottom-border > td { border-bottom: 1px solid black !important; }/*! * SurveyJS Creator v1.12.8 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/ * Github: https://github.com/surveyjs/survey-creator * License: https://surveyjs.io/Licenses#SurveyCreator */ @font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:600;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;font-stretch:100%;src:url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sjs-font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif} /*! * SurveyJS Creator v1.12.8 * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/ * Github: https://github.com/surveyjs/survey-creator * License: https://surveyjs.io/Licenses#SurveyCreator */ .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-context-container{display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px));width:max-content}.svc-context-button{display:block;box-sizing:border-box;background-color:var(--sjs-general-backcolor, var(--background, #fff));border-radius:50%;width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:pointer;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));outline:none}.svc-context-button use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));transition:fill var(--sjs-creator-transition-duration, 150ms)}.svc-context-button:hover use,.svc-context-button:focus use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-context-button--danger:hover use,.svc-context-button--danger:focus use{fill:var(--sjs-special-red, var(--red, #e60a3e))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-tab-json-editor-ace{width:100%;height:100%;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-json-editor-tab__content{position:relative;height:100%;display:flex;flex-direction:column}.svc-json-editor-tab__ace-editor{height:100%} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-tab-json-editor-textarea{width:100%;height:100%;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-json-editor-tab__content{position:relative;height:100%}.svc-json-editor-tab__content-area{font-family:var(--ctr-font-family-code, "DM Mono");font-size:var(--ctr-font-code-size, 16px);font-style:normal;font-weight:400;line-height:var(--ctr-font-code-line-height, 24px);width:100%;height:100%;border:none;outline:none}.svc-json-editor-tab__errros_button{position:absolute;top:0%;right:calc(0% + 2*var(--sjs-base-unit, var(--base-unit, 8px)));min-height:calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));max-height:calc(2.5*var(--sjs-base-unit, var(--base-unit, 8px)));border:none;background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));font-weight:bold}.svc-json-editor-tab__content-errors{position:absolute;right:0%;top:calc(0% + 3*var(--sjs-base-unit, var(--base-unit, 8px)));max-width:calc(100% - 2*var(--sjs-base-unit, var(--base-unit, 8px)));padding:var(--sjs-base-unit, var(--base-unit, 8px));background-color:var(--sjs-general-backcolor, var(--background, #fff));background-image:linear-gradient(to bottom, transparent, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));border:1px solid var(--sjs-border-default, var(--border, #d6d6d6));border-radius:1px;color:var(--sjs-general-forecolor, var(--foreground, #161616));font-family:monospace}.svc-json-editor-tab__content-errors span{white-space:pre-line}.svc-json-editor-tab__content-errors span>b{color:var(--sjs-special-red, var(--red, #e60a3e))}.svc-json-editor-tab__content-errors:empty{display:none}.svc-json-errors{display:flex;max-height:calc(var(--sjs-base-unit, var(--base-unit, 8px))*25 + 5px);overflow-y:auto;flex-direction:column;padding:0;margin:0;border-top:1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)))}.svc-json-errors__item{pointer-events:none;display:block}.svc-json-error{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));padding:var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));display:flex;align-items:center;gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-json-errors__item:not(:first-of-type) .svc-json-error{border-top:1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)))}.svc-json-error .sv-string-viewer{pointer-events:all;cursor:pointer}.svc-json-error .sv-string-viewer:hover{text-decoration:underline}.svc-json-error__icon{fill:var(--sjs-special-red, var(--red, #e60a3e))}.svc-json-error__container{display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-json-error__title{flex:1 1 auto}.svc-json-error__fix-button{appearance:none;flex-grow:0;flex-shrink:0;pointer-events:all;padding:0 var(--sjs-base-unit, var(--base-unit, 8px));width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));border:none;border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));cursor:pointer}.svc-json-error__fix-button svg{fill:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-json-error__fix-button:hover svg{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svd-simulator{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:content-box;transform-origin:0 0;top:50%;left:50%;transform:scale(1.26) translate(-50%, -50%);overflow:overlay;border:2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)))}.svd-simulator-wrapper{margin:0 auto;position:relative;overflow:hidden;border-radius:32px;border:4px solid var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:0px 16px 32px 0px rgba(0,0,0,.1),0px 4px 16px 0px rgba(0,0,0,.05)}.svd-simulator-main{min-height:100%}.svd-simulator-main.svd-simulator-main--desktop{min-height:auto}.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running{height:100%}.svd-simulator-main.svd-simulator-main--frame{display:flex;align-items:center}.svd-simulator-main:not(.svd-simulator-main--frame){background-color:rgba(0,0,0,0)}.svd-simulator-main .sd-root-modern{min-height:100%}.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal){width:auto;right:0}.svd-simulator-content{display:flex;justify-content:center;width:100%;height:100%;box-shadow:inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));position:relative}@media screen and (-webkit-min-device-pixel-ratio: 0){::i-block-chrome,.svd-simulator-content{overflow-y:scroll}}.svd-simulator .sv-popup--overlay{--sv-popup-overlay-height: 100%} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-tab-test{width:100%;height:100%;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-test-tab--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;flex-shrink:0;width:100%;height:100%;gap:0px}.svc-test-tab__content .svc-plugin-tab__content{overflow-y:overlay}.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page{margin:0;border:0;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body{border:0}.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again{width:calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:auto;margin-right:auto;margin-bottom:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:8px}.svc-test-tab__content .svc-plugin-tab__content .svc-preview-test-again__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;display:flex;align-items:center;flex-grow:1;justify-content:center;color:var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content{height:calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-test-tab__content-actions{position:relative}.svc-test-tab__content-actions .sv-action-bar{padding:0;height:calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));border-top:1px solid var(--ctr-preview-pager-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background:var(--ctr-preview-pager-background-color, var(--sjs-general-backcolor, var(--background, #fff)));width:100%;position:absolute}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages{left:0;right:0;justify-content:center;gap:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content{padding:0}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item{margin:0}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus{background:var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover{background:var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background:var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item__title{color:var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-test-tab__content-actions .sv-action-bar-item{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;width:100%;height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-test-tab__content-actions .svc-page-selector{max-width:50%}.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--sjs-general-forecolor, var(--foreground, #161616));display:inline-block}.svc-page-invisible .sv-list-item__marker-icon{--sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);padding:0;opacity:.5;margin-inline-end:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-test-tab__content .sd-body--empty{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--sjs-general-forecolor, var(--foreground, #161616));text-align:center;overflow:hidden;position:static;display:flex;flex-direction:column} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.sl-table{width:50%;margin:0 25%;margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-table__row{position:relative}.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar{margin-top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-table .sl-table__detail-button.sl-table__detail-button{width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0;transition:background-color var(--sjs-creator-transition-duration, 150ms)}.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key{background-color:var(--ctr-collapse-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));outline:none}.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use,.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key use{fill:var(--ctr-collapse-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.sl-table__remove-button .sv-action-bar-item{border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));cursor:pointer}.sl-table__remove-button .sv-action-bar-item:hover:enabled,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key{background-color:var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));outline:none}.sl-table__remove-button .sv-action-bar-item:hover:enabled use,.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key use{fill:var(--lbr-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}.sl-table__cell .sv-action-bar-item__icon{opacity:0;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon{opacity:1}.sl-table__row #remove-row .sv-action-bar-item{border:none;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-table__row #remove-row .sv-action-bar-item__icon use{fill:var(--lbr-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button{color:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.sl-table__cell .svc-action-button,.sl-table__cell .svc-action-button:hover,.sl-table__cell .svc-action-button:focus,.sl-table__cell .svc-action-button:hover:enabled,.sl-table__cell .svc-action-button:focus:enabled{--ctr-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--ctr-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-medium-size, var(--ctr-medium-bold-font-size, 24px));font-style:normal;font-weight:400;line-height:var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, 32px));font-weight:700;background:rgba(0,0,0,0);outline:none;border:none;box-shadow:none;color:var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));max-height:calc(13.5*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sl-table__cell{vertical-align:top;padding:0;width:100%}.sl-table__row .sl-table__cell{--animation-padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-table__cell--actions{position:absolute;width:max-content}.sl-table__cell--actions:first-of-type{transform:translateX(-100%)}.sl-table__cell--detail-button{overflow:hidden;appearance:none;outline:none;border:none;background-color:rgba(0,0,0,0)}.sl-table{border-collapse:separate;border-spacing:0;table-layout:fixed}.sl-table thead th:first-child{position:absolute;left:0;transform:translateX(-100%)}.sl-table thead th:last-child{position:absolute;right:0;transform:translateX(100%)}.sl-table thead .sl-table__cell.st-table__cell--header{text-align:left}.sl-table td:first-of-type,.sl-table th:first-of-type{padding-left:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-table td:first-of-type .sv-action-bar,.sl-table th:first-of-type .sv-action-bar{justify-content:flex-end}.sl-table td:last-of-type,.sl-table th:last-of-type{padding-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-panel .sl-panel__footer{padding:0}.sl-panel .sl-panel__footer .sv-action{width:100%}.sl-panel .sl-panel__footer .sv-action__content{width:100%}.sl-panel .sl-panel__footer button.sl-panel__done-button{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;width:auto;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;color:var(--ctr-expression-item-text-color-button, var(--sjs-primary-backcolor, var(--primary, #19b394)));background-color:var(--ctr-expression-item-background-color-button, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;align-items:center;vertical-align:baseline;text-align:center;user-select:none;transition:background-color var(--sjs-creator-transition-duration, 150ms),color var(--sjs-creator-transition-duration, 150ms)}.sl-panel .sl-panel__footer button:hover:enabled{background-color:var(--ctr-expression-item-background-color-button-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));color:var(--ctr-expression-item-text-color-button-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.sl-panel .sl-panel__footer .sv-action-bar-item__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:inherit;display:flex;align-items:center;flex-grow:1;justify-content:center}.sl-element .sd-paneldynamic__buttons-container{padding:0}.sl-question{display:flex;align-items:center;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-row{display:flex;align-items:flex-start;flex-flow:row wrap}.sl-row--multiple .sl-panel{padding-bottom:0}.sl-question__header--left{margin-right:var(--sjs-base-unit, var(--base-unit, 8px))}.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact){overflow-x:auto;padding:2px;margin:-2px}.sl-question__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-expression-item-text-color-function, var(--sjs-general-forecolor, var(--foreground, #161616)));margin:0}.sl-question__title span+span{display:none}.sl-row--multiple .sl-question{padding-right:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-logic-question-text-editor{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-question-value{--sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));padding-right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic_trigger-editor{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic_trigger-editor .svc-logic-question-value{margin-top:0}.sv-popup.sv-property-editor .sl-row{flex-flow:nowrap}.spg-comment.sl-comment{height:calc(17*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-body .sd-row--leave,.sl-body .sd-row--enter{animation:none}.sl-body .sd-element-wrapper--leave,.sl-body .sd-element-wrapper--enter{animation:none}.sl-body .sd-element__content--enter,.sl-body .sd-element__content--leave{animation:none}.sl-body .sd-paneldynamic__panel-wrapper--enter,.sl-body .sd-paneldynamic__panel-wrapper--leave{animation:none}.sl-body .sd-item--enter{animation:none}.sl-body .sd-item--leave{animation:none}.sl-body .sd-table__row--leave,.sl-body .sd-table__row--enter{animation:none}.sl-panel-wrapper--list.sl-panel-wrapper--leave,.sl-panel-wrapper--list.sl-panel-wrapper--enter{animation-name:fadeIn,moveInWithOverflow;animation-fill-mode:forwards;min-height:0 !important}.sl-panel-wrapper--list.sl-panel-wrapper--enter{opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:var(--sl-pd-list-fade-in-duration, 250ms),var(--sl-pd-list-move-in-duration, 150ms);animation-delay:var(--sl-pd-list-fade-in-delay, 150ms),0s}.sl-panel-wrapper--list.sl-panel-wrapper--leave{animation-direction:reverse;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:var(--sl-pd-list-fade-out-duration, 100ms),var(--sl-pd-list-move-out-duration, 250ms);animation-delay:0s,var(--sl-pd-list-move-out-delay, 100ms)}.sl-table__row--leave,.sl-table__row--enter{animation-name:empty;--move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));--fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));animation-duration:max(var(--fade-whole-animation-duration),var(--move-whole-animation-duration))}.sl-table__row--leave>td,.sl-table__row--enter>td{animation-name:paddingFadeIn;animation-duration:var(--move-animation-duration);animation-delay:var(--move-animation-delay);animation-direction:var(--animation-direction);animation-fill-mode:forwards;animation-timing-function:var(--animation-timing-function)}.sl-table__row--leave>td>div,.sl-table__row--enter>td>div{animation-name:fadeIn,moveInWithOverflow;opacity:0;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-fill-mode:forwards;animation-duration:var(--fade-animation-duration),var(--move-animation-duration),var(--move-animation-duration);animation-delay:var(--fade-animation-delay),var(--move-animation-delay),var(--move-animation-delay)}.sl-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);--fade-animation-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}.sl-table__row--leave{--move-animation-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}.sl-table__row--detail.sl-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);--fade-animation-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}.sl-table__row--detail.sl-table__row--leave{--move-animation-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}.sl-row--enter{animation-fill-mode:forwards;animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-delay:var(--sjs-sl-row-fade-in-delay, 150ms),0s,0s;animation-duration:var(--sjs-sl-row-fade-in-duration, 500ms),var(--sjs-sl-row-move-in-duration, 150ms),var(--sjs-sl-row-move-in-duration, 150ms)}.sl-row--delayed-enter{overflow:hidden;height:0;animation-delay:calc(var(--sjs-sl-row-fade-in-delay, 150ms) + var(--sjs-sl-row-fade-in-animation-delay, 400ms)),var(--sjs-sl-row-fade-in-animation-delay, 400ms),var(--sjs-sl-row-fade-in-animation-delay, 400ms)}.sl-row--leave{animation-name:fadeIn,moveInWithOverflow;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-fill-mode:forwards;animation-direction:reverse;min-height:0 !important;animation-delay:0s,var(--sjs-sl-row-move-out-delay, 100ms),var(--sjs-sl-row-move-out-delay, 100ms);animation-duration:var(--sjs-sl-row-fade-out-duration, 150ms),var(--sjs-sl-row-move-out-duration, 250ms),var(--sjs-sl-row-move-out-duration, 250ms)}.sl-element-wrapper--enter{animation-fill-mode:forwards;animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;height:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-delay:var(--sjs-sl-element-fade-in-delay, 150ms),0s;animation-duration:var(--sjs-sl-element-fade-in-duration, 500ms),var(--sjs-sl-element-move-in-duration, 150ms)}.sl-element-wrapper--leave{animation-name:fadeIn,moveInWithOverflow;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-fill-mode:forwards;animation-direction:reverse;min-height:0 !important;animation-delay:0s,var(--sjs-sl-element-move-out-delay, 100ms);animation-duration:var(--sjs-sl-element-fade-out-duration, 150ms),var(--sjs-sl-element-move-out-duration, 250ms)}.svc-creator--disable-animations .sl-row--enter,.svc-creator--disable-animations .sl-row--leave,.svc-creator--disable-animations .sl-element-wrapper--enter,.svc-creator--disable-animations .sl-element-wrapper--leave,.svc-creator--disable-animations .sl-table__row--enter,.svc-creator--disable-animations .sl-table__row--leave,.svc-creator--disable-animations .sl-panel-wrapper--leave,.svc-creator--disable-animations .sl-panel-wrapper--enter{animation:none} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-tab-translation{width:100%;height:100%;background-color:var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-translation-tab{--sjs-transition-duration: 0ms}.svc-translation-tab--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;flex-shrink:0;width:100%;gap:0px}.st-properties{background-color:var(--ctr-property-grid-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));flex-grow:1;padding-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-properties .spg-table .spg-table__cell:first-of-type{width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-properties .spg-table .spg-table__question-wrapper{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox{margin:0}.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label{gap:0}.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover{background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.st-content{display:flex;height:100%}.st-strings{overflow-y:auto;overflow-x:hidden}.st-strings-wrapper{flex-grow:1}.st-property-panel{flex-shrink:0;flex-grow:0;width:450px;border-left:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}.st-property-panel .spg-panel__content .spg-row{margin-top:0}.st-property-panel .spg-panel__content .spg-row:first-child{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-strings-header .st-table__cell{background-color:var(--ctr-string-table-header-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));height:auto}.st-root-modern{width:100%}.st-title.st-panel__title,.st-table__cell.st-table__cell--header{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;text-align:left}.st-table__cell.st-table__cell--header{color:var(--ctr-string-table-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.st-title.st-panel__title{margin:0;color:var(--ctr-string-table-group-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));background-color:var(--ctr-string-table-group-header-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));border-bottom:1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));padding:var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}.st-table tr{display:flex;align-items:stretch}.st-table__cell{display:block;flex:1 1;box-sizing:border-box;background-color:var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border-bottom:1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0}td.st-table__cell:first-of-type{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));max-width:300px;padding-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}td.st-table__cell:first-of-type span{display:inline-block;padding-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-panel-indent .st-table__cell:first-of-type span{padding-left:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.st-comment{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));display:block;width:calc(100% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));border:unset;outline:none;background-color:var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));color:var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));resize:none;padding:0}.sd-translation-line-skeleton{min-height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.st-navigation-btn{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;padding-left:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap}.st-navigation-btn .sd-action__icon{margin-left:0}.st-navigation-btn.sd-action--icon{padding:var(--sjs-base-unit, var(--base-unit, 8px))}.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):hover,.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):focus{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.st-navigation-btn.sd-action--icon svg use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-translation-machine{margin-right:auto}.st-translation-machine-from{margin-right:auto}.st-translation-machine-from__container{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.st-translation-machine-from__container--disabled{gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.st-translation-machine-from__btn{flex-direction:row-reverse;gap:var(--sjs-base-unit, var(--base-unit, 8px));padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap}.st-translation-machine-from__btn .sd-action__icon{width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:0}.st-translation-machine-from__btn.sd-action--pressed:not(.sd-action--active){background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.st-translation-machine-from__btn:disabled{padding-left:0;padding-right:0;opacity:1}.st-translation-machine-from__btn:disabled .sd-action__title,.st-translation-machine-from__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))}.st-body__footer{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));border-bottom:1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)))}.st-translation-dialog .st-strings-wrapper{border-radius:4px;box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));overflow:hidden}.st-container-modern .sv-components-column--expandable{width:auto}.st-body .sd-row--leave,.st-body .sd-row--enter{animation:none}.st-body .sd-element-wrapper--leave,.st-body .sd-element-wrapper--enter{animation:none}.st-body .sd-element__content--enter,.st-body .sd-element__content--leave{animation:none}.st-body .sd-paneldynamic__panel-wrapper--enter,.st-body .sd-paneldynamic__panel-wrapper--leave{animation:none}.st-body .sd-item--enter{animation:none}.st-body .sd-item--leave{animation:none}.st-body .sd-table__row--leave,.st-body .sd-table__row--enter{animation:none} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-tab-logic-edit{width:100%;height:100%;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-tab-logic-edit__content{height:calc(100% - 6*var(--sjs-base-unit, var(--base-unit, 8px)));overflow-y:auto;overflow-x:hidden;padding-left:16%;padding-right:16%}.svc-tab-logic-edit__content .sd-row{flex-wrap:wrap}.svc-logic_trigger-editor .sd-row{margin-top:0}.svc-tab-logic-edit__content-actions .sv-action-bar{padding:0;height:calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));background:var(--sjs-general-backcolor, var(--background, #fff));border-top:1px solid var(--sjs-border-default, var(--border, #d6d6d6));width:100%}.svc-logic-paneldynamic div.svc-logic-operator{box-sizing:content-box;max-width:calc(40*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-paneldynamic .svc-logic-operator{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;-webkit-appearance:none;appearance:none;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border:none;outline:none;color:var(--ctr-expression-item-text-color-parameter-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));cursor:pointer}.svc-logic-paneldynamic .svc-logic-operator option{background:var(--sjs-general-backcolor, var(--background, #fff));color:var(--sjs-general-forecolor, var(--foreground, #161616))}.svc-logic-operator:focus{outline:1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394))}.sl-question.svc-logic-question--answered .svc-logic-operator{color:var(--ctr-expression-item-text-color-parameter, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-operator.svc-logic-operator{transition:background-color var(--sjs-creator-transition-duration, 150ms),color var(--sjs-creator-transition-duration, 150ms)}.svc-logic-operator.svc-logic-operator:hover,.svc-logic-operator.svc-logic-operator:focus{color:var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));outline:none;box-shadow:none}.svc-logic-operator.svc-logic-operator--question{background-color:var(--ctr-expression-item-background-color-parameter, var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1))));color:var(--ctr-expression-item-text-color-parameter, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-operator.svc-logic-operator--question:hover,.svc-logic-operator.svc-logic-operator--question:focus{background-color:var(--ctr-expression-item-background-color-parameter-hovered, var(--sjs-special-blue, #437fd9));color:var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-logic-operator.svc-logic-operator--conjunction{background-color:var(--ctr-expression-item-background-color-conjunction, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));color:var(--ctr-expression-item-text-color-conjunction, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-operator.svc-logic-operator--conjunction:hover,.svc-logic-operator.svc-logic-operator--conjunction:focus{background-color:var(--ctr-expression-item-background-color-conjunction-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));color:var(--ctr-expression-item-text-color-conjunction-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-logic-operator.svc-logic-operator--operator{background-color:var(--ctr-expression-item-background-color-operator, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));color:var(--ctr-expression-item-text-color-operator, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-operator.svc-logic-operator--operator:hover,.svc-logic-operator.svc-logic-operator--operator:focus{background-color:var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));color:var(--ctr-expression-item-text-color-operator-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-logic-operator.svc-logic-operator--action{background-color:var(--ctr-expression-item-background-color-action, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));color:var(--ctr-expression-item-text-color-action, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-operator.svc-logic-operator--action:hover,.svc-logic-operator.svc-logic-operator--action:focus{background-color:var(--ctr-expression-item-background-color-action-hovered, var(--sjs-special-red, var(--red, #e60a3e)));color:var(--ctr-expression-item-text-color-action-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-logic-operator.svc-logic-operator--error{background-color:var(--ctr-expression-item-background-color-parameter-error, var(--sjs-general-backcolor, var(--background, #fff)));color:var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)));box-shadow:inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)))}.svc-logic-operator__error{display:none}.svc-logic-paneldynamic .sd-paneldynamic__separator{display:none}.svc-action-button.svc-logic-condition-remove.svc-icon-remove:focus{outline:none}.svc-logic-condition-remove.svc-icon-remove{display:none;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M22 4H20H16V2C16 0.9 15.1 0 14 0H10C8.9 0 8 0.9 8 2V4H4H2V6H4V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V6H22V4ZM10 2H14V4H10V2ZM18 20H6V6H8H16H18V20ZM14 8H16V18H14V8ZM11 8H13V18H11V8ZM8 8H10V18H8V8Z%27 fill=%27%23E60A3E%27/%3E%3C/svg%3E%0A");background-size:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background-position:center}.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove{display:none;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));background:none;justify-content:center;align-items:center;padding:0}.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove use{fill:var(--ctr-survey-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}.svc-action-button--disabled.svc-action-button--icon.svc-logic-condition-remove.svc-icon-remove use{fill:var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)))}.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove,.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove{display:block}.sl-panel-wrapper--in-row:hover .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon,.sl-panel-wrapper--in-row:focus-within .svc-logic-condition-remove.svc-icon-remove.svc-action-button--icon{display:flex}.svc-logic-condition-remove.svc-icon-remove:hover,.svc-logic-condition-remove.svc-icon-remove:focus{background-color:var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))))}.svc-logic-condition-remove-question{height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn{display:none}.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn{display:none}.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn,.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn{color:var(--ctr-expression-item-text-color-operator-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,.svc-logic-operator--action.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus,.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:hover,.svc-logic-operator--operator.sl-paneldynamic__add-btn.sl-paneldynamic__add-btn:focus{color:var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-logic-tab__content{--sjs-transition-duration: 0ms}.svc-logic-tab__content.svc-logic-tab--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;flex-shrink:0;width:100%;gap:0px}.svc-logic-tab__content.svc-logic-tab--empty .svc-logic-tab__content-action{width:calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-logic-tab__content .svc-logic-tab__content-action{margin-left:25%;margin-right:25%;margin-top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-tab__content .svc-logic-tab__content-action--disabled{cursor:default;outline:solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0,0,0,0)}.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus,.svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover{background-color:var(--ctr-button-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15))}.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-add-new-item-button__text{color:var(--ctr-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:var(--ctr-button-text-opacity-disabled, 0.25)}.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row{margin-top:0;align-items:start}.svc-logic-tab__content-empty .svc-add-new-item-button__text{color:var(--ctr-surface-placeholder-text-description-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-logic-paneldynamic .sd-row--multiple{padding:0;background:none;box-shadow:none;border-radius:0;overflow:visible}.svc-logic-paneldynamic .sd-question__content{margin-top:0}.svc-logic-paneldynamic .sd-row__panel{width:calc(100% - 5*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-logic-tab__content .svc-logic-paneldynamic .sd-row{margin-top:0;flex-flow:row wrap}.sl-table__cell.sd-table__cell-action--show-detail use{fill:var(--ctr-collapse-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.sl-table__cell--detail-panel{padding:0}.sl-table__cell--detail-panel .sd-body{margin:0;min-width:none;max-width:none}.sl-table__cell--detail-panel .sd-page.sd-body__page{padding:0}.sl-table__cell--detail-panel .sl-panel__footer{margin:0}.sl-dropdown{max-width:45vw}.sl-dropdown__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-list__item-body{padding-block:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-placeholder{width:calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:100%;max-width:100%;box-sizing:border-box;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-popup--overlay .svc-logic-placeholder{width:initial}.svc-logic-placeholder__text.svc-logic-placeholder__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));text-align:center;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));display:block;padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-tab__leave-apply-button{background-color:var(--ctr-button-background-color-danger, var(--sjs-special-red, var(--red, #e60a3e)))}.sl-list{padding-right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sl-list .sv-list__filter{padding-top:0}.sl-list .sv-list__filter-icon{top:calc(1.5*var(--sjs-base-unit, var(--base-unit, 8px)))}.sv-popup--dropdown-overlay .sv-list__filter{padding-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-tab-designer{width:100%;height:100%;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-tab-designer{display:flex;flex-grow:1;height:100%;overflow-y:scroll;position:static;background:var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-tab-designer .svc-text{color:var(--ctr-surface-placeholder-text-title-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-tab-designer--with-place-holder .svc-tab-designer_content{display:flex;justify-content:center;flex-direction:column}.svc-tab-designer--with-place-holder .svc-designer-header{min-width:calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-content-wrapper{width:100%;display:flex}.svc-designer-header .svc-surface-header{background-color:rgba(0,0,0,0)}.svc-surface-header .sd-title{font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-large-size, 32px);font-style:normal;font-weight:400;line-height:var(--ctr-font-large-line-height, 40px);font-weight:700}.svc-surface-header .sd-title .sv-string-editor[aria-placeholder]:empty:before{color:var(--ctr-survey-header-text-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-surface-header .sd-description{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-survey-header-text-description-color-placeholder, #909090)}.svc-tab-designer .svc-designer-header{border-bottom:2px solid rgba(0,0,0,0);position:relative}.svc-tab-designer .svc-tab-designer_content{width:100%}.svc-tab-designer .sd-title{display:flex}.svc-tab-designer .sd-container-modern{min-width:calc(70*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}.svc-tab-designer .sd-container-modern.sd-container-modern--static{max-width:calc(84*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-tab-designer .sd-container-modern.sd-container-modern--responsive{max-width:initial;padding:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-tab-designer .sd-question.sd-question--image{width:100%}.svc-tab-designer .sd-progress,.svc-tab-designer .sd-progress__bar{background-color:rgba(0,0,0,0)}.svc-designer__placeholder-container{display:flex;flex-grow:1;flex-shrink:0;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:0px;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;text-align:center;position:relative}.svc-designer__placeholder-container .sd-page{display:none}.svc-designer-placeholder-page .svc-page__footer{width:calc(33*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:auto}.svc-designer-placeholder-page .svc-row--ghost{display:none}.svc-tab-designer__toolbar{position:absolute;bottom:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));right:0}.svc-tab-designer__toolbar .sv-action-bar{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));gap:var(--sjs-base-unit, var(--base-unit, 8px));flex-direction:column} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator--mobile .svc-tab-designer{overflow-y:overlay}.svc-creator--mobile .sd-root-modern{--sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));--sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-creator--mobile .svc-question__content .sd-question__content{margin-left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content .sd-question__content .sd-selectbase__column{max-width:initial;display:block;margin-left:0}.svc-creator--mobile .svc-question__content>.svc-question__dropdown-choices--wrapper{width:calc(100% + 6*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0 calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content>.svc-question__dropdown-choices--wrapper>div{width:calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__drag-area{height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls{bottom:calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-page{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile .svc-page__content{padding-left:0;padding-right:0;border:0}.svc-creator--mobile .svc-page__content .sd-page__title{margin:0}.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title{margin:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0}.svc-creator--mobile .svc-page__footer{margin-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-designer-placeholder-page .svc-page__footer{margin-top:0}.svc-creator--mobile .svc-tab-designer{justify-content:initial}.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title{padding:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-direction:column-reverse;align-items:flex-start}.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image{margin-top:0}.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder{margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3{--ctr-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--ctr-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-medium-size, var(--ctr-medium-bold-font-size, 24px));font-style:normal;font-weight:400;line-height:var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, 32px));font-weight:700;margin:0}.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5{margin:0}.svc-creator--mobile .svc-tab-designer .sd-container-modern{min-width:calc(43*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0}.svc-creator--mobile .svc-properties-wrapper{width:100%}.svc-creator--mobile .svc-question__content-actions{width:calc(100% + 3*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-creator--mobile .svc-question__content-actions .sv-action-bar-item{border:0}.svc-creator--mobile .svc-page__content-actions .sv-action-bar{padding-right:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content{padding-right:0}.svc-creator--mobile .svc-page__content-actions .sv-action-bar .sv-action .sv-action__content .sv-action-bar-item__title--with-icon{display:none} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-switcher.spg-action-button{align-items:center;gap:var(--sjs-base-unit, var(--base-unit, 8px));pointer-events:auto}.svc-switcher__title{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-switcher__icon{width:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:center;align-items:center;border-radius:100px;border:1px solid var(--sjs-border-default, var(--border, #d6d6d6));background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));transition-duration:.2s;transition-property:background;transition-timing-function:linear}.svc-switcher__icon:hover{background:var(--sjs-general-backcolor, var(--background, #fff))}.svc-switcher__icon:focus{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-switcher__icon:hover:focus{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-general-backcolor, var(--background, #fff))}.svc-switcher__icon--checked,.svc-switcher__icon--checked:hover{justify-content:center;align-items:center;border:unset;border-radius:100px;background-color:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-switcher__icon--checked:focus{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}.svc-switcher__icon-thumb{width:var(--sjs-base-unit, var(--base-unit, 8px));height:var(--sjs-base-unit, var(--base-unit, 8px));justify-content:center;align-items:center;border-radius:100px;background-color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));transform:translateX(0);margin-left:0%;transition-duration:.2s;transition-property:margin-left,transform,background-color;transition-timing-function:linear}.svc-switcher__icon--checked .svc-switcher__icon-thumb{background-color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff));margin-left:100%;transform:translateX(-100%)}.svc-switcher__icon:focus .svc-switcher__icon-thumb,.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb{background-color:var(--sjs-primary-backcolor, var(--primary, #19b394))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-notifier.svc-notifier--shown{visibility:visible;opacity:var(--ctr-notification-opacity, 0.75)}.svc-notifier{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;position:absolute;bottom:var(--sjs-base-unit, var(--base-unit, 8px));left:var(--sjs-base-unit, var(--base-unit, 8px));background:var(--ctr-notification-background-color, var(--sjs-general-backcolor, var(--background, #fff)));opacity:0;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--ctr-notification-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));min-width:calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))));text-align:center;z-index:1600;visibility:hidden}.svc-notifier.svc-notifier--error{background-color:var(--ctr-notification-background-color-error, var(--sjs-special-red, var(--red, #e60a3e)));color:var(--ctr-notification-text-color-error, var(--sjs-special-red-forecolor, #ffffff));opacity:var(--ctr-notification-opacity-error, 1)}.svc-creator--mobile .svc-notifier{left:0;bottom:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;box-sizing:border-box;opacity:1;z-index:1000}.svc-creator-popup.sv-popup--modal{background-color:var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)))}.svc-creator-popup.sv-popup--modal>.sv-popup__container{background-color:var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));border-radius:var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));box-shadow:var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px) var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px) var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px) var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px) var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px) var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px) var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1))}.svc-creator-popup.sv-popup--modal>.sv-popup__container .sv-footer-action-bar{gap:var(--ctr-popup-buttons-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}.svc-creator-popup.sv-popup--modal>.sv-popup__container>.sv-popup__body-content{background-color:var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));padding:var(--ctr-popup-padding-top, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-bottom, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));gap:var(--ctr-popup-gap, 32px);box-shadow:unset}.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__container{background:var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)))}.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content{background-color:var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__button.sv-popup__button{background-color:var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));border:2px solid var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));color:var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-creator-popup .sv-popup__pointer:after{content:" ";border-bottom:var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--ctr-contextual-menu-pointer-color, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator-popup .sv-popup__body-header{--ctr-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--ctr-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-medium-size, var(--ctr-medium-bold-font-size, 24px));font-style:normal;font-weight:400;line-height:var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, 32px));font-weight:700;color:var(--ctr-popup-title-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-creator-popup.sv-popup--dropdown .sv-popup__body-content{background-color:var(--ctr-contextual-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator-popup.sv-popup--dropdown.svc-toolbox-subtypes .sv-popup__body-content{background:unset}.svc-creator-popup .sv-list__filter{background-color:var(--ctr-contextual-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border-bottom:1px solid var(--ctr-list-search-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))))}.svc-creator-popup .sv-list__filter .sv-list__input{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-list-search-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));background-color:rgba(0,0,0,0)}.svc-creator-popup .sv-list__filter .sv-list__input::placeholder{color:var(--ctr-list-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup .sv-list__filter .sv-list__filter-icon use{fill:var(--ctr-list-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup .sv-list__item-body{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-list-item-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));transition:background-color var(--sjs-creator-transition-duration, 150ms),color var(--sjs-creator-transition-duration, 150ms)}.svc-creator-popup .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup .sv-list__item--hovered>.sv-list__item-body{color:var(--ctr-list-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));background:var(--ctr-list-item-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))))}.svc-creator-popup .sv-list__item--hovered>.sv-list__item-body .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup .sv-list__item--selected>.sv-list__item-body,.svc-creator-popup .sv-list__item.sv-list__item--selected:hover>.sv-list__item-body{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-list-item-text-color-selected, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));background:var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-creator-popup .sv-list__item--selected .sv-list__item-icon use,.svc-creator-popup .sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color-selected, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator-popup .sv-list__item--selected.sv-list__item--group>.sv-list__item-body,.svc-creator-popup .sv-list__item.sv-list__item--selected:hover.sv-list__item--group>.sv-list__item-body{background:var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));color:var(--ctr-list-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));font-weight:400}.svc-creator-popup .sv-list__item--selected.sv-list__item--group .sv-list__item-icon use,.svc-creator-popup .sv-list__item.sv-list__item--selected:hover.sv-list__item--group .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button{color:var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__body-footer{background-color:var(--ctr-contextual-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));border-top:1px solid var(--ctr-contextual-menu-footer-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__empty-container{background-color:var(--ctr-contextual-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button:disabled{color:var(--ctr-actionbar-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:var(--ctr-actionbar-button-opacity-disabled, 0.25)}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use{fill:var(--ctr-list-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__input{color:var(--ctr-list-item-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body{background:var(--ctr-list-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body{background:var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));color:var(--ctr-list-item-text-color-selected, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-icon use,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-icon use,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected.sv-list__item--group>.sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected.sv-list__item--group>.sv-list__item-body,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected.sv-list__item--group>.sv-list__item-body{background:var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));color:var(--ctr-list-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected.sv-list__item--group .sv-list__item-icon use,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected.sv-list__item--group .sv-list__item-icon use,.svc-creator-popup.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected.sv-list__item--group .sv-list__item-icon use{fill:var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-creator-popup.sv-popup--dropdown-overlay .sd-btn{background:var(--ctr-button-background-color, rgba(0, 0, 0, 0))}.svc-creator-popup.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer{background-color:var(--ctr-contextual-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-creator-popup .sv-popup__content{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-popup-message-color, #404040)}.svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button{border-radius:var(--ctr-button-corner-radius-small, var(--sjs-corner-radius, 4px));padding:var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));display:flex;flex-direction:row;gap:var(--ctr-button-gap, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15))}.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button span{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}.svc-creator-popup.sv-popup--modal .sv-popup__button--cancel{background:var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));color:var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-creator-popup.sv-popup--modal .sv-popup__button--cancel:hover{background:var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))))}.svc-creator-popup.sv-popup--modal .sv-popup__button--apply{background:var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));color:var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-creator-popup.sv-popup--modal .sv-popup__button--apply:hover{background:var(--ctr-button-background-color-cta-hovered, var(--sjs-primary-backcolor-dark, rgb(20, 164, 139)))}.svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-surface-placeholder{display:flex;width:100%;max-width:var(--ctr-surface-placeholder-max-width, 720px);flex-direction:column;align-items:center;justify-content:center;gap:0px;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box}.svc-creator--mobile .svc-surface-placeholder{padding:var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px)}.svc-creator--mobile .svc-surface-placeholder__text{padding:var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px)}.svc-surface-placeholder__image{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;padding:135px 170px;display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center}.svc-surface-placeholder__image--designer{background:url(data:image/png;base64,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) 50%/contain no-repeat}.svc-surface-placeholder__image--preview{background:url(data:image/png;base64,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) 50%/contain no-repeat}.svc-surface-placeholder__image--theme{background:url(data:image/png;base64,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) 50%/contain no-repeat}.svc-surface-placeholder__image--logic{background:url(data:image/png;base64,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) 50%/contain no-repeat}.svc-surface-placeholder__image--translation{background:url(data:image/png;base64,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) 50%/contain no-repeat}.svc-surface-placeholder__text{padding:var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;display:flex;flex-direction:column;gap:var(--ctr-surface-placeholder-text-gap, 8px);align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:100%}.svc-surface-placeholder__title{--ctr-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));--ctr-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-medium-size, var(--ctr-medium-bold-font-size, 24px));font-style:normal;font-weight:400;line-height:var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, 32px));font-weight:700;color:var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));text-align:center;align-self:stretch}.svc-surface-placeholder__description{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-surface-placeholder-text-description-color, rgba(0, 0, 0, 0.45));text-align:center;align-self:stretch}.svc-designer__placeholder-container{padding-bottom:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logic-tab--empty>:last-child{margin-bottom:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-test-tab--empty .svc-surface-placeholder,.svc-translation-tab--empty .svc-surface-placeholder{padding-bottom:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-designer__placeholder-container{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-logic-tab--empty>:last-child{margin-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-test-tab--empty .svc-surface-placeholder,.svc-creator--mobile .svc-translation-tab--empty .svc-surface-placeholder{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}survey-creator,.svc-creator{display:flex;flex-direction:column;width:100%;height:100%;position:relative;-webkit-font-smoothing:antialiased}@-moz-document url-prefix(){survey-creator,.svc-creator{scrollbar-width:thin;scrollbar-color:var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0,0,0,0)}}survey-creator ::-webkit-scrollbar,.svc-creator ::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}survey-creator ::-webkit-scrollbar-thumb,.svc-creator ::-webkit-scrollbar-thumb{border:4px solid rgba(0,0,0,0);background-clip:padding-box;border-radius:32px;background-color:var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)))}survey-creator ::-webkit-scrollbar-track,.svc-creator ::-webkit-scrollbar-track{background:rgba(0,0,0,0)}survey-creator ::-webkit-scrollbar-thumb:hover,.svc-creator ::-webkit-scrollbar-thumb:hover{border:2px solid rgba(0,0,0,0);background-color:var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)))}survey-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,.svc-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover{background-color:var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)))}survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content{background:var(--ctr-survey-radio-button-group-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)))}survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item{overflow:hidden}survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor{white-space:nowrap}.svc-creator__area{position:relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.svc-creator__content-wrapper{width:100%;height:0;flex-grow:1}.svc-creator__content-holder{width:100%;height:100%}.svc-creator-tab{display:flex;width:100%;height:100%;overflow:hidden;position:relative;min-height:var(--tab-min-height, auto)}.svc-creator__toolbox--right.svc-creator-tab{flex-direction:row-reverse}.svc-creator-tab__content{position:relative;width:100%;height:100%;box-sizing:border-box}.svc-plugin-tab__content{height:100%;overflow-y:auto}.svc-plugin-tab__content-actions sv-action-bar{padding:0;height:calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));background:var(--sjs-general-backcolor, var(--background, #fff));border-top:1px solid var(--sjs-border-default, var(--border, #d6d6d6))}.svc-creator__banner{width:100%;line-height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--ctr-page-banner-background-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));text-align:center}.svc-item__banner{position:relative;max-width:0;overflow:hidden;height:100%;background-color:var(--sjs-general-backcolor, var(--background, #fff));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));transition:max-width .1s ease-in-out,padding .2s ease-in-out}.svc-creator__non-commercial-text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));vertical-align:middle;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(16*(var(--sjs-base-unit, var(--base-unit, 8px))));display:block}.svc-creator__non-commercial-text a{color:var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)))}.svc-creator--mobile .svc-creator__non-commercial-text{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-drag-drop-ghost{top:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;height:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-secondary-backcolor, var(--secondary, #ff9814));position:absolute}.sv-drag-drop-ghost--vertical{height:10000px;width:4px}.sv-drag-drop-ghost--item-value-bottom{top:initial;bottom:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--disable-animations{--sjs-creator-transition-duration: 0ms} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.sd-element__header .svc-string-editor{display:inline-block;max-width:100%}.svc-string-editor{position:static}.svc-string-editor [contenteditable=true]{user-select:text;-webkit-user-select:text}.svc-string-editor .sv-string-editor{position:relative;outline:none;z-index:12}.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before{content:attr(aria-placeholder);color:var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));transition:color var(--sjs-creator-transition-duration, 150ms)}.svc-string-editor .sv-string-editor--html,.svc-string-editor .sv-string-editor:focus-within{white-space:pre-wrap}.svc-string-editor.svc-string-editor--hidden{display:none}.svc-string-editor__content{display:inline-block;position:relative;z-index:10;width:100%}.svc-matrix-cell .svc-string-editor__content{width:auto}.svc-string-editor__content:focus-within .svc-remaining-character-counter{display:inline-block}.svc-string-editor__input{display:flex}.svc-remaining-character-counter{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));display:none;position:relative;outline:none;z-index:20;padding:0px;vertical-align:top;margin-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-string-editor__border{position:absolute;z-index:11;display:flex;align-items:center;justify-content:right;line-height:0px;transition:opacity var(--sjs-creator-transition-duration, 150ms);box-shadow:0px 0px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));border-radius:3px;opacity:0}.svc-string-editor__border.svc-string-editor__border--hover{top:0;bottom:0;left:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));transition-delay:0ms}.svc-string-editor__border.svc-string-editor__border--focus{top:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));bottom:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box;background-color:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)),0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-string-editor__error{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));margin-left:var(--sjs-base-unit, var(--base-unit, 8px));color:red;display:none}.svc-string-editor__controls{position:absolute;left:100%;height:100%;width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));top:0;padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));z-index:12;display:none;align-items:center;justify-content:center;line-height:0px}.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover{opacity:1;transition-delay:200ms}.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--focus{transition:none}.svc-creator--disable-animations .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover{transition-delay:0ms}.svc-string-editor:focus-within .svc-string-editor__border--focus{opacity:1}.svc-string-editor:focus-within .svc-string-editor__border--hover{transition:none}.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border--focus{box-shadow:0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)),0px 0px 0px calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e))}.sd-boolean .sv-string-editor:focus-within{white-space:nowrap}.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border,.sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border{display:none}.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected{border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:block}.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border{display:none}.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border{left:calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(-0.7*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-string-editor:hover~.sd-question__required-text,.svc-string-editor:focus-within~.sd-question__required-text{visibility:hidden}.svc-string-editor--multiline .sv-string-editor{white-space:pre-wrap} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator{--sjs-spacing-x2: calc(var(--ctr-spacing-unit, 8px) * 2);--sjs-spacing-x3: calc(var(--ctr-spacing-unit, 8px) * 3);--sjs-spacing-x1: calc(var(--ctr-spacing-unit, 8px) * 1);--sjs-spacing-x05: calc(var(--ctr-spacing-unit, 8px) * 0.5);--sjs-spacing-x025: calc(var(--ctr-spacing-unit, 8px) * 0.25);--sjs-spacing-x0125: calc(var(--ctr-spacing-unit, 8px) * 0.125);--sjs-spacing-x150: calc(var(--ctr-spacing-unit, 8px) * 1.5);--sjs-spacing-x250: calc(var(--ctr-spacing-unit, 8px) * 2.5);--sjs-spacing-x4: calc(var(--ctr-spacing-unit, 8px) * 4);--sjs-spacing-x350: calc(var(--ctr-spacing-unit, 8px) * 3.5);--sjs-spacing-x5: calc(var(--ctr-spacing-unit, 8px) * 5);--sjs-spacing-x6: calc(var(--ctr-spacing-unit, 8px) * 6);--sjs-spacing-x7: calc(var(--ctr-spacing-unit, 8px) * 7);--sjs-spacing-x8: calc(var(--ctr-spacing-unit, 8px) * 8);--sjs-spacing-x9: calc(var(--ctr-spacing-unit, 8px) * 9);--sjs-spacing-x10: calc(var(--ctr-spacing-unit, 8px) * 10);--sjs-spacing-x11: calc(var(--ctr-spacing-unit, 8px) * 11);--sjs-spacing-x12: calc(var(--ctr-spacing-unit, 8px) * 12);--sjs-spacing-x13: calc(var(--ctr-spacing-unit, 8px) * 13);--sjs-spacing-x14: calc(var(--ctr-spacing-unit, 8px) * 14);--sjs-spacing-x15: calc(var(--ctr-spacing-unit, 8px) * 15);--sjs-spacing-x16: calc(var(--ctr-spacing-unit, 8px) * 16);--sjs-spacing-x075: calc(var(--ctr-spacing-unit, 8px) * 0.75);--sjs-spacing-x125: calc(var(--ctr-spacing-unit, 8px) * 1.25);--sjs-spacing-x1050: calc(var(--ctr-spacing-unit, 8px) * 10.5);--sjs-spacing-x0375: calc(var(--ctr-spacing-unit, 8px) * 0.375);--sjs-spacing-x850: calc(var(--ctr-spacing-unit, 8px) * 8.5);--sjs-spacing-x025n: -calc(var(--ctr-spacing-unit, 8px) * 0.25);--sjs-spacing-x3n: -calc(var(--ctr-spacing-unit, 8px) * 3);--sjs-spacing-x4n: -calc(var(--ctr-spacing-unit, 8px) * 4);--sjs-spacing-x05n: -calc(var(--ctr-spacing-unit, 8px) * 0.5);--sjs-spacing-x1n: -calc(var(--ctr-spacing-unit, 8px) * 1);--sjs-spacing-x150n: -calc(var(--ctr-spacing-unit, 8px) * 1.5);--sjs-spacing-x2n: -calc(var(--ctr-spacing-unit, 8px) * 2);--sjs-spacing-x5n: -calc(var(--ctr-spacing-unit, 8px) * 5);--sjs-spacing-x6n: -calc(var(--ctr-spacing-unit, 8px) * 6);--sjs-spacing-x7n: -calc(var(--ctr-spacing-unit, 8px) * 7);--sjs-spacing-x8n: -calc(var(--ctr-spacing-unit, 8px) * 8);--sjs-corner-radius-x0125: calc(var(--ctr-corner-radius-unit, 8px) * 0.125);--sjs-corner-radius-x025: calc(var(--ctr-corner-radius-unit, 8px) * 0.25);--sjs-corner-radius-x05: calc(var(--ctr-corner-radius-unit, 8px) * 0.5);--sjs-corner-radius-x075: calc(var(--ctr-corner-radius-unit, 8px) * 0.75);--sjs-corner-radius-x1: calc(var(--ctr-corner-radius-unit, 8px) * 1);--sjs-corner-radius-x125: calc(var(--ctr-corner-radius-unit, 8px) * 1.25);--sjs-corner-radius-x150: calc(var(--ctr-corner-radius-unit, 8px) * 1.5);--sjs-corner-radius-x2: calc(var(--ctr-corner-radius-unit, 8px) * 2);--sjs-corner-radius-x250: calc(var(--ctr-corner-radius-unit, 8px) * 2.5);--sjs-corner-radius-x3: calc(var(--ctr-corner-radius-unit, 8px) * 3);--sjs-corner-radius-x350: calc(var(--ctr-corner-radius-unit, 8px) * 3.5);--sjs-corner-radius-x4: calc(var(--ctr-corner-radius-unit, 8px) * 4);--sjs-corner-radius-x5: calc(var(--ctr-corner-radius-unit, 8px) * 5);--sjs-corner-radius-x6: calc(var(--ctr-corner-radius-unit, 8px) * 6);--sjs-corner-radius-x7: calc(var(--ctr-corner-radius-unit, 8px) * 7);--sjs-corner-radius-x8: calc(var(--ctr-corner-radius-unit, 8px) * 8);--sjs-corner-radius-round: calc(var(--ctr-corner-radius-unit, 8px) * 128);--sjs-corner-radius-x0375: calc(var(--ctr-corner-radius-unit, 8px) * 0.375);--sjs-stroke-x1: calc(var(--ctr-stroke-unit, 1px) * 0.125);--sjs-stroke-x2: calc(var(--ctr-stroke-unit, 1px) * 0.25);--sjs-stroke-x3: calc(var(--ctr-stroke-unit, 1px) * 0.375);--sjs-stroke-x4: calc(var(--ctr-stroke-unit, 1px) * 0.5);--sjs-stroke-x6: calc(var(--ctr-stroke-unit, 1px) * 0.75);--sjs-stroke-x8: calc(var(--ctr-stroke-unit, 1px) * 1);--sjs-size-x0125: calc(var(--ctr-size-unit, 8px) * 0.125);--sjs-size-x025: calc(var(--ctr-size-unit, 8px) * 0.25);--sjs-size-x05: calc(var(--ctr-size-unit, 8px) * 0.5);--sjs-size-x075: calc(var(--ctr-size-unit, 8px) * 0.75);--sjs-size-x1: calc(var(--ctr-size-unit, 8px) * 1);--sjs-size-x125: calc(var(--ctr-size-unit, 8px) * 1.25);--sjs-size-x150: calc(var(--ctr-size-unit, 8px) * 1.5);--sjs-size-x2: calc(var(--ctr-size-unit, 8px) * 2);--sjs-size-x250: calc(var(--ctr-size-unit, 8px) * 2.5);--sjs-size-x3: calc(var(--ctr-size-unit, 8px) * 3);--sjs-size-x350: calc(var(--ctr-size-unit, 8px) * 3.5);--sjs-size-x4: calc(var(--ctr-size-unit, 8px) * 4);--sjs-size-x5: calc(var(--ctr-size-unit, 8px) * 5);--sjs-size-x6: calc(var(--ctr-size-unit, 8px) * 6);--sjs-size-x7: calc(var(--ctr-size-unit, 8px) * 7);--sjs-size-x8: calc(var(--ctr-size-unit, 8px) * 8);--sjs-size-x9: calc(var(--ctr-size-unit, 8px) * 9);--sjs-size-x10: calc(var(--ctr-size-unit, 8px) * 10);--sjs-size-x11: calc(var(--ctr-size-unit, 8px) * 11);--sjs-size-x12: calc(var(--ctr-size-unit, 8px) * 12);--sjs-size-x13: calc(var(--ctr-size-unit, 8px) * 13);--sjs-size-x14: calc(var(--ctr-size-unit, 8px) * 14);--sjs-size-x15: calc(var(--ctr-size-unit, 8px) * 15);--sjs-size-x16: calc(var(--ctr-size-unit, 8px) * 16);--sjs-size-x550: calc(var(--ctr-size-unit, 8px) * 5.5);--sjs-size-max: 10000px;--sjs-size-x17: calc(var(--ctr-size-unit, 8px) * 17);--sjs-size-x18: calc(var(--ctr-size-unit, 8px) * 18);--sjs-size-x64: calc(var(--ctr-size-unit, 8px) * 64);--sjs-size-x90: calc(var(--ctr-size-unit, 8px) * 90);--sjs-size-x80: calc(var(--ctr-size-unit, 8px) * 80);--sjs-size-x40: calc(var(--ctr-size-unit, 8px) * 40);--sjs-size-x32: calc(var(--ctr-size-unit, 8px) * 32);--sjs-size-x20: calc(var(--ctr-size-unit, 8px) * 20);--sjs-size-x86: calc(var(--ctr-size-unit, 8px) * 86);--sjs-size-x60: calc(var(--ctr-size-unit, 8px) * 60);--sjs-size-x28: calc(var(--ctr-size-unit, 8px) * 28);--sjs-size-x50: calc(var(--ctr-size-unit, 8px) * 50)}.svc-btn{display:flex;align-items:center;height:calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(7*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;background-color:var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:pointer;user-select:none;outline:solid calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) rgba(0,0,0,0);transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-btn .svc-add-new-item-button__text{display:flex;align-items:center;flex-grow:1;justify-content:center;color:var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-btn:hover{background-color:var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))))}.svc-btn:focus{box-shadow:0 0 0 2px var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-action-button{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;display:inline-block;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid rgba(0,0,0,0)}.svc-action-button .svc-text{color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-action-button:focus,.svc-action-button:hover{background-color:var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));outline:none}.svc-action-button--selected{border-color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-action-button--disabled{opacity:var(--ctr-survey-action-button-opacity-disabled, 0.25);color:var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-page-navigator,.svc-page-navigator{display:flex;flex-direction:column}.svc-page-navigator__navigator-icon{display:block;height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:50%;cursor:pointer;transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-page-navigator__navigator-icon use{fill:var(--ctr-page-navigator-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));transition:fill var(--sjs-creator-transition-duration, 150ms)}.svc-page-navigator__selector{width:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}survey-creator .svc-page-navigator__selector,.svc-creator .svc-page-navigator__selector{padding:0;border:none;background-color:rgba(0,0,0,0)}survey-creator .svc-page-navigator__selector:hover,survey-creator .svc-page-navigator__selector:focus,.svc-creator .svc-page-navigator__selector:hover,.svc-creator .svc-page-navigator__selector:focus{outline:none}survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon,.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon,.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon{background-color:var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))))}survey-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,survey-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use,.svc-creator .svc-page-navigator__selector:hover .svc-page-navigator__navigator-icon use,.svc-creator .svc-page-navigator__selector:focus .svc-page-navigator__navigator-icon use{fill:var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));opacity:var(--ctr-page-navigator-button-opacity-pressed, 0.5)}.svc-page-navigator__selector--opened .svc-page-navigator__navigator-icon use{fill:var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-page-navigator__popup{min-width:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-tab-designer--with-page-navigator .svc-tab-designer_content{margin-right:calc(6.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% - 6.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-tab-designer__page-navigator{position:absolute;padding:calc(16.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;top:0;bottom:0;right:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page-navigator{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:0;width:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator__toolbox--right .svc-tab-designer--with-page-navigator .svc-tab-designer_content,[dir=rtl] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,[style*="direction:rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content,[style*="direction: rtl"] .svc-tab-designer--with-page-navigator .svc-tab-designer_content{margin-right:0;margin-left:calc(6.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator__toolbox--right .svc-tab-designer__page-navigator,[dir=rtl] .svc-tab-designer__page-navigator,[style*="direction:rtl"] .svc-tab-designer__page-navigator,[style*="direction: rtl"] .svc-tab-designer__page-navigator{right:unset;left:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator__toolbox--right .svc-page-navigator,[dir=rtl] .svc-page-navigator,[style*="direction:rtl"] .svc-page-navigator,[style*="direction: rtl"] .svc-page-navigator{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:0}.svc-tab-designer--bypage-mode .svc-tab-designer_content{display:flex;flex-direction:row;margin-right:0;margin-left:0;width:100%}.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator{position:relative;top:auto;right:auto;bottom:auto}.svc-tab-designer--bypage-mode .svc-tab-designer__page-navigator .svc-page-navigator{padding-right:0} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-page-navigator-item,.svc-page-navigator-item{display:block;width:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:pointer;position:relative}.svc-page-navigator-item-content{height:100%;width:100%}.svc-page-navigator-item-content:hover,.svc-page-navigator-item-content:focus{outline:none}.svc-page-navigator__items--up .svc-page-navigator-item-content{transition:.25s ease-in-out;transform:translateY(-100%)}.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content{opacity:0}.svc-page-navigator__items--down .svc-page-navigator-item-content{transition:.25s ease-in-out;transform:translateY(100%)}.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content{opacity:0}.svc-page-navigator-item__dot{box-sizing:content-box;position:absolute;border-radius:50%;width:var(--ctr-page-navigator-item-dot-radius-small, 6px);height:var(--ctr-page-navigator-item-dot-radius-small, 6px);right:calc(50% - 3px);top:calc(50% - 3px);background:var(--ctr-page-navigator-item-dot-color-default, var(--sjs-border-default, var(--border, #d6d6d6)))}.svc-page-navigator-item__text{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;color:var(--ctr-page-navigator-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-page-navigator-item--selected .svc-page-navigator-item__dot{width:var(--sjs-base-unit, var(--base-unit, 8px));height:var(--sjs-base-unit, var(--base-unit, 8px));right:calc(50% - 1.5*var(--sjs-base-unit, var(--base-unit, 8px))/2);top:calc(50% - 1.5*var(--sjs-base-unit, var(--base-unit, 8px))/2);background:var(--ctr-page-navigator-item-dot-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--ctr-page-navigator-item-dot-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-page-navigator-item__banner{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;align-items:center;line-height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));animation:.5s ease-in;padding:0;opacity:0;max-width:0;z-index:20;position:absolute;top:0;height:100%;background-color:var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-page-navigator-item__banner .svc-page-navigator-item__dot{position:absolute;display:inline-block;top:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator__toolbox--right .svc-page-navigator-item__banner,[dir=rtl] .svc-page-navigator-item__banner,[style*="direction:rtl"] .svc-page-navigator-item__banner,[style*="direction: rtl"] .svc-page-navigator-item__banner{right:unset;left:calc(.625*var(--base-unit, 8px))}.svc-creator__toolbox--right .svc-page-navigator-item__banner .svc-page-navigator-item__dot,[dir=rtl] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,[style*="direction:rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot,[style*="direction: rtl"] .svc-page-navigator-item__banner .svc-page-navigator-item__dot{right:unset;left:calc(1.75*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page-navigator-item-content:not(.svc-page-navigator-item--disabled) .svc-page-navigator-item__banner .svc-page-navigator-item__dot{width:var(--sjs-base-unit, var(--base-unit, 8px));height:var(--sjs-base-unit, var(--base-unit, 8px));border:none;background:var(--ctr-page-navigator-item-dot-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner{padding:0 calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));max-width:calc(25*(var(--sjs-base-unit, var(--base-unit, 8px))));opacity:1;background:var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,.svc-creator__toolbox--right .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,[dir=rtl] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,[style*="direction:rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner,[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,[style*="direction: rtl"] .svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner{padding:0 calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page-navigator-item--disabled .svc-page-navigator-item__banner{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-page{display:block}.svc-page{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page .sd-page__title{margin:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;color:var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page .sd-page__num{color:var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-page .svc-panel__placeholder{color:var(--ctr-survey-page-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-page__content{position:relative;border-radius:var(--sjs-base-unit, var(--base-unit, 8px));padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(0*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;width:100%;outline:none;transition:background var(--sjs-creator-transition-duration, 150ms),box-shadow var(--sjs-creator-transition-duration, 150ms)}.svc-page__content .sd-page{margin:0;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}.svc-page__content>.svc-question__drag-area{padding-top:calc(1.25*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page__content--dragged{opacity:.25}.svc-page__content-actions{position:absolute;opacity:0;top:var(--sjs-base-unit, var(--base-unit, 8px));inset-inline-end:0;padding:0 calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-base-unit, var(--base-unit, 8px));z-index:1;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-page__content-actions .sv-action-bar-separator{margin:0 var(--sjs-base-unit, var(--base-unit, 8px))}.svc-page__content-actions h4.sd-title .sv-string-editor[aria-placeholder]:empty:before{color:var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-page__content-actions .sv-action-bar-item{border-radius:var(--ctr-survey-page-toolbar-item-corner-radius, 4px);background-color:rgba(0,0,0,0);color:var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-page__content-actions .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-page__content-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,.svc-page__content-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled{background-color:var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-page__content-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled{opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5)}.svc-page__content-actions .sv-action-bar-item:disabled{opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25)}.svc-page__content-actions .sv-action-bar-item--secondary .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-page__content-actions .sv-action-bar-item--active .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-page__content-actions .sv-action-bar-item-dropdown{border-radius:calcCornerRadius(0.5);background-color:rgba(0,0,0,0)}.svc-page__content-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background-color:var(--ctr-survey-page-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%)}.svc-page__content:focus,.svc-hovered.svc-page__content{box-shadow:0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));background:var(--ctr-survey-page-background-color-hovered, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)))}.svc-page__content--new.svc-page__content--new{box-shadow:none;background-color:rgba(0,0,0,0)}.svc-page__content--selected .svc-page__content-actions,.svc-hovered.svc-page__content .svc-page__content-actions{opacity:1}.svc-page__content--selected>.svc-question__drag-area,.svc-hovered.svc-page__content>.svc-question__drag-area{z-index:1}.svc-page__content--selected>.svc-question__drag-area .svc-question__drag-element,.svc-hovered.svc-page__content>.svc-question__drag-area .svc-question__drag-element{opacity:var(--ctr-survey-page-drag-indicator-opacity, 0.5)}.svc-page__content--selected.svc-page__content--selected{box-shadow:0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));background:var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1))}.svc-page__content--animation-running .svc-row .svc-question--enter{animation:none}.svc-page__content--animation-running .svc-row .svc-question--leave{animation-name:moveInWithOverflow;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:var(--sjs-svc-collapse-move-out-duration, 250ms);animation-delay:var(--sjs-svc-collapse-move-out-delay, 100ms)}.svc-creator--disable-animations .svc-row .svc-question--leave{animation:none}.svc-page__content--collapse-onhover,.svc-page__content--collapse-always{outline:2px rgba(0,0,0,0) dashed;transition:outline-color var(--sjs-creator-transition-duration, 150ms)}.svc-page__content--collapse-onhover.svc-page__content--selected,.svc-page__content--collapse-onhover.svc-page__content.svc-hovered,.svc-page__content--collapse-always.svc-page__content--selected,.svc-page__content--collapse-always.svc-page__content.svc-hovered{outline-color:rgba(0,0,0,0)}.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside{box-shadow:0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));animation:collapsed-drag-over-inside-blinking 1s infinite;outline-color:rgba(0,0,0,0)}.svc-page__content--collapsed{outline-color:var(--sjs-border-default, var(--border, #d6d6d6))}.svc-creator--mobile .svc-page__content::after{margin:0;border-radius:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected{box-shadow:0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));box-shadow:0 0 0 2px inset var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));background:var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)))}.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected .svc-page__content-actions{display:block}.svc-creator--mobile .svc-page__content:not(.svc-page__content--new):focus,.svc-creator--mobile .svc-hovered.svc-page__content:not(.svc-page__content--new){box-shadow:0 0 0 2px inset var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)))}.svc-page__footer{overflow:visible;margin-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page__footer .sv-action{flex:1 1 0}.svc-page__footer .svc-btn{flex-grow:1;border:none}.svc-element__add-new-question .svc-add-new-item-button__text{margin-left:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-element__add-new-question{-webkit-tap-highlight-color:rgba(0,0,0,0)}.svc-add-new-item-button__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--sjs-general-forecolor, var(--foreground, #161616))}.svc-element__question-type-selector{appearance:none;display:flex;height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:2px;background-color:rgba(0,0,0,0);cursor:pointer;margin-inline-end:var(--sjs-base-unit, var(--base-unit, 8px));outline:none;transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-element__question-type-selector use{fill:var(--ctr-library-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-element__question-type-selector:hover{background-color:var(--ctr-button-contextual-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-element__question-type-selector:focus{background-color:var(--ctr-button-contextual-button-background-color-focused, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))))}.svc-page--drag-over-empty:after{content:" ";position:absolute;background:var(--sjs-secondary-backcolor, var(--secondary, #ff9814));left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));bottom:calc(11.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% - 48px);height:2px}.svc-page--drag-over-empty-no-add-button:after{bottom:auto}.svc-page__placeholder_frame{min-width:auto;max-width:100%;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-page__placeholder_frame .svc-panel__placeholder_frame{padding:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));height:auto}.svc-element__add-new-question .sv-list__item.sv-list__item--disabled,.svc-question__adorner .sv-list__item.sv-list__item--disabled{opacity:.25;pointer-events:none}.svc-element__add-new-question .sv-popup--overlay .sv-list-item__marker-icon,.svc-question__adorner .sv-popup--overlay .sv-list-item__marker-icon{display:none}.svc-element__add-new-question .sv-popup--overlay .sv-list__item-body,.svc-question__adorner .sv-popup--overlay .sv-list__item-body{pointer-events:none}.svc-element__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body,.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;background-color:var(--sjs-primary-backcolor, var(--primary, #19b394));color:var(--sjs-primary-forecolor, var(--primary-foreground, #fff))}.svc-element__add-new-question .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body use,.svc-question__adorner .sv-popup--overlay .sv-list__item.sv-list__item--selected.sv-list__item--group>.sv-list__item-body use{fill:var(--sjs-general-backcolor, var(--background, #fff))}.svc-page__content--collapsed>.sv-action-bar{display:none}.svc-page__content--collapsed .svc-page__placeholder_frame{display:none}.svc-page__content--collapsed .svc-page__content-actions{display:block}.svc-page__content--collapsed .sd-page{display:flex}.svc-page__content--collapsed .sd-page>*{display:none}.svc-page__content--collapsed .sd-page .sd-title{display:block}.svc-page__content.svc-page__content--collapsed .sd-page{padding-bottom:0}.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions{opacity:1}.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action{visibility:hidden}.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse{visibility:visible}.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse .sv-action-bar-separator{visibility:hidden}.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action,.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action{visibility:visible}.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator,.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator{visibility:visible} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-row{width:100%;position:relative}.svc-row:not(.svc-row--ghost)>.sd-row{min-height:50px}.svc-row>.sd-row.sd-page__row{margin-top:calc(2*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-row>.sd-row.sd-page__row.sd-row--delayed-enter{margin-top:0}.svc-row .sd-row.sd-row--multiple{overflow:auto;width:calc(100% + 4*var(--sjs-base-unit, var(--base-unit, 8px)));flex-wrap:nowrap;margin-top:0;padding-top:calc(2*var(--sjs-base-unit, var(--base-unit, 8px)));padding-right:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:2px;margin-right:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:-2px}.svc-row .sd-row.sd-row--multiple .sd-row--multiple{overflow:unset}.sd-panel .svc-row .sd-row--multiple{padding:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:none;border-radius:0;padding:2px;margin:-2px;width:100%}.sd-panel .svc-row .sd-row--multiple>div{padding:0}.svc-row.svc-row--ghost .svc-question__content{padding:0;border:none;box-shadow:none}.svc-row.svc-row--ghost .sd-row{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-row.svc-row--ghost:last-child .sd-row{height:initial;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-row.svc-row--ghost+.svc-row .sd-page__row{margin-top:0}.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row{height:initial;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-row__drop-indicator{position:absolute;background:var(--sjs-secondary-backcolor, var(--secondary, #ff9814));opacity:0;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-row__drop-indicator--top,.svc-row__drop-indicator--bottom{left:0;width:100%;height:0px}.svc-row__drop-indicator--top{top:7px}.svc-row__drop-indicator--bottom{bottom:-9px}.svc-row--drag-over-top>.svc-row__drop-indicator--top{opacity:1;height:2px}.svc-row--drag-over-bottom>.svc-row__drop-indicator--bottom{opacity:1;height:2px}.svc-question__content--panel .svc-row--drag-over-top:before,.sd-panel__content .svc-row--drag-over-top:before{top:-4px}.svc-question__content--panel .svc-row--drag-over-bottom:after,.sd-panel__content .svc-row--drag-over-bottom:after{bottom:-4px}.svc-creator--disable-animations .svc-row .sd-row--leave,.svc-creator--disable-animations .svc-row .sd-row--enter{animation:none}.svc-creator--disable-animations .svc-row .sd-element-wrapper--leave,.svc-creator--disable-animations .svc-row .sd-element-wrapper--enter{animation:none}.svc-creator--disable-animations .svc-row .sd-element__content--enter,.svc-creator--disable-animations .svc-row .sd-element__content--leave{animation:none}.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--enter,.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--leave{animation:none}.svc-creator--disable-animations .svc-row .sd-item--enter{animation:none}.svc-creator--disable-animations .svc-row .sd-item--leave{animation:none}.svc-creator--disable-animations .svc-row .sd-table__row--leave,.svc-creator--disable-animations .svc-row .sd-table__row--enter{animation:none}.sd-panel .svc-row>.sd-row.sd-row--multiple{width:calc(100% + var(--sjs-base-unit, var(--base-unit, 8px)));padding-left:0;margin-left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sd-panel .svc-row>.sd-row.sd-row--multiple>div{box-sizing:border-box;--animation-padding-left: var(--sjs-base-unit, var(--base-unit, 8px));padding-left:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-row{--sjs-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);--sjs-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);--sjs-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);--sjs-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);--sjs-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);--sjs-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);--sjs-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s)} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-carry-forward-panel-wrapper{width:100%;container-type:inline-size}.svc-carry-forward-panel{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));box-sizing:border-box;width:100%;padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:var(--sjs-base-unit, var(--base-unit, 8px));background-color:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));text-align:center;color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))}@container (max-width: 176px){.svc-carry-forward-panel{display:none}}@container (max-width: 496px){.svc-carry-forward-panel{padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}}.svc-carry-forward-panel__link .svc-action-button{padding:0;border:none;font-weight:inherit;color:inherit;text-decoration:underline;cursor:pointer}.svc-carry-forward-panel__link .svc-action-button:hover,.svc-carry-forward-panel__link .svc-action-button:focus{background-color:rgba(0,0,0,0)}svc-question{display:block;position:absolute;top:1px;left:1px;right:1px;bottom:1px}.svc-question__adorner{position:relative;height:auto;width:100%;display:grid;grid-template-columns:100%}.svc-question__adorner>*{grid-row:1;grid-column:1}.svc-question__adorner.svc-question__adorner--collapsed{height:fit-content}.svc-question__adorner .sv-action-bar{overflow:visible}.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item{border:none}.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active{opacity:.5;background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-question__adorner:before{position:absolute;content:"";width:100%;height:100%;margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));bottom:0;right:0}.svc-question__adorner .sv-action-bar-item{background-color:rgba(0,0,0,0);color:var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));transition:background var(--sjs-creator-transition-duration, 150ms),color var(--sjs-creator-transition-duration, 150ms),opacity var(--sjs-creator-transition-duration, 150ms)}.svc-question__adorner .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-question__adorner .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,.svc-question__adorner .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled{background-color:var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-question__adorner .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled{opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5)}.svc-question__adorner .sv-action-bar-item:disabled{opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25)}.svc-question__adorner .sv-action-bar-item--secondary .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-question__adorner .sv-action-bar-item--active .sv-action-bar-item__icon use{fill:var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-question__adorner .sv-action-bar-item-dropdown{background-color:rgba(0,0,0,0)}.svc-question__adorner .sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background-color:var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));opacity:var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 50%)}.svc-question__adorner .sv-action-bar-item.sv-action-bar-item--active:not(.sv-action-bar-item--pressed):enabled:hover,.svc-question__adorner .sv-action-bar-item.sv-action-bar-item--active:not(.sv-action-bar-item--pressed):enabled:focus,.svc-question__adorner .sv-action-bar-item.sv-action-bar-item--active{background-color:var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1))}.svc-question__content{scroll-margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-element{scroll-margin-top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content{display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%;height:auto;flex-grow:1;border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;padding:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));outline:none;transition:background var(--sjs-creator-transition-duration, 150ms),box-shadow var(--sjs-creator-transition-duration, 150ms)}.svc-question__content--title-bottom{padding-top:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--title-bottom .sd-question__content{margin-top:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--title-bottom .svc-question__content-actions{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--title-bottom .svc-question__content-actions>.sv-action-bar{margin-bottom:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--title-hidden{padding-top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-selectbase:not(.sd-imagepicker){padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker){overflow-x:visible;padding-left:0;margin-left:0}.svc-question__content .sd-selectbase--multi-column{overflow:initial}.svc-question__content .sd-question.sd-question--table{overflow-x:initial}.svc-question__content .sd-multipletext__item-title{color:var(--sjs-general-forecolor, var(--foreground, #161616))}.svc-question__content .sd-multipletext__item-container.sd-input:focus-within{box-shadow:var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15))}.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}.svc-question__content .sjs_sp_placeholder{user-select:all;pointer-events:all}.svc-question__content>div,.svc-question__placeholders>div{overflow:visible}.svc-question--enter,.svc-question--leave{animation-name:fadeIn,moveInWithOverflow;animation-fill-mode:forwards;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-duration:var(--fade-animation-duration),var(--move-animation-duration);animation-delay:var(--fade-animation-delay),var(--move-animation-delay)}.svc-question--enter{opacity:0;--fade-animation-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);--move-animation-duration: var(--sjs-svc-expand-move-in-duration, 250ms);--fade-animation-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);--move-animation-delay: 0s;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1);--animation-direction: normal}.svc-question--leave{--fade-animation-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);--move-animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);--fade-animation-delay: 0s;--move-animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}@keyframes changeAlignSelf{from{align-self:flex-start}to{align-self:stretch}}.svc-question--enter.svc-question__adorner,.svc-question--leave.svc-question__adorner{opacity:1;animation-name:changeAlignSelf;animation-duration:0s}.svc-question--enter.svc-question__adorner{align-self:flex-start;animation-delay:var(--move-animation-duration)}.svc-question--leave.svc-question__adorner{animation-delay:var(--move-animation-delay)}.svc-creator--disable-animations .svc-question--enter,.svc-creator--disable-animations .svc-question--leave{animation:none}.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-panel__content{overflow:auto}.svc-question__content .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content{overflow:unset}.svc-panel__placeholder{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));text-wrap:wrap;text-align:center}.svc-question__content-actions{position:relative;opacity:0;height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:auto;width:calc(100% + 2.5*var(--sjs-base-unit, var(--base-unit, 8px)));transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-question__content-actions:focus-within{opacity:1}.svc-question__content-actions>.sv-action-bar{position:absolute;left:0;top:0;width:100%;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content-actions .sv-action--convertTo{max-width:max-content}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item{flex-direction:row-reverse}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item--icon{max-width:100%;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title{display:inline-block;justify-content:left}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon{margin-inline-start:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:last-child{margin-inline-start:0}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__icon:last-child use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-question__content-actions .sv-action--convertTo .sv-action-bar-item__title--with-icon{margin-inline-start:0;margin-inline-end:0}.svc-question__content-actions .sv-action--convertTo.sv-action--hidden{min-width:0}.svc-question__content-actions .sv-action--convertTo-last{margin-inline-end:auto}.svc-question__content-actions .svc-action-bar-item--right:first-of-type{margin-inline-start:auto}.svc-question__content-actions .sv-dots{width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:var(--sjs-base-unit, var(--base-unit, 8px));margin-right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content-actions .sv-dots.sv-action--hidden{width:0;margin:0}.svc-question__content-actions .sv-dots.sv-action--hidden .sv-action__content{display:none}.svc-question__content-actions .sv-dots .sv-dots__item{margin-left:0}.svc-question__content-actions .sv-dots__item use{fill:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.svc-question__content:focus,.svc-hovered>.svc-question__content{box-shadow:0 0 0 2px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)))}.svc-question__content--selected:not(.svc-question__content--dragged){box-shadow:0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged){box-shadow:0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));animation:collapsed-drag-over-inside-blinking 1s}@keyframes collapsed-drag-over-inside-blinking{0%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}40%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}50%{background:rgba(0,0,0,0)}55%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}65%{background:rgba(0,0,0,0)}70%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}80%{background:rgba(0,0,0,0)}85%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}100%{background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}}.svc-question__content--selected>.svc-question__content-actions,.svc-hovered>.svc-question__content>.svc-question__content-actions{opacity:1}.svc-question__content--selected>.svc-question__content-actions.svc-question--enter,.svc-hovered>.svc-question__content>.svc-question__content-actions.svc-question--enter{opacity:0}.svc-question__content--dragged{background:var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))}.svc-question__content--dragged .sd-question__title{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-question__content--dragged>.svc-question__content-actions{opacity:0}.svc-creator--mobile .svc-question__content-actions{overflow:hidden;height:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile .svc-question__content-actions>.sv-action-bar{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile .svc-question__content-actions.svc-question--enter{animation-name:empty,moveInWithOverflow}.svc-creator--mobile .svc-question__content{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-element__header--hidden{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:0 calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__adorner--selected>.svc-element__header--hidden{margin-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content--selected{padding-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content--selected>.svc-question__content-actions{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow:visible}.svc-creator--mobile .svc-question__content--selected>.svc-question__content-actions>.sv-action-bar{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__content--selected>.svc-question__content-actions.svc-question--enter{animation-name:fadeIn,moveInWithOverflow}.svc-creator--mobile.svc-creator--disable-animations .svc-question--enter{animation:none}.svc-question__content .sd-question.sd-question--table{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-dragged-element-shortcut{height:auto;border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--ctr-toolbox-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));color:var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:grabbing;position:absolute;z-index:1000;box-shadow:0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1));-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:content-box}.svc-dragged-element-shortcut .sv-svg-icon use{fill:var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-dragged-element-shortcut--selected{border:2px solid var(--ctr-toolbox-item-border-color-floating, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)))}.svc-dragged-element-shortcut__text{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;line-height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-dragged-element-shortcut--has-icon{padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text{line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-inline-start:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-dragged-element-shortcut__icon{position:absolute;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,.svc-hovered>.svc-question__content--drag-over-inside .svc-panel__placeholder_frame{box-shadow:0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));border:1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));background:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.svc-question__content--drag-over-inside .svc-panel__placeholder_frame>.svc-question__content-actions,.svc-hovered>.svc-question__content--drag-over-inside .svc-panel__placeholder_frame>.svc-question__content-actions{opacity:1}.svc-question__drop-indicator{position:absolute;background:var(--sjs-secondary-backcolor, var(--secondary, #ff9814));opacity:0;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-question__drop-indicator--left,.svc-question__drop-indicator--right{top:0;height:100%;width:0px}.svc-question__drop-indicator--top,.svc-question__drop-indicator--bottom{left:0;width:100%;height:0px}.svc-question__drop-indicator--left{left:-9px}.svc-question__drop-indicator--right{right:-9px}.svc-question__drop-indicator--top{top:-9px}.svc-question__drop-indicator--bottom{bottom:-9px}.svc-question__content--drag-over-left>.svc-question__drop-indicator--left{opacity:1;width:2px}.svc-question__content--drag-over-right>.svc-question__drop-indicator--right{opacity:1;width:2px}.svc-question__content--drag-over-top>.svc-question__drop-indicator--top{opacity:1;height:2px}.svc-question__content--drag-over-bottom>.svc-question__drop-indicator--bottom{opacity:1;height:2px}.sd-panel .svc-question__content--drag-over-left .svc-question__drop-indicator--left{left:-6px}.sd-panel .svc-question__content--drag-over-right .svc-question__drop-indicator--right{right:-6px}.svc-question__content--panel .sd-row>div:first-child .svc-question__content--drag-over-left,.sd-panel__content .sd-row>div:first-child .svc-question__content--drag-over-left{margin-left:8px;width:calc(100% - 8px)}.svc-question__content--panel .sd-row>div:last-child .svc-question__content--drag-over-right,.sd-panel__content .sd-row>div:last-child .svc-question__content--drag-over-right{margin-right:8px;width:calc(100% - 8px)}.svc-question__content--panel .svc-question__content--drag-over-top .svc-question__drop-indicator--top,.sd-panel__content .svc-question__content--drag-over-top .svc-question__drop-indicator--top{top:-6px}.svc-question__content--panel .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom,.sd-panel__content .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom{bottom:-6px}.svc-question__content-actions>.sv-action-bar{box-sizing:border-box;padding:0;justify-content:center}svc-question sv-action-bar,svc-question .sv-action-bar,.svc-question sv-action-bar,.svc-question .sv-action-bar{padding:0}.svc-panel__edge{position:absolute;border:1px solid orange;height:10px;width:100%}.svc-panel__edge--top{top:0}.svc-panel__edge--bottom{bottom:0}.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name]{height:100%;overflow:hidden;min-width:4px}.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content{border:0;padding:0}[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name]{border:none;height:0}[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area{display:none}[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element{display:none}[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content{background:rgba(0,0,0,0);box-shadow:none}.svc-hovered>.svc-question__content>.svc-question__drag-area>.svc-question__drag-element{opacity:.5}.svc-question__content.svc-question__content--selected>.svc-question__drag-area>.svc-question__drag-element{opacity:.5;z-index:1}.svc-element__header--hidden{display:block;box-sizing:border-box;padding:0 calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;z-index:-1;width:100%}.svc-element__header--hidden .svc-string-editor,.svc-element__header--hidden .svc-fake-title,.svc-element__header--hidden sv-ng-string>.svc-string-editor{display:inline-flex}.svc-element__header--hidden .svc-string-editor::before,.svc-element__header--hidden .svc-fake-title::before,.svc-element__header--hidden sv-ng-string>.svc-string-editor::before{content:"("}.svc-element__header--hidden .svc-string-editor::after,.svc-element__header--hidden .svc-fake-title::after,.svc-element__header--hidden sv-ng-string>.svc-string-editor::after{content:")"}.svc-element__header--hidden .svc-element__title--hidden{opacity:0;transition:opacity 150ms}.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,.svc-element__header--hidden.sd-question__header--location--left sv-ng-string>.svc-string-editor{display:inline-block}.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::before,.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::after,.svc-element__header--hidden.sd-question__header--location--left sv-ng-string>.svc-string-editor::before,.svc-element__header--hidden.sd-question__header--location--left sv-ng-string>.svc-string-editor::after{content:none}.svc-question__adorner.svc-question__adorner--collapsed>.svc-element__header--hidden{z-index:1}.svc-question__adorner.svc-question__adorner--collapsed>.svc-element__header--hidden>.svc-element__title--hidden{opacity:1}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>.svc-question__dropdown-choices--wrapper,.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>.svc-panel__placeholder_frame-wrapper,.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>.svc-question__content-actions,.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>.svc-panel__add-new-question-container,.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>.sd-file,.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed>sv-ng-file-question{display:none}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drop-indicator{display:block}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drag-area{display:flex}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-content-wrapper{display:flex}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element>*:not(.sd-element__header){display:none}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element__header>*:not(.sd-element__title){display:none}.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__header--location--left{display:none}.svc-question__adorner .svc-question__content--collapsed{flex-grow:0;padding-bottom:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__adorner .svc-question__content--collapsed .sd-element__header,.svc-question__adorner .svc-question__content--collapsed .sd-element--complex>.sd-element__header{padding-top:0;padding-bottom:0}.svc-creator--mobile .svc-question__top-actions{padding:0}.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed{padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed.svc-question__content--selected{padding-top:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__drag-area{position:absolute;cursor:move;top:0;left:0;height:calc(3.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%;display:flex;align-items:center;justify-content:center}.svc-question__drag-element{width:100%;height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));opacity:0;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-question__drag-element use{fill:var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.sd-panel .svc-question__content--image:not(.svc-question__content--empty){padding-left:1px;padding-right:1px}.sd-panel .svc-question__content .sd-table-wrapper::before{left:calc(-1*var(--sd-base-padding) + 1px)}.sd-panel .svc-question__content .sd-table-wrapper::after{right:calc(-1*var(--sd-base-padding) + 1px)}.sd-panel .svc-question__content{border-radius:0;border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));box-shadow:none}.sd-panel .svc-hovered .svc-question__content:not(.svc-question__content--dragged){border:1px solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));box-shadow:0 0 0 1px var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))) inset}.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged){border:1px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));box-shadow:0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814)) inset}.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content{border:none}.svc-widget__content{width:100%}.svc-widget__content .sd-question__content{pointer-events:none}.svc-question__content .sd-paneldynamic__footer,.svc-question__content .sd-paneldynamic__separator{display:none}.svc-panel__placeholder_frame-wrapper{container-type:inline-size;width:100%;display:flex;flex-grow:1;box-sizing:border-box;position:relative}.svc-question__content--empty-template .sd-question--paneldynamic,.svc-question__content--empty-template .sd-question__content,.svc-question__content--empty-template sv-ng-paneldynamic-question,.svc-question__content--empty-template .sd-paneldynamic,.svc-question__content--empty-template .sd-paneldynamic__panels-container,.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,.svc-question__content--empty-template .svc-question__adorner,.svc-question__content--empty-template .svc-question__adorner>div{display:flex;flex-direction:column;flex-grow:1}.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,.svc-question__content--empty-template .svc-question__adorner>div .svc-panel__placeholder_frame{flex-grow:1}.sd-paneldynamic__panels-container{padding-bottom:2px;margin-bottom:-2px}.svc-panel__placeholder_frame{border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-grow:1}.svc-panel__add-new-question-container{width:100%;display:flex;justify-content:center;position:relative}.svc-panel__add-new-question-wrapper{container-type:inline-size;width:100%;display:flex;justify-content:center}.svc-panel__add-new-question-wrapper .svc-element__add-new-question{align-items:center;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:0;margin-right:0;width:auto;height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;cursor:pointer;user-select:none;border:none;box-shadow:none;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-panel__add-new-question-wrapper .svc-element__add-new-question:hover{outline:none}.svc-panel__add-new-question-wrapper .svc-element__add-new-question .svc-add-new-item-button__text{display:flex;align-items:center;flex-grow:1;justify-content:center;margin:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:var(--sjs-line-height-x2, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));text-wrap:nowrap}.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon{margin:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:none}.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-panel__add-new-question-wrapper .svc-element__question-type-selector{appearance:none;display:flex;height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;border:none;border-radius:2px;background-color:rgba(0,0,0,0);cursor:pointer;margin-right:var(--sjs-base-unit, var(--base-unit, 8px));outline:none;top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0;position:absolute;right:0}.svc-panel__add-new-question-wrapper .svc-element__question-type-selector use{fill:var(--ctr-library-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-panel__add-new-question-wrapper .svc-element__question-type-selector:hover{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-panel__add-new-question-wrapper .svc-element__question-type-selector:focus{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.svc-panel__add-new-question{align-items:center;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-left:0;margin-right:0;width:auto;height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:baseline;text-align:center;cursor:pointer;user-select:none;transition:background-color var(--sjs-creator-transition-duration, 150ms),background var(--sjs-creator-transition-duration, 150ms);border:none;box-shadow:none;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-panel__add-new-question:hover{outline:none}.svc-panel__add-new-question .svc-add-new-item-button__text{display:flex;align-items:center;flex-grow:1;justify-content:center;margin:var(--sjs-base-unit, var(--base-unit, 8px)) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:var(--sjs-line-height-x2, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));text-wrap:nowrap}.svc-panel__add-new-question-icon{margin:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:none}.svc-panel__add-new-question-icon use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394))}.svc-panel__question-type-selector-popup{height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:absolute;right:0;bottom:0}@container (max-width: 496px){.svc-panel__placeholder_frame{padding:calc(11*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))))}}@container (max-width: 176px){.svc-panel__placeholder{display:none}.svc-panel__placeholder_frame{padding:calc(10*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-panel__placeholder_frame .svc-panel__add-new-question,.svc-panel__placeholder_frame .svc-element__add-new-question{margin:0}.svc-panel__placeholder_frame .svc-panel__add-new-question-icon,.svc-panel__add-new-question-container .svc-panel__add-new-question-icon{display:block}.svc-panel__placeholder_frame .svc-element__question-type-selector,.svc-panel__add-new-question-container .svc-element__question-type-selector{display:none}.svc-panel__placeholder_frame .svc-panel__add-new-question,.svc-panel__placeholder_frame .svc-element__add-new-question,.svc-panel__add-new-question-container .svc-panel__add-new-question,.svc-panel__add-new-question-container .svc-element__add-new-question{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-panel__placeholder_frame .svc-panel__add-new-question .svc-add-new-item-button__text,.svc-panel__placeholder_frame .svc-element__add-new-question .svc-add-new-item-button__text,.svc-panel__add-new-question-container .svc-panel__add-new-question .svc-add-new-item-button__text,.svc-panel__add-new-question-container .svc-element__add-new-question .svc-add-new-item-button__text{display:none}}.sv-list__container .sv-action-bar-item--secondary .sv-list__item-icon use{fill:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.sd-panel .svc-row{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.sd-panel .svc-row:first-of-type{margin-top:0}.sd-panel .svc-row .sd-row{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.svc-question__content.svc-question__content--collapsed .sd-element--complex>.sd-element__header--location-top.svc-element__header--hidden{padding:0}.svc-question__content .sd-element--complex>.sd-element__header--location-top{padding-bottom:calc(.5*var(--sd-base-vertical-padding));padding-top:0}.svc-question__content .sd-element--complex>.sd-element__header--location-top.svc-element__header--hidden{padding-bottom:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-element--complex>.sd-element__header--location-top:after{display:none}.svc-question__content .sd-panel__content{gap:0;padding-top:0}.svc-question__content .sd-table__cell--detail-panel .sd-panel__content{padding-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-paneldynamic__panel-wrapper{padding:0}.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled{background:var(--sjs-general-backcolor, var(--background, #fff));opacity:1}.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-question__content .sd-table__row-disabled>.sd-table__cell{opacity:1}.svc-question__content .svc-carry-forward-panel{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-question__content{min-width:min(8*(var(--sjs-base-unit, var(--base-unit, 8px))),100%);margin-left:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow-x:auto}.svc-question__content .sd-composite .sd-question__content{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.svc-question__content--paneldynamic .sd-question__content{padding-bottom:2px;margin-bottom:-2px;padding-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--paneldynamic .sd-paneldynamic__panels-container{padding-top:var(--sjs-base-unit, var(--base-unit, 8px));margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel{margin-top:0}.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty{padding-top:0;padding-bottom:0}.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder{padding-bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__top-actions{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:absolute;top:0;right:0;visibility:hidden}.svc-question__top-actions .sv-action-bar-item{margin:0;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));opacity:.5;height:24px}.svc-question__top-actions .sv-action-bar-item:hover,.svc-question__top-actions .sv-action-bar-item:focus{opacity:initial}.svc-question__top-actions .sv-action-bar-item .sv-action-bar-item__icon use{fill:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))}.svc-question__adorner--collapse-onhover.svc-hovered>.svc-question__content>.svc-question__drag-area>.svc-question__top-actions,.svc-question__adorner--collapse-onhover>.svc-question__content--selected>.svc-question__drag-area>.svc-question__top-actions,.svc-question__adorner--collapse-always>.svc-question__content>.svc-question__drag-area>.svc-question__top-actions{visibility:visible}.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected{box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15))}.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected .svc-question__content-actions{opacity:0}.sd-panel .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected{border-radius:0;border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6));box-shadow:none} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-question__dropdown-choices{margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__dropdown-choice--collapsed:nth-last-child(1){opacity:.25}.svc-question__dropdown-choice--collapsed:nth-last-child(2){opacity:.5}.svc-question__dropdown-choice--collapsed:nth-last-child(3){opacity:.75}.svc-question__content>.svc-question__dropdown-choices--wrapper{width:calc(100% + 8*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow-x:auto;margin:0 calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content>.svc-question__dropdown-choices--wrapper>div{width:calc(100% - 8*(var(--sjs-base-unit, var(--base-unit, 8px))));display:inline-block;min-width:calc(15*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content>.svc-question__dropdown-choices--wrapper .svc-action-button{margin-left:calc(6.75*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-top:var(--sjs-base-unit, var(--base-unit, 8px));cursor:pointer} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-image-question-controls{position:absolute;top:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));right:var(--sjs-base-unit, var(--base-unit, 8px));display:none}.svc-question__content--selected .svc-image-question-controls{display:flex}.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty){padding-left:0;padding-right:0}.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image{border-radius:0}.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions{padding-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% - 2.5*var(--sjs-base-unit, var(--base-unit, 8px)));box-sizing:border-box}.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions>.sv-action-bar{width:calc(100% - calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content--image.svc-question__content--empty .sd-file,.svc-question__content--image.svc-question__content--empty sv-ng-file-question{width:100%}.svc-question__content--image.svc-question__content--empty .sd-question--image{display:none}.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon{display:none}@container (max-width: 176px){.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon{display:block}}.svc-question__content--loading .sd-image{display:none}.svc-image-question__loading-placeholder{position:relative;background-color:var(--sjs-general-backcolor, var(--background, #fff));width:100%;height:calc(27.5*(var(--sjs-base-unit, var(--base-unit, 8px))));border:1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)))}.svc-image-question__loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-rating-question-controls{position:absolute}.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls{display:flex}.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls{display:flex}.svc-rating-question-controls.svc-rating-question-controls--labels-top{margin-top:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-rating{margin-inline-start:calc(9*(var(--sjs-base-unit, var(--base-unit, 8px))));max-width:calc(100% - 9*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-question__content .sd-rating.sd-rating--wrappable fieldset{min-width:0}.svc-question__content .sd-rating .sd-rating__item-text{max-width:100%}.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within{white-space:nowrap}.svc-question__content .sd-rating .sd-rating__item-text::after{display:none}.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor{text-overflow:ellipsis;overflow:hidden}.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within{text-overflow:initial}.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text{top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text{top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset{padding-bottom:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text{bottom:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text{bottom:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset{padding-bottom:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text{top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text{bottom:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-question--table .sd-rating{margin-inline-start:0;width:fit-content;margin:auto;max-width:fit-content}.svc-question__content .svc-rating-question-controls{display:flex;width:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:auto;justify-content:flex-start}.svc-question__content .sd-rating__item--fixed-size:focus-within{width:unset;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__content .svc-rating-question-content .sd-question__content{overflow-x:visible}.svc-creator--mobile .svc-rating-question-content{position:relative}.svc-creator--mobile .svc-rating-question-controls{position:absolute;top:0}.svc-creator--mobile .svc-question__content .sd-rating{margin-inline-start:0;width:100%;max-width:100%}.svc-creator--mobile .svc-question__content legend+.sd-rating__item,.svc-creator--mobile .svc-question__content legend+sv-ng-rating-item+.sd-rating__item,.svc-creator--mobile .svc-question__content legend+.sd-rating__item-smiley,.svc-creator--mobile .svc-question__content legend+sv-ng-rating-item-smiley+.sd-rating__item-smiley{margin-inline-start:calc(9*var(--sjs-base-unit, var(--base-unit, 8px)) + 2px)}.svc-creator--mobile .svc-question__content legend+.sd-rating__item-text,.svc-creator--mobile .svc-question__content legend+.sd-rating__item-star,.svc-creator--mobile .svc-question__content legend+sv-ng-rating-item-star+.sd-rating__item-star{margin-inline-start:calc(9*var(--sjs-base-unit, var(--base-unit, 8px)))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-item-value-wrapper{position:relative;display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px));align-items:center;margin-left:calc(-5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question__dropdown-choice .svc-item-value-wrapper,.sd-selectbase .svc-item-value-wrapper{align-items:flex-start}.svc-question__dropdown-choice .svc-item-value__item,.sd-selectbase .svc-item-value__item{padding-right:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content .sd-selectbase__column{margin-left:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));min-width:initial}.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,.svc-question__content .sd-selectbase__column:first-of-type,.svc-question__content .sd-imagepicker__column{margin-left:0}.svc-question__content .sd-selectbase__column:not(:last-child){padding-right:0}.svc-item-value--dragging{background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.svc-item-value-controls{display:flex;margin:var(--sjs-base-unit, var(--base-unit, 8px)) 0;height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;flex-shrink:0;min-width:72px;justify-content:flex-end;align-self:flex-start}.svc-item-value-controls__button{border-radius:50%;padding:var(--sjs-base-unit, var(--base-unit, 8px));cursor:pointer;display:inline-block;outline:none;height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box;transition:background var(--sjs-creator-transition-duration, 150ms),background-color var(--sjs-creator-transition-duration, 150ms)}.svc-item-value-controls__button .sv-svg-icon{display:block}.svc-item-value-controls__button>span{display:block}.svc-item-value-controls__drag-icon{display:block;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon{opacity:1}.svc-item-value-controls__drag{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));cursor:move;opacity:.25}.svc-item-value-controls__drag .svc-item-value-controls__drag-icon{opacity:0}.svc-item-value-controls__drag use{fill:var(--ctr-survey-item-actionbar-drag-indicator-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-item-value-controls__button--disabled{fill:var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));opacity:.25;cursor:default}.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use{fill:var(--ctr-survey-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use{fill:var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover,.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus{background-color:var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))))}.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover,.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus{background-color:var(--ctr-survey-action-button-background-color-hovered-negative, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))))}.sv-string-editor{cursor:text}.svc-item-value--new .svc-item-value__item .sd-item__control-label,.svc-item-value--new .svc-item-value__item .sv-ranking-item__text{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-item-value--new .svc-item-value__item .sd-item__decorator{opacity:.35}.svc-item-value--new .sv-ranking-item__index{background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-item-value--new .sv-ranking-item__index svg{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.sv-ranking .svc-item-value-wrapper{align-items:center}.sv-ranking .svc-item-value__item{padding-right:0;flex-grow:1}.svc-question__content .svc-item-value__item .sv-ranking-item__text{flex-grow:1;width:0;max-width:fit-content}.svc-item-value__item .sv-ranking-item__content{padding-left:0}.svc-item-value__item .sv-ranking-item__icon-container{display:none}.svc-item-value__item .sv-ranking-item__text{overflow:visible}.svc-item-value__item .svc-string-editor{width:100%;display:inline-block}.svc-item-value__item .sv-string-editor{text-overflow:ellipsis;overflow:hidden}.sv-drag-drop-choices-shortcut .sv-ranking-item__text{overflow:hidden}.svc-item-value--ghost{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-item-value--ghost .svc-item-value__ghost{display:block}.svc-item-value--ghost .svc-item-value-controls{visibility:hidden}.svc-item-value--ghost .svc-item-value__item{display:none}.svc-item-value--ghost .sv-string-viewer,.svc-item-value--ghost .sv-string-editor{white-space:unset}.svc-item-value--movedown{transform:translate(0, 0);animation:svdragdropmovedown .1s;animation-timing-function:ease-in-out}@keyframes svdragdropmovedown{0%{transform:translate(0, -50px)}100%{transform:translate(0, 0)}}.svc-item-value--moveup{transform:translate(0, 0);animation:svdragdropmoveup .1s;animation-timing-function:ease-in-out}@keyframes svdragdropmoveup{0%{transform:translate(0, 50px)}100%{transform:translate(0, 0)}}.svc-item-value__ghost{display:none;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(25*(var(--sjs-base-unit, var(--base-unit, 8px))));height:40px;z-index:11;position:absolute;left:35px}.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls{min-width:initial}.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls{min-width:64px}.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag{padding-right:0}.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon{opacity:1}.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper{margin-left:calc(-3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon{opacity:1}.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper{margin-left:calc(-6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag{padding-left:0;padding-right:0} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-image-item-value-wrapper{display:inline-block;position:relative}.svc-image-item-value--new{display:none;height:max-content}.svc-image-item-value--new .sd-imagepicker__image{box-sizing:border-box;border:1px dashed var(--sjs-border-default, var(--border, #d6d6d6))}.svc-image-item-value--file-dragging .sd-imagepicker__image{border:2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.svc-image-item-value--file-dragging .svc-image-item-value__item{position:relative;z-index:2}.svc-question__content--selected .svc-image-item-value--new{display:inline-block}.svc-image-item-value-controls{position:absolute;top:var(--sjs-base-unit, var(--base-unit, 8px));right:var(--sjs-base-unit, var(--base-unit, 8px));z-index:2}.svc-image-item-value--new .svc-image-item-value-controls{top:calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));left:calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)))}.svc-image-item-value--new .svc-image-item-value-controls__button{background-color:rgba(0,0,0,0);transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-image-item-value-controls__add{background-color:rgba(0,0,0,0);transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-image-item-value-controls__add use{fill:var(--sjs-primary-backcolor, var(--primary, #19b394));transition:fill var(--sjs-creator-transition-duration, 150ms)}.svc-image-item-value-controls__add:hover,.svc-image-item-value-controls__add:focus{background-color:var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))}.svc-choose-file-input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item{width:100%}.svc-image-item-value-controls__drag-area-indicator{display:none;cursor:move;position:absolute;top:var(--sjs-base-unit, var(--base-unit, 8px));left:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator{display:block}.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost{display:block}.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content{display:none}.svc-image-item-value-wrapper__ghost{display:none;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.svc-image-item-value--single{width:100%}.svc-image-item-value--single .sd-imagepicker__image{height:calc(30*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-image-item-value__loading{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-matrix-cell{position:relative}.svc-question__adorner .sd-table .sd-table__cell--column-title{padding:0 var(--sjs-base-unit, var(--base-unit, 8px))}.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell{padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}.svc-matrix-cell--selected{position:absolute;border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));top:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));left:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));bottom:calc(0*(var(--sjs-base-unit, var(--base-unit, 8px))));display:none}.svc-matrix-cell--selected.svc-visible{display:block}.svc-hovered>.svc-matrix-cell--selected:not(.svc-visible){border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:block}.svc-matrix-cell__question-controls{opacity:0;position:absolute;top:calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));left:calc(50% - 3*var(--sjs-base-unit, var(--base-unit, 8px)));z-index:2;transition:opacity var(--sjs-creator-transition-duration, 150ms)}.svc-matrix-cell__question-controls-button{display:block;width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));background:var(--sjs-general-backcolor, var(--background, #fff));border:1px solid var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:border-box;border-radius:50%;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:pointer}.svc-matrix-cell__question-controls-button use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-matrix-cell:hover .svc-matrix-cell__question-controls{opacity:1}.svc-question__content--in-popup{min-width:calc(70*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-matrix-cell__popup .sv-popup__scrolling-content{margin-top:var(--sjs-base-unit, var(--base-unit, 8px));padding-top:0}.svc-matrix-cell__popup .svc-question__content{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.svc-question__content .sd-table__cell--detail-panel{padding-left:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svd-test-results{border-radius:4px;box-shadow:inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));padding:calc(12*var(--sjs-base-unit, var(--base-unit, 8px)))}.svd-test-results .svd-test-results__header{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));display:flex;justify-content:space-between;align-items:center;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));border-bottom:2px solid var(--sjs-border-light, var(--border-light, #eaeaea));background-color:var(--sjs-general-backcolor, var(--background, #fff))}.svd-test-results .svd-test-results__header .svd-test-results__header-text{margin:0}.svd-test-results .svd-test-results__header .svd-test-results__header-types{display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px))}.svd-test-results .svd-test-results__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));display:flex;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% - 6*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow:auto;user-select:text;white-space:pre-wrap;background-color:var(--sjs-general-backcolor, var(--background, #fff))}.svd-test-results .svd-test-results__table{background-color:var(--sjs-general-backcolor, var(--background, #fff));width:100%;box-shadow:0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15))}.svd-test-results .svd-test-results__table table{width:100%;border-collapse:collapse}.svd-test-results .svd-test-results__table table .svd-test-results__marker{position:absolute;top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon{transition:transform .2s ease-in-out}.svd-test-results .svd-test-results__table table .svd-test-results__marker .sv-svg-icon use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svd-test-results .svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon{transform-origin:center;transform:rotate(90deg)}.svd-test-results .svd-test-results__table table th{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;padding:var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));text-align:left;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svd-test-results .svd-test-results__table table th:nth-child(1){padding-left:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svd-test-results .svd-test-results__table table td{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));padding:var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px));max-width:calc(50*(var(--sjs-base-unit, var(--base-unit, 8px))));overflow:auto;border-top:2px solid var(--sjs-border-light, var(--border-light, #eaeaea));user-select:text}.svd-test-results .svd-test-results__table table td:nth-child(1){--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;position:relative;width:50%}.svd-test-results .svd-test-results__table table td:nth-child(2){width:50%;padding-right:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svd-test-results .svd-test-results__table table .survey-result-value{word-break:break-all}.svd-test-results .svd-test-results__table table tr{vertical-align:top}.svd-test-results .svd-test-results__table table tr .svd-test-results__node-value{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-designer-header .sd-container-modern__title{gap:0;column-gap:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logo-image{position:relative;justify-content:flex-end;align-items:center;display:flex;padding:0;cursor:pointer;max-width:50%}.svc-logo-image .sd-logo__image{max-width:100%}.svc-logo-image .svc-image-item-value-controls{display:block;top:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));right:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logo-image__loading{width:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;margin-right:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logo-image-placeholder{font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-large-size, 32px);font-style:normal;font-weight:400;line-height:var(--ctr-font-large-line-height, 40px);color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));opacity:.25;white-space:nowrap;word-break:keep-all;padding:0;width:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;justify-content:center;align-items:center;margin-right:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-radius:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));transition:background-color var(--sjs-creator-transition-duration, 150ms),opacity var(--sjs-creator-transition-duration, 150ms)}.svc-logo-image-placeholder:hover{background-color:var(--ctr-survey-header-logo-placeholder-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));opacity:unset}.svc-logo-image-placeholder:hover use{fill:var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-logo-image-placeholder svg{width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-logo-image-placeholder use{transition:fill var(--sjs-creator-transition-duration, 150ms);fill:var(--ctr-survey-header-logo-placeholder-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-logo-image-container{position:relative}.svc-logo-image-container .sd-logo{margin:0}.svc-logo-image-controls{opacity:0;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.svc-logo-image-container{cursor:default}.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls{display:none}.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,.svc-logo-image-container--editable:hover .svc-logo-image-controls{opacity:1} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-link__button{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600}.svc-question-link__set-button{cursor:pointer}.svc-link-value-button{margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-question-link__clear-button{color:var(--sjs-special-red, var(--red, #e60a3e));cursor:pointer}.svc-question-link__clear-button:focus,.svc-question-link__clear-button:hover{background-color:var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-property-panel__item{margin:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;width:100%} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-property-panel__group{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border:none;outline:none;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));cursor:pointer;text-align:left;background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-property-panel__group:disabled,.svc-property-panel__group:disabled:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff));color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25;cursor:default}.svc-property-panel__group:hover{background-color:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));font-weight:400}.svc-property-panel__group--active,.svc-property-panel__group--active:hover{color:var(--sjs-general-forecolor, var(--foreground, #161616));font-weight:600;background-color:var(--sjs-general-backcolor, var(--background, #fff))}.svc-property-grid-placeholder{display:flex;padding:var(--ctr-property-grid-placeholder-padding-top, 96px) var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px) var(--ctr-property-grid-placeholder-padding-left, 48px);flex-direction:column;align-items:center;gap:var(--ctr-property-grid-placeholder-image-margin-top, 24px);flex:1 0 0;align-self:stretch;background:var(--ctr-property-grid-form-background-color, #f3f3f3)}.svc-property-grid-placeholder__header{display:flex;max-width:256px;flex-direction:column;justify-content:center;align-items:center;gap:var(--ctr-property-grid-placeholder-text-gap, 8px);width:100%}.svc-property-grid-placeholder__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));text-align:center;display:inline-block}.svc-property-grid-placeholder__description{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));color:var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));text-align:center;display:inline-block}.svc-property-grid-placeholder__content{display:flex;justify-content:center;align-items:flex-start;width:100%}.svc-property-grid-placeholder__gap{max-width:192px;flex:1 0 0;width:100%}.svc-property-grid-placeholder__image{display:flex;max-width:192px;justify-content:center;align-items:center;flex:1 0 0;background:url(data:image/png;base64,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) 50%/contain no-repeat;width:100%;overflow:hidden;height:86px}[dir=rtl] .svc-property-grid-placeholder__image,[style*="direction:rtl"] .svc-property-grid-placeholder__image,[style*="direction: rtl"] .svc-property-grid-placeholder__image,.svc-creator__side-bar--left .svc-property-grid-placeholder__image{transform:rotateY(180deg)}.svc-creator__side-bar--left .svc-property-grid-placeholder__content{flex-direction:row-reverse} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-tabbed-menu-item{padding:var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px);box-sizing:border-box;cursor:pointer;transition:box-shadow var(--sjs-creator-transition-duration, 150ms),background-color var(--sjs-creator-transition-duration, 150ms)}.svc-tabbed-menu-item:hover,.svc-tabbed-menu-item:focus{background-color:var(--ctr-menu-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));box-shadow:inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));outline:none}.svc-tabbed-menu-item--icon{padding-right:var(--ctr-menu-item-padding-right-icon, 16px);padding-left:var(--ctr-menu-item-padding-left-icon, 16px);display:flex;align-items:center}.svc-tabbed-menu-item--selected{background:var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-tabbed-menu-item--selected:hover,.svc-tabbed-menu-item--selected:focus{background:var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-tabbed-menu-item--disabled{cursor:default;opacity:var(--ctr-menu-item-opacity-disabled, 0.25)}.svc-tabbed-menu-item--disabled:hover{background-color:var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-tabbed-menu-item--hidden{visibility:hidden}.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));white-space:nowrap;display:block;color:var(--ctr-menu-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600}.svc-tabbed-menu-item__icon{width:var(--ctr-menu-item-icon-width, 24px);height:var(--ctr-menu-item-icon-height, 24px);fill:var(--ctr-menu-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-tabbed-menu-item-container .sv-dots__item{width:auto}.svc-tabbed-menu-item-container .sv-list__item-icon{display:none}.svc-tabbed-menu-item-container .sv-list__item--with-icon.sv-list__item--with-icon>.sv-list__item-body{padding-block:var(--sjs-base-unit, var(--base-unit, 8px))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-tabbed-menu{display:flex;white-space:nowrap;overflow:hidden;align-items:center}.svc-tabbed-menu-wrapper{flex:1 1 auto;overflow:hidden} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-toolbox__item{display:flex;position:relative;align-items:center;z-index:20;outline:none;padding-top:var(--ctr-toolbox-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));padding-bottom:var(--ctr-toolbox-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));padding-inline-end:var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-start:var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));border-radius:var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}.svc-toolbox__item-icon{display:block;height:var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));width:var(--ctr-toolbox-item-icon-width, unset);pointer-events:none}.svc-toolbox__tool{cursor:default;align-items:var(--ctr-toolbox-item-align, flex-start);align-self:var(--ctr-toolbox-item-align, flex-start)}.svc-toolbox__tool:first-of-type>.svc-toolbox__tool-content{padding-block-start:0}.svc-toolbox__tool:first-of-type>.svc-toolbox__tool-content .svc-toolbox__item-banner{top:50%}.svc-toolbox__tool-content{display:flex;padding-block-start:var(--ctr-toolbox-group-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));flex-direction:column;align-items:var(--ctr-toolbox-item-align, flex-start);position:relative}.svc-toolbox__item--has-subitems{padding-inline-end:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-toolbox__tool--has-subitems{align-items:var(--ctr-toolbox-item-align, flex-start);align-self:var(--ctr-toolbox-item-align, flex-start)}.svc-toolbox__item-container{display:flex;outline:none}.svc-toolbox__item-container use{fill:var(--ctr-toolbox-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-toolbox__item-banner{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;opacity:0;box-sizing:border-box;align-items:center;margin-inline-end:0;inset-inline-start:var(--ctr-toolbox-item-banner-left, 0);max-width:calc(100*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:var(--ctr-tooltip-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-end:var(--ctr-tooltip-padding-right, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-bottom:var(--ctr-tooltip-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-start:var(--ctr-tooltip-padding-left, calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));margin-inline-end:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap;color:var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));transition:opacity var(--sjs-creator-transition-duration, 150ms);background-color:var(--sjs-general-backcolor, var(--background, #fff));border-radius:var(--ctr-tooltip-corder-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));box-shadow:var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);background-color:var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));overflow:visible;position:absolute;z-index:200;top:calc(50% + var(--ctr-toolbox-group-gap, 4px)/2);transform:translate(0, -50%);pointer-events:none}.svc-toolbox__item-banner .svc-toolbox__item-icon{position:absolute;display:var(--ctr-toolbox-item-banner-icon-display, block);inset-inline-start:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-toolbox__item-banner:after{content:" ";display:var(--ctr-toolbox-item-banner-beak-display, none);width:0;height:0;border:calc(0.35*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border-top-color:rgba(0,0,0,0);border-inline-end-color:rgba(0,0,0,0);box-shadow:var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)),var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);align-self:center;position:absolute;inset-inline-end:100%;top:50%;transform:translate(3px, -3px) rotate(45deg);clip-path:polygon(-100% -100%, -100% 200%, 200% 200%)}.svc-toolbox__item-banner .sv-svg-icon use{fill:var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-toolbox__item-title{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;display:block;padding-inline-start:var(--sjs-base-unit, var(--base-unit, 8px));padding-inline-end:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:nowrap;color:var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-toolbox__tool:hover .svc-toolbox__item-banner,.svc-toolbox__tool:focus-within .svc-toolbox__item-banner{display:var(--ctr-toolbox-item-banner-display, flex);opacity:1;pointer-events:initial}.svc-toolbox__item-submenu-button{background:var(--ctr-toolbox-item-submenu-button-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-toolbox__item-submenu-button:hover{background:var(--ctr-toolbox-item-submenu-button-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-toolbox__tool--disabled{pointer-events:none}.svc-toolbox__tool--disabled use{opacity:var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);fill:var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91))}.svc-toolbox__tool--disabled .svc-toolbox__item-title{opacity:var(--ctr-toolbox-item-text-opacity-disabled, 0.25)}.svc-toolbox__item:focus,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item,.svc-toolbox__item:hover{overflow:visible;background-color:var(--ctr-toolbox-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);transition:.1s ease-in-out}.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:focus,.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item,.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:hover,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:focus,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:hover,.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:focus,.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item,.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:hover{background-color:rgba(0,0,0,0);box-shadow:none}.svc-toolbox__item:focus .svc-toolbox__item-title,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item .svc-toolbox__item-title,.svc-toolbox__item:hover .svc-toolbox__item-title{color:var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-toolbox__item:focus .sv-svg-icon use,.svc-toolbox__tool--has-subitems:hover>.svc-toolbox__tool-content>.svc-toolbox__item .sv-svg-icon use,.svc-toolbox__item:hover .sv-svg-icon use{fill:var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-toolbox__tool .sv-dots__item:hover:enabled,.svc-toolbox__tool .sv-dots__item:focus:enabled,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed{background-color:var(--ctr-toolbox-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));border-radius:var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));box-shadow:none}.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use{fill:var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-toolbox__item-submenu-button{position:absolute;inset-inline-end:var(--ctr-toolbox-item-submenu-button-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));top:var(--ctr-toolbox-item-submenu-button-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));display:inline-flex;padding:var(--ctr-toolbox-item-submenu-button-padding-top, 4px) var(--ctr-toolbox-item-submenu-button-padding-right, 4px) var(--ctr-toolbox-item-submenu-button-padding-bottom, 4px) var(--ctr-toolbox-item-submenu-button-padding-left, 4px);width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;align-items:center;border-radius:var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);z-index:40}.svc-toolbox__item-submenu-button svg{fill:var(--ctr-toolbox-item-submenu-button-icon-color, var(--sjs-layer-1-foreground-50, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))))}.svc-toolbox-popup .sv-list__item:first-of-type .sv-list__item-separator{display:none}.svc-toolbox-popup .sv-list__item .sv-list__item-body{padding-top:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-start:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-inline-end:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item{background:var(--ctr-toolbox-item-background-color-pressed, inherit);box-shadow:var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px) var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px) var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0))}.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item-title{color:var(--ctr-toolbox-item-text-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:var(--ctr-toolbox-item-text-opacity-pressed, 0.5)}.svc-toolbox__tool.svc-toolbox__tool--pressed .sv-svg-icon use{fill:var(--ctr-toolbox-item-icon-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:var(--ctr-toolbox-item-icon-opacity-pressed, 0.5)}.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype{opacity:unset}.svc-toolbox-subtypes .sv-popup__container{--toolbox-item-padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));margin-top:calc(0px - var(--ctr-toolbox-submenu-group-margin-top, 0px) - var(--ctr-toolbox-item-padding-top, var(--toolbox-item-padding-top)));padding:0;padding-inline-start:var(--ctr-toolbox-submenu-offset, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));box-shadow:unset;background:unset}.svc-toolbox-subtypes .sv-list__container{flex-wrap:wrap;column-gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-toolbox-subtypes .sv-popup__body-content{border-radius:var(--ctr-toolbox-submenu-corner-radius, var(--sjs-base-unit, var(--base-unit, 8px)));box-shadow:var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px) var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px) var(--ctr-toolbox-submenu-shadow-1-color, transparent),var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px) var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px) var(--ctr-toolbox-submenu-shadow-2-color, transparent);background:var(--ctr-toolbox-submenu-background-color, unset);padding:0}.svc-toolbox-subtypes .sv-popup__scrolling-content{padding-top:calc(var(--ctr-toolbox-submenu-group-margin-top, 0px));padding-inline-end:var(--ctr-toolbox-submenu-group-margin-right, 0px);padding-bottom:var(--ctr-toolbox-submenu-group-margin-bottom-last, 0px);padding-inline-start:var(--ctr-toolbox-submenu-group-margin-left, 0px);overflow:visible}.svc-toolbox-subtypes .sv-list__item:hover>.sv-list__item-body,.svc-toolbox-subtypes .sv-list__item:focus>.sv-list__item-body{background-color:unset}.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype{opacity:var(--ctr-toolbox-item-opacity-submenu, 0.85);overflow:hidden;border-radius:var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));background:var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-2-background-500, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));box-shadow:var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)),var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));transition:.1s ease-in-out;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));align-self:flex-start;min-width:var(--ctr-toolbox-submenu-item-min-width, initial);box-sizing:border-box}.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title{color:var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, rgba(0, 0, 0, 0.9098039216)))}.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype{background:var(--ctr-toolbox-item-background-color-hovered, var(--sjs-layer-1-background-500, var(--sjs-general-backcolor, var(--background, #fff))));opacity:unset}.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title{color:var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, var(--sjs-general-forecolor, var(--foreground, #161616))))}.svc-toolbox-subtypes .svc-toolbox__item-title{padding:0}.svc-toolbox__tool--dots{align-self:flex-start}.svc-toolbox__item--dots{padding-inline-end:var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));margin-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-toolbox--compact .svc-toolbox__item-submenu-button{display:none}.svc-toolbox--compact .svc-toolbox__tool{padding:0px var(--ctr-toolbox-item-margin-horizontal-no-text, 0px);align-self:flex-start;pointer-events:all}.svc-toolbox--compact .svc-toolbox__search-button{padding-inline-start:var(--ctr-toolbox-item-margin-horizontal-no-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}.svc-toolbox--compact .svc-toolbox__item{padding-inline-start:var(--ctr-toolbox-item-padding-left-no-text, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-end:var(--ctr-toolbox-item-padding-right-no-text, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));box-sizing:border-box;align-self:flex-start} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}svc-toolbox{display:flex;flex-direction:column;position:absolute}.svc-toolbox{--toolbox-width: var(--ctr-toolbox-min-width, 224.984375px /*calcSize(28)*/);--toolbox-width-compact: var(--ctr-toolbox-width-compact, calc(9 *var(--sjs-base-unit, var(--base-unit, 8px))));width:auto;height:100%;display:flex;flex-direction:column}.svc-toolbox .spg-search-editor_container{background:var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));padding-top:var(--ctr-toolbox-search-padding-top, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-end:var(--ctr-toolbox-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-bottom:var(--ctr-toolbox-search-padding-bottom, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-start:var(--ctr-toolbox-search-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));width:unset;flex-grow:1;border-bottom:none}.svc-toolbox .spg-search-editor_input{width:0;flex-grow:1}.svc-toolbox .spg-search-editor_toolbar-counter{display:none}.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled{background-color:var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));border-radius:100px}.svc-toolbox .spg-search-editor_bar-item.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled svg use{fill:var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-special-red, var(--red, #e60a3e)))}.svc-toolbox__panel{position:relative;flex-grow:1;flex-shrink:1;height:0;display:flex;flex-direction:column;border-inline-end:var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);background:var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));width:var(--toolbox-width)}.svc-toolbox__scroll-wrapper{position:relative;flex-grow:1;flex-shrink:1;height:0;display:flex;flex-direction:column}.svc-toolbox__scroller{padding:var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));box-sizing:border-box;flex-grow:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:var(--ctr-toolbox-scroller-align-items, flex-end);-ms-overflow-style:none;scrollbar-width:none}.svc-toolbox__scroller::-webkit-scrollbar{display:none}.svc-toolbox__scrollbar{position:absolute;top:0;bottom:0;inset-inline-end:var(--ctr-toolbox-scrollbar-right, initial);inset-inline-start:var(--ctr-toolbox-scrollbar-left, 0);overflow-y:scroll;overflow-x:hidden;width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-inline-start:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));display:none;z-index:30;padding:var(--ctr-toolbox-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0}@-moz-document url-prefix(){.svc-toolbox__scrollbar{scrollbar-width:thin;scrollbar-color:var(--sjs-border-default, var(--border, #d6d6d6)) rgba(0,0,0,0)}}.svc-toolbox:hover .svc-toolbox__scrollbar{display:block}.svc-side-bar .svc-toolbox__scroller{direction:initial}.svc-toolbox--scrollable{--toolbox-width: var(--ctr-toolbox-min-width, 236.984375px)}.svc-toolbox--compact{margin-inline-end:var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))))}.svc-toolbox--compact .svc-toolbox__panel{overflow:visible;width:var(--toolbox-width-compact)}.svc-toolbox--compact .svc-toolbox__scroller{width:100vw;padding:var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));pointer-events:none}.svc-toolbox--compact .spg-search-editor_container{opacity:0;position:absolute}.svc-toolbox--compact .svc-toolbox__search-container{padding-top:var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-start:var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-end:var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-bottom:calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px))}.svc-toolbox--compact .svc-toolbox__category-separator{margin-top:calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));width:var(--ctr-toolbox-separator-width-compact, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));margin-inline-end:calc(var(--ctr-toolbox-separator-padding-right-compact, 16px) - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 0px));margin-inline-start:calc(var(--ctr-toolbox-separator-padding-left-compact, 16px) - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 0px))}.svc-toolbox__tool.svc-toolbox__search-button{z-index:20;justify-content:center;align-items:center;width:fit-content}.svc-toolbox--flyout{--toolbox-width: var(--ctr-toolbox-min-width, calc(32 *var(--sjs-base-unit, var(--base-unit, 8px))));margin-inline-end:var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:visible;max-width:var(--ctr-toolbox-width-compact, calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:visible;width:var(--toolbox-width-compact);max-width:var(--ctr-toolbox-width-compact, calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:visible;border-inline-end:var(--ctr-toolbox-border-width-right, 0px) solid rgba(0,0,0,0)}.svc-toolbox--flyout .spg-search-editor_container{opacity:1;position:relative}.svc-toolbox--flyout .svc-toolbox__panel{z-index:200;width:var(--ctr-toolbox-min-width, calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px)))));position:relative;box-shadow:var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px) var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px) var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.1)),var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px) var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px) var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.1));transition:box-shadow var(--sjs-creator-transition-duration, 150ms)}.svc-toolbox--searchable .svc-toolbox__search-container{display:flex}.svc-toolbox__container{width:100%}.svc-toolbox__search-container{position:sticky;top:0;display:none;flex-direction:column;box-sizing:border-box;background:var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));border-bottom:var(--ctr-toolbox-search-border-width-bottom, 1px) solid rgba(0,0,0,0)}.svc-toolbox__search-container svg{pointer-events:none}.svc-toolbox__category{display:flex;flex-direction:column;align-items:flex-start}.svc-toolbox__category-separator{height:1px;width:var(--ctr-toolbox-separator-width, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));background-color:var(--ctr-toolbox-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));margin:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}.svc-toolbox__category-separator--search{position:absolute;bottom:0;margin-bottom:-1px;min-height:1px;width:var(--toolbox-width);align-self:center;margin-left:auto;margin-right:auto}.svc-toolbox--no-separators .svc-toolbox__category-separator{display:none}.svc-toolbox--no-separators .svc-toolbox__category-separator--search{display:block}.svc-toolbox__category-header-wrapper{padding:var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px) var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);margin-inline-start:calc(0px - var(--ctr-toolbox-group-padding-left, 0px));margin-inline-end:calc(0px - var(--ctr-toolbox-group-padding-right, 0px));align-self:stretch}.svc-toolbox__category-header{height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-top:var(--ctr-toolbox-group-header-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-end:var(--ctr-toolbox-group-header-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-bottom:var(--ctr-toolbox-group-header-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));padding-inline-start:var(--ctr-toolbox-group-header-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));border-bottom:1px solid var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:border-box;width:100%;min-width:calc(20*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative}.svc-toolbox__category-header--collapsed{cursor:pointer}.svc-toolbox__category-title{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;color:var(--sjs-general-forecolor, var(--foreground, #161616));vertical-align:middle;display:block}.svc-toolbox__category-header__controls{position:absolute;inset-inline-end:var(--sjs-base-unit, var(--base-unit, 8px));top:var(--ctr-category-header-controls-top, var(--sjs-base-unit, var(--base-unit, 8px)));display:none}.svc-toolbox__category-header__button{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls{display:block}.svc-toolbox__category--collapsed .svc-toolbox__tool{height:0;visibility:hidden}.svc-toolbox__category--empty{height:0;visibility:hidden}.svc-toolbox__placeholder{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));padding-top:calc(12*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-inline-start:auto;margin-inline-end:auto;color:var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-creator__toolbox--right .svc-toolbox,[dir=rtl] .svc-toolbox,[style*="direction:rtl"] .svc-toolbox,[style*="direction: rtl"] .svc-toolbox{direction:rtl}.svc-creator__toolbox--right .svc-toolbox__item-banner:after,[dir=rtl] .svc-toolbox__item-banner:after,[style*="direction:rtl"] .svc-toolbox__item-banner:after,[style*="direction: rtl"] .svc-toolbox__item-banner:after{transform:translate(-2px, -2px) rotate(90deg)}.svc-creator__toolbox--right .svc-toolbox__item-submenu-button svg,[dir=rtl] .svc-toolbox__item-submenu-button svg,[style*="direction:rtl"] .svc-toolbox__item-submenu-button svg,[style*="direction: rtl"] .svc-toolbox__item-submenu-button svg{transform:rotate(180deg)}.svc-creator__toolbox--right .sv-popup__body-content,.svc-creator__toolbox--right .spg-search-editor_container{direction:initial} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}@keyframes toolboxFadeIn{from{opacity:0}to{opacity:1}}@keyframes toolboxMoveIn{from{width:var(--toolbox-width-compact);overflow:hidden}to{width:var(--toolbox-width);overflow:hidden}}@keyframes toolboxSeparatorSearchMoveIn{from{width:var(--ctr-toolbox-separator-width-compact, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:hidden}to{width:var(--toolbox-width);overflow:hidden}}@keyframes toolboxSeparatorMoveIn{from{width:var(--ctr-toolbox-separator-width-compact, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:hidden}to{width:var(--ctr-toolbox-separator-width, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));overflow:hidden}}.svc-toolbox__panel--enter,.svc-toolbox__panel--leave{animation-fill-mode:forwards;animation-duration:var(--move-animation-duration),var(--animation-duration);animation-delay:var(--move-animation-delay),0s;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-name:toolboxMoveIn,empty;animation-fill-mode:forwards}.svc-toolbox__panel--enter .svc-toolbox__category-separator,.svc-toolbox__panel--leave .svc-toolbox__category-separator{animation-duration:var(--move-animation-duration);animation-delay:var(--move-animation-delay);animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-name:toolboxSeparatorMoveIn;animation-fill-mode:forwards}.svc-toolbox__panel--enter .svc-toolbox__category-separator--search,.svc-toolbox__panel--leave .svc-toolbox__category-separator--search{animation-name:toolboxSeparatorSearchMoveIn}.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,.svc-toolbox__panel--enter .svc-toolbox__item-title,.svc-toolbox__panel--enter .spg-search-editor_input,.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,.svc-toolbox__panel--leave .svc-toolbox__item-title,.svc-toolbox__panel--leave .spg-search-editor_input{animation-duration:var(--fade-animation-duration);animation-delay:var(--fade-animation-delay);animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-name:toolboxFadeIn;animation-fill-mode:forwards;opacity:0}.svc-toolbox__panel--enter{--fade-animation-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);--move-animation-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);--fade-animation-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);--move-animation-delay: 0s;--animation-direction: normal;--animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));--animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1)}.svc-toolbox__panel--leave{--fade-animation-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);--move-animation-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);--fade-animation-delay: 0s;--move-animation-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);--animation-direction: reverse;--animation-duration: 0s;--animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0)}.svc-toolbox--flyout-to-compact-running{width:var(--toolbox-width-compact);z-index:200;border-inline-end:var(--ctr-toolbox-border-width-right, 0px) solid rgba(0,0,0,0)}.svc-creator--disable-animations .svc-toolbox__panel--enter,.svc-creator--disable-animations .svc-toolbox__panel--leave{animation:none} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-side-bar__container{flex-direction:column;display:flex;position:relative;min-width:370px;width:450px;height:100%;border-inline-start:1px solid var(--ctr-property-grid-border-color, var(--sjs-border-default, var(--border, #d6d6d6)))}.svc-side-bar__wrapper{height:100%}.svc-side-bar__container .svc-resizer{width:3px;height:100%;position:absolute;z-index:1;top:0;background-color:rgba(0,0,0,0);cursor:e-resize}.svc-resizer-west{left:0}.svc-resizer-east{right:0}.svc-side-bar__container-header{background:var(--ctr-property-grid-header-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:inset 0px -2px 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;height:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-side-bar__container-content{display:flex;flex-direction:column;align-items:flex-start;height:calc(100% - 8*var(--sjs-base-unit, var(--base-unit, 8px)));overflow-y:auto;background-color:var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.svc-side-bar__container-container{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0px calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));box-shadow:inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6))}.svc-side-bar__container-title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));display:flex;line-height:calc(4.5*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-grow:1;flex-shrink:0;justify-content:flex-end;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-side-bar__container-actions{width:100%;box-sizing:border-box;padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px))}.svc-side-bar__container-actions .sv-action-bar{justify-content:flex-end;padding:0}.svc-side-bar__container-actions .sv-action-bar-item{transition:background-color var(--sjs-creator-transition-duration, 150ms)}.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus{background:var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover{background:var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-side-bar__container-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background:var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-side-bar__container-actions .sv-action-bar-item__title{color:var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.svc-side-bar__container-actions .sv-action-bar-item__icon use{fill:var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-flex-row.svc-side-bar__wrapper{width:auto;height:100%;background-color:rgba(0,0,0,0)}.svc-side-bar__container{background-color:var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-side-bar{height:100%}.svc-side-bar--flyout .svc-side-bar__shadow{background-color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));opacity:.75;position:absolute;top:0;bottom:0;inset-inline-end:0;inset-inline-start:0;z-index:900}.svc-side-bar--flyout .svc-side-bar__container-wrapper{border-left:none;z-index:1000;position:absolute;inset-inline-end:0;height:100%;max-width:100%}.svc-side-bar--flyout.svc-side-bar--side-area .svc-side-bar__container-wrapper{max-width:calc(100% - calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px)));inset-inline-end:calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px))}.svc-side-bar--flyout .svc-side-bar__container{display:flex;max-width:100%}.svc-side-bar--flyout .svc-sidebar-tabs{z-index:1000}.svc-side-bar--mobile .svc-side-bar__wrapper{position:absolute;width:100%;position:absolute;inset-inline-end:0;z-index:1000}.svc-side-bar--mobile .svc-side-bar__container-wrapper{position:static;flex-grow:1}.svc-side-bar--mobile .svc-side-bar__container{width:100%;min-width:100%;box-sizing:border-box}@keyframes flyoutSideBarShadowFadeIn{from{opacity:0}to{opacity:.75}}@keyframes sideBarMoveIn{from{width:0;overflow:hidden}to{width:var(--animation-width);overflow:hidden}}.svc-side-bar--enter,.svc-side-bar--leave{animation-fill-mode:forwards;animation-name:empty;animation-duration:var(--animation-duration)}.svc-side-bar--enter .svc-side-bar__container,.svc-side-bar--leave .svc-side-bar__container{max-width:var(--animation-width)}.svc-side-bar--enter{--animation-duration: var(--svc-side-bar-enter-duration, 500ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1)}.svc-side-bar--leave{--animation-duration: var(--svc-side-bar-leave-duration, 500ms);--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0)}.svc-side-bar--enter .svc-side-bar__container,.svc-side-bar--enter .svc-side-bar__container-wrapper,.svc-side-bar--leave .svc-side-bar__container,.svc-side-bar--leave .svc-side-bar__container-wrapper{animation-fill-mode:forwards;animation-duration:var(--animation-duration);animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function)}.svc-side-bar--enter .svc-side-bar__container-wrapper,.svc-side-bar--leave .svc-side-bar__container-wrapper{animation-name:sideBarMoveIn}.svc-side-bar--flyout.svc-side-bar--enter .svc-side-bar__shadow,.svc-side-bar--flyout.svc-side-bar--leave .svc-side-bar__shadow{animation-name:flyoutSideBarShadowFadeIn;animation-fill-mode:forwards;animation-duration:var(--animation-duration);animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function)}.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container,.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container,.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper{animation:none;min-width:var(--animation-width)}.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper{min-width:var(--animation-width)}.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__wrapper,.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__wrapper{animation-name:sideBarMoveIn;animation-fill-mode:forwards;animation-duration:var(--animation-duration);animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function)}.svc-creator--disable-animations .svc-side-bar--leave,.svc-creator--disable-animations .svc-side-bar--enter{animation:none}.sv-action--object-selector{max-width:70%}.sv-action--object-selector .sv-action-bar-item{flex-shrink:1;height:auto}.sv-action--object-selector .sv-action-bar-item__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));overflow:hidden;text-overflow:ellipsis}.svc-full-container.svc-creator__side-bar--left{flex-direction:row-reverse}.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper{flex-direction:row-reverse}.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar{flex-direction:row-reverse}.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector{justify-content:flex-start;flex:1;display:flex}[dir=rtl] .svd-grid-hide .sv-svg-icon,[dir=rtl] .svd-grid-expand .sv-svg-icon,[style*="direction:rtl"] .svd-grid-hide .sv-svg-icon,[style*="direction:rtl"] .svd-grid-expand .sv-svg-icon,[style*="direction: rtl"] .svd-grid-hide .sv-svg-icon,[style*="direction: rtl"] .svd-grid-expand .sv-svg-icon,.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon,.svc-full-container.svc-creator__side-bar--left .svd-grid-expand .sv-svg-icon{transform:rotate(180deg)}.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-wrapper,.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper{inset-inline-start:0;inset-inline-end:unset}.svc-full-container.svc-creator__side-bar--left .svc-side-bar--side-area .svc-side-bar__container-wrapper{inset-inline-start:calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px))}.svd-grid-hide{margin-inline-end:auto}.svc-side-bar .svc-toolbox{padding-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));width:100%} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-sidebar-tabs{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;border-inline-start:var(--ctr-property-grid-tabs-border-width, 1px) solid var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));background:var(--ctr-property-grid-tabs-background-color, #fff);box-sizing:border-box}.svc-sidebar-tabs__top-container{display:flex;padding:var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);flex-direction:column;justify-content:center;align-items:flex-end;gap:var(--ctr-property-grid-tabs-separator-margin, 12px)}.svc-sidebar-tabs__collapse-button{display:flex;align-items:center}[dir=rtl] .svc-sidebar-tabs__collapse-button .sv-svg-icon,[style*="direction:rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,[style*="direction: rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,.svc-creator__side-bar--left .svc-sidebar-tabs__collapse-button .sv-svg-icon{transform:rotateY(180deg)}.svc-sidebar-tabs__separator{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;margin-top:-1px}.svc-sidebar-tabs__separator>div{height:var(--ctr-separator-width, 1px);background:var(--ctr-separator-color, rgba(0, 0, 0, 0.16));width:100%}.svc-sidebar-tabs__items{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:var(--ctr-property-grid-tabs-gap, 12px)}.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected{display:flex;padding:var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);justify-content:center;align-items:center;gap:var(--ctr-menu-toolbar-button-gap, 8px);border-radius:var(--ctr-menu-toolbar-button-corner-radius, 4px);background:var(--ctr-menu-toolbar-button-background-color-selected, #fff)}.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected use{fill:var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-creator--mobile .svc-sidebar-tabs--collapsed{display:none}.svc-menu-action{display:flex;align-items:center}.svc-menu-action__icon-container{flex:1 0 0;align-self:stretch}.svc-sidebar-tabs__bottom-container{display:flex;padding:var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);flex-direction:column;justify-content:center;align-items:flex-end;gap:var(--ctr-property-grid-tabs-separator-margin, 12px)}.svc-sidebar__header.svc-sidebar__header--tabbed{display:flex;align-items:flex-start}.svc-sidebar__header-container{display:flex;padding:var(--ctr-property-grid-header-padding-top, 12px) var(--ctr-property-grid-header-padding-right, 16px) var(--ctr-property-grid-header-padding-bottom, 12px) var(--ctr-property-grid-header-padding-left, 16px);justify-content:center;align-items:center;flex:1 0 0;align-self:stretch;background:var(--ctr-property-grid-header-background-color, #fff);box-shadow:inset 0px calc(-1*var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));box-sizing:border-box;width:100%}.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle{padding:var(--ctr-property-grid-header-padding-top-with-subtitle, 6px) var(--ctr-property-grid-header-padding-right, 16px) var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px)}.svc-sidebar__header-container .svc-side-bar__container-title{justify-content:center}.svc-sidebar__header-content{display:flex;align-items:center}.svc-menu-action__button{display:flex;padding:var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);justify-content:center;align-items:center;gap:var(--ctr-menu-toolbar-button-gap, 8px);border-radius:var(--ctr-menu-toolbar-button-corner-radius, 4px);cursor:pointer}.svc-menu-action__button:hover,.svc-menu-action__button:focus,.svc-menu-action__button:focus-within{background:var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));outline:unset}.svc-menu-action__button.svc-menu-action__button--pressed{opacity:var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);background:var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3)}.svc-menu-action__button.svc-menu-action__button--with-subtitle{padding:var(--ctr-menu-toolbar-button-padding-top-with-description, 4px) var(--ctr-menu-toolbar-button-padding-right-with-description, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px)}.svc-menu-action__icon{display:flex;width:var(--ctr-menu-toolbar-button-icon-width, 24px);height:var(--ctr-menu-toolbar-button-icon-height, 24px);justify-content:center;align-items:center}.svc-menu-action__icon use{fill:var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-sidebar__header-caption{display:flex;flex-direction:column;justify-content:center;align-items:center}.svc-sidebar__header-title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));display:inline-block}.svc-sidebar__header-subtitle{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));color:var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));display:inline-block} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.spg-action-bar{display:flex;box-sizing:content-box;padding-right:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));position:relative;align-items:center;margin-left:auto;overflow:hidden;white-space:nowrap}.spg-action-bar .sv-action:not(.sv-action--hidden):not(:last-of-type)>.sv-action__content{padding-right:0}.spg-action-button{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box;border:none;color:var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));border-radius:calc(12.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:rgba(0,0,0,0);cursor:pointer;transition:background-color var(--sjs-creator-transition-duration, 150ms),opacity var(--sjs-creator-transition-duration, 150ms)}.spg-action-button:hover,.spg-action-button:focus{opacity:1;outline:none;background-color:var(--ctr-actionbar-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))))}.spg-action-button:hover use,.spg-action-button:focus use{fill:var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-action-button__icon{display:block}.spg-action-button__icon use{fill:var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));transition:fill var(--sjs-creator-transition-duration, 150ms)}.spg-action-button--danger{color:var(--ctr-library-action-button-text-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}.spg-action-button--danger:hover,.spg-action-button--danger:focus{background-color:var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))))}.spg-action-button--danger:hover use,.spg-action-button--danger:focus use{fill:var(--ctr-library-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)))}button.spg-action-button--large{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-action-button:disabled{opacity:var(--ctr-library-action-button-opacity-disabled, 0.25);pointer-events:none;cursor:default}.spg-action-button--muted{opacity:.5}.spg-action-button:active{opacity:.5}.spg-action-button--text{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-question{display:flex;flex-direction:column;align-items:flex-start;padding:0px}.spg-question__header{width:100%}.spg-question__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));width:100%;margin:0;padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0;color:var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));box-sizing:border-box}.spg-question__content{width:100%;color:var(--sjs-primary-backcolor, var(--primary, #19b394));cursor:pointer}.spg-text__content,.spg-comment__content{position:relative}.spg-question__content:focus-within .spg-remaining-character-counter{display:flex}.spg-remaining-character-counter{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));display:none;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:0px;color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090));position:absolute;inset-inline-end:calc(0.75*(var(--sjs-base-unit, var(--base-unit, 8px))));inset-block-end:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-question__description{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));color:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));padding-bottom:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));white-space:normal}.spg-row-narrow__question{margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-row--multiple>div>.spg-row-narrow__question{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-question--location--left{flex-direction:row;background:var(--sjs-general-backcolor, var(--background, #fff));box-shadow:inset 0 0 0 1px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));line-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));vertical-align:middle;align-items:stretch}.spg-question--location--left:focus-within{box-shadow:inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394))}.spg-question__header--location--left{width:auto;box-sizing:border-box;max-width:50%;flex:1;display:flex;align-items:center}.spg-question__header--location--left .spg-question__title{padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border-right:1px solid var(--sjs-border-default, var(--border, #d6d6d6));display:inline-block;color:var(--ctr-editor-label-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)))}.spg-question__content--left{flex:2}.spg-question__content--left .spg-input.spg-input.spg-input{background-color:rgba(0,0,0,0);box-shadow:none;border:none}.spg-question__content--left .spg-input.spg-input.spg-input:focus,.spg-question__content--left .spg-input.spg-input.spg-input:focus-within{box-shadow:none}.spg-row--multiple{display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px));flex-wrap:wrap}.spg-row--multiple>div{flex-grow:1;min-width:calc(25.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-row--multiple>div .spg-question__header--location--left{min-width:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-row--multiple>div input{min-width:max(17*var(--sjs-base-unit, var(--base-unit, 8px)),100%);width:0}.spg-question__erbox{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--ctr-error-message-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));background-color:var(--ctr-error-message-background-color, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-question__erbox>div,.spg-question__erbox>svc-question-error>div,sv-question-error>div{display:flex;gap:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-question__erbox-icon .sv-svg-icon{vertical-align:top}.spg-question__erbox-icon use{fill:var(--ctr-error-message-icon-color, var(--sjs-special-red, var(--red, #e60a3e)))}.spg-question__erbox--location--bottom{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-restfull .spg-panel__content,.spg-masksettings .spg-panel__content{gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-restfull .spg-panel__content .spg-row,.spg-masksettings .spg-panel__content .spg-row{margin-top:0}.spg-input{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background-color:var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-sizing:border-box;width:100%;border:none;box-shadow:inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));transition:box-shadow var(--sjs-creator-transition-duration, 150ms);padding:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));outline:none;color:var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.spg-input::placeholder{color:var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-input:focus,.spg-input.spg-dropdown:focus,.spg-input.spg-dropdown:focus-within,.spg-input-container:focus-within{box-shadow:inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-input:disabled,.spg-input:disabled::placeholder{color:var(--ctr-editor-content-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:var(--ctr-editor-content-text-opacity-disabled, 0.25)}input.spg-input:read-only,input.spg-input:read-only::placeholder{color:var(--sjs-general-forecolor, var(--foreground, #161616));opacity:.25}.spg-input[type=color]{padding-left:0;padding-right:0;min-width:calc(8*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-input__edit-button{position:relative;box-sizing:border-box;appearance:none;background:var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border:none;outline:none;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));line-height:0;transition:background var(--sjs-creator-transition-duration, 150ms),opacity var(--sjs-creator-transition-duration, 150ms)}.spg-input__edit-button:focus,.spg-input__edit-button:hover{background:var(--ctr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-input__edit-button:active{opacity:var(--ctr-editor-button-icon-opacity-pressed, 0.5)}.spg-input__edit-button.spg-input__edit-button--disabled,.spg-input__edit-button:disabled{opacity:var(--ctr-editor-button-icon-opacity-disabled, 0.25);background:var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-input__edit-button svg{height:24px;width:24px;fill:var(--ctr-editor-button-icon-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)))}.spg-input.spg-input--error{box-shadow:0 0 0 1px inset var(--ctr-editor-border-color-error, var(--sjs-special-red, var(--red, #e60a3e)))}.spg-input-container{display:flex;justify-content:space-between;cursor:default;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));align-items:center;gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-shadow:inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))))}.spg-input-container--multiline{align-items:end;flex-direction:column;gap:0;height:auto}.spg-input-container--multiline sv-ng-question-comment{display:flex}.spg-input-container--multiline .spg-input-container__input{box-sizing:border-box;resize:none}.spg-input-container__input{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));flex-grow:1;width:100%;padding:var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));color:var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));outline:none;border:none;background-color:rgba(0,0,0,0)}.spg-input-container__input::placeholder{color:var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)))}.spg-input-container__input:disabled{opacity:var(--ctr-editor-content-text-opacity-disabled, 0.25)}.spg-input-container__buttons-container{display:flex;gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-dropdown{border-radius:0;display:flex;padding-right:calc(5.5*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background-position:right calc(1.625*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%,0 0}.spg-dropdown__value{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px))}.spg-dropdown__filter-string-input{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));line-height:unset}.spg-dropdown_chevron-button{line-height:normal}.spg-dropdown-popup:not(.sv-popup--dropdown-overlay){height:0}.spg-comment{height:auto;max-width:100%;min-width:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));line-height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-panel{background:var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3))}.spg-panel__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));border:none;outline:none;color:var(--ctr-property-grid-chapter-caption-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));cursor:pointer;background-color:var(--ctr-property-grid-chapter-caption-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-shadow:inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));margin:0;transition:color var(--sjs-creator-transition-duration, 150ms),background-color var(--sjs-creator-transition-duration, 150ms),opacity var(--sjs-creator-transition-duration, 150ms)}.spg-panel__title:disabled,.spg-panel__title:disabled:hover{color:var(--ctr-property-grid-chapter-caption-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));opacity:.25;cursor:default}.spg-panel__title--collapsed:hover{background-color:var(--ctr-property-grid-chapter-caption-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-panel__title--expandable:focus{background-color:var(--ctr-property-grid-chapter-caption-background-color-focused, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-panel__title--expanded{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-property-grid-chapter-caption-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)))}.spg-panel__content{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;background:var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));box-shadow:inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)))}.spg-panel__content .spg-row{width:100%;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-panel__content .spg-row--multiple{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-side-bar--mobile .spg-panel__content{padding:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-question__nopadding .spg-panel__content{padding:0px;box-shadow:unset}.spg-row--enter.spg-row.spg-row.spg-row{margin-top:0}.spg-row--enter{animation-fill-mode:forwards;animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;height:0;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-delay:var(---sjs-spg-row-fade-in-delay, 150ms),0s,0s;animation-duration:var(--sjs-spg-row-fade-in-duration, 500ms),var(--sjs-spg-move-in-duration, 150ms),var(--sjs-spg-move-in-duration, 150ms)}.spg-row--delayed-enter{animation-delay:calc(var(---sjs-spg-row-fade-in-delay, 150ms) + var(--sjs-spg-row-fade-in-animation-delay, 400ms)),var(--sjs-spg-row-fade-in-animation-delay, 400ms),var(--sjs-spg-row-fade-in-animation-delay, 400ms)}.spg-row--leave{animation-name:fadeIn,moveInWithOverflow;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-fill-mode:forwards;animation-direction:reverse;min-height:0 !important;animation-delay:0s,var(--sjs-spg-row-move-out-delay, 100ms),var(--sjs-spg-row-move-out-delay, 100ms);animation-duration:var(--sjs-spg-row-fade-out-duration, 150ms),var(--sjs-spg-row-move-out-duration, 250ms),var(--sjs-spg-row-move-out-duration, 250ms)}.spg-panel__content--enter{animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;opacity:0;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:var(--sjs-spg-expand-fade-in-duration, 350ms),var(--sjs-spg-expand-move-in-duration, 350ms),var(--sjs-spg-expand-move-in-duration, 350ms);animation-delay:var(--sjs-spg-expand-fade-in-delay, 0ms),0s,0s}.spg-panel__content--leave{animation-name:fadeIn,moveInWithOverflow;min-height:0 !important;animation-direction:reverse;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:var(--sjs-spg-collapse-fade-out-duration, 350ms),var(--sjs-spg-collapse-move-out-duration, 350ms),var(--sjs-spg-collapse-move-out-duration, 350ms);animation-delay:0s,var(--sjs-spg-collapse-move-out-delay, 0ms),var(--sjs-spg-collapse-move-out-delay, 0ms)}.svc-creator--disable-animations .spg-row--enter,.svc-creator--disable-animations .spg-row--leave,.svc-creator--disable-animations .spg-panel__content--enter,.svc-creator--disable-animations .spg-panel__content--leave{animation:none}.spg-panel.spg-panel--group>.spg-panel__content{padding:0;box-shadow:none}.spg-panel.spg-panel--group .spg-panel__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));box-shadow:none;background-color:rgba(0,0,0,0);padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0}.spg-panel.spg-panel--group .spg-row{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-panel.spg-panel--group .spg-row:first-of-type{margin-top:0}.spg-checkbox{cursor:pointer;margin-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-checkbox--disabled{cursor:default}.spg-checkbox--disabled .spg-checkbox{cursor:default}.spg-checkbox--disabled .spg-checkbox__caption{color:var(--ctr-checkbox-text-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-checkbox__caption{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-checkbox-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.spg-checkbox__rectangle{background:var(--ctr-checkbox-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border:1px solid var(--ctr-checkbox-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));box-sizing:border-box;width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-shrink:0;padding:1px 1px;outline:2px solid rgba(0,0,0,0);transition:background var(--sjs-creator-transition-duration, 150ms),background-color var(--sjs-creator-transition-duration, 150ms),outline var(--sjs-creator-transition-duration, 150ms)}.spg-checkbox:hover .spg-checkbox__rectangle{background-color:var(--ctr-checkbox-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-checkbox--disabled .spg-checkbox__rectangle:hover{background:var(--ctr-checkbox-background-color-disabled, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-checkbox:active .spg-checkbox__rectangle,.spg-checkbox__control:focus+.spg-checkbox__rectangle{outline:2px solid var(--ctr-checkbox-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));outline-offset:-2px}.spg-checkbox .spg-checkbox__svg{display:block;opacity:0;fill:rgba(0,0,0,0);width:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-repeat:no-repeat;background-size:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));transition:opacity var(--sjs-creator-transition-duration, 150ms),fill var(--sjs-creator-transition-duration, 150ms)}.spg-checkbox--checked .spg-checkbox__svg{opacity:1;fill:var(--ctr-checkbox-button-check-mark-color, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg{fill:var(--ctr-checkbox-button-check-mark-color-disabled, var(--sjs-border-default, var(--border, #d6d6d6)))}.spg-checkbox__control{position:fixed;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}.spg-checkbox__hidden{display:none}.spg-selectbase{border:none;padding:0;margin:0}.spg-selectbase__label{display:flex;align-items:flex-start;gap:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-checkbox .spg-question__description{padding:var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-checkbox .spg-help-action use{pointer-events:none}.spg-matrixdynamic__drag-element{padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-matrixdynamic__drag-element:hover{background-color:var(--sjs-general-backcolor, var(--background, #fff))}.spg-matrixdynamic__drag-element:after{content:" ";display:block;height:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-drag-element__svg{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));padding:var(--sjs-base-unit, var(--base-unit, 8px));display:block;opacity:.5}.spg-drag-element__svg use{fill:var(--ctr-data-table-row-drag-area-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-matrixdynamic__drag-drop-ghost-position-top,.spg-matrixdynamic__drag-drop-ghost-position-bottom{position:relative}.spg-matrixdynamic__drag-drop-ghost-position-top::after,.spg-matrixdynamic__drag-drop-ghost-position-bottom::after{content:"";width:100%;height:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--sjs-secondary-backcolor, var(--secondary, #ff9814));position:absolute;left:0}.spg-matrixdynamic__drag-drop-ghost-position-top::after{top:0}.spg-matrixdynamic__drag-drop-ghost-position-bottom::after{bottom:0}.spg-matrixdynamic__placeholder{padding:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border:1px solid var(--ctr-survey-placeholder-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));box-sizing:border-box}.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn{display:initial}.spg-matrixdynamic__placeholder-text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-survey-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));text-align:center}.spg-matrixdynamic__add-btn{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;display:none;appearance:none;border:none;margin-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background:rgba(0,0,0,0);color:var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-smiley-icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:var(--sjs-base-unit, var(--base-unit, 8px));border-radius:100px;border:1px solid var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)));display:flex;justify-content:center;align-items:center;margin-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-smiley-icon svg{width:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));fill:var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)))}.spg-table-wrapper{border:1px solid var(--ctr-data-table-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));border-bottom:none}.spg-table{width:100%;background-color:var(--ctr-data-table-background-color, var(--sjs-general-backcolor, var(--background, #fff)));border-collapse:collapse}.spg-table tr{border-bottom:1px solid var(--ctr-data-table-row-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background-color:var(--ctr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-table__cell{padding:0}.spg-table__cell .spg-checkbox{margin:0 calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-table__cell--detail-panel{background:var(--ctr-data-table-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-table__cell--detail-panel .spg-panel__content{box-shadow:none}.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type{padding-left:8px}.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));appearance:none;box-shadow:none;border-radius:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));background-color:var(--ctr-data-table-row-background-color, transparent);padding:var(--sjs-base-unit, var(--base-unit, 8px));height:auto}.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color]{padding-right:0}.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus,.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within{box-shadow:inset 0 0 0 2px var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button{display:none}.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown{width:max-content;padding-right:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));background-size:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));background-position:right calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%,0 0;background-image:url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 15L17 10H7L12 15Z%27 fill=%27%2390909080%27/%3E%3C/svg%3E%0A");background-repeat:no-repeat}.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text{padding-left:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-table__cell--actions:first-of-type{width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-table__cell--actions:last-of-type .spg-action-bar{justify-content:flex-end}.spg-table__cell--actions>.spg-matrixdynamic__drag-element{display:inline-block;margin-top:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));cursor:move}.spg-table__cell--header{background:var(--ctr-data-table-row-background-color-header, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100px;padding:var(--ctr-data-table-row-padding-top-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-row-padding-bottom-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)))}.spg-table__cell--header span{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));color:var(--ctr-data-table-cell-text-color-header, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));display:none}.spg-table__cell--header .sv-string-viewer{display:inline;white-space:unset}.spg-table__question-wrapper{box-sizing:border-box;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px)))) 0}.spg-table__row--leave,.spg-table__row--enter{animation-name:empty;--move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));--fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));animation-duration:max(var(--fade-whole-animation-duration),var(--move-whole-animation-duration))}.spg-table__row--leave>td>div,.spg-table__row--enter>td>div{animation-name:fadeIn,moveInWithOverflow;opacity:0;animation-direction:var(--animation-direction);animation-timing-function:var(--animation-timing-function);animation-fill-mode:forwards;animation-duration:var(--fade-animation-duration),var(--move-animation-duration),var(--move-animation-duration);animation-delay:var(--fade-animation-delay),var(--move-animation-delay),var(--move-animation-delay)}.spg-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-spg-matrix-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-spg-matrix-row-fade-in-duration, 250ms);--fade-animation-delay: var(--sjs-spg-matrix-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}.spg-table__row--leave{--move-animation-delay: var(--sjs-spg-matrix-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-spg-matrix-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-spg-matrix-row-fade-out-duration, 100ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}.spg-table__row--detail.spg-table__row--enter{--move-animation-delay: 0s;--move-animation-duration: var(--sjs-spg-matrix-detail-row-move-in-duration, 150ms);--fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-in-duration, 500ms);--fade-animation-delay: var(--sjs-spg-matrix-detail-row-fade-in-delay, 150ms);--animation-direction: normal;--animation-timing-function: cubic-bezier(0, 0, 0.58, 1)}.spg-table__row--detail.spg-table__row--leave{--move-animation-delay: var(--sjs-spg-matrix-detail-row-move-out-delay, 100ms);--move-animation-duration: var(--sjs-spg-matrix-detail-row-move-out-duration, 250ms);--fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-out-duration, 150ms);--fade-animation-delay: 0s;--animation-direction: reverse;--animation-timing-function: cubic-bezier(0.42, 0, 1, 1)}.svc-creator--disable-animations .spg-table__row--enter,.svc-creator--disable-animations .spg-table__row--leave{animation:none}.spg-question-group .spg-row{margin-top:0}.spg-question-group .spg-row:not(:first-of-type){margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-color-editor__color-input{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);left:0;top:100%;transform:translateY(-50%)}.spg-color-editor__color-item{display:flex;gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-color-editor__color-item .spg-color-editor__color-swatch{margin-left:0}.spg-color-editor__color-swatch{position:relative;flex-shrink:0;flex-grow:0;border-radius:3px;width:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box;border:1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));margin-left:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-color-editor__color-swatch .sv-svg-icon{position:absolute;width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));left:50%;top:50%;transform:translate(-50%, -50%);fill:var(--sjs-general-backcolor, var(--background, #fff))}.spg-color-editor__color-swatch--disabled .sv-svg-icon{opacity:.25}.spg-color-editor__color-swatch--default .sv-svg-icon{opacity:1}.spg-color-editor .spg-input__edit-button+*{margin-inline-end:calc(-0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-file-edit__choose-button{position:relative}.spg-link{display:flex}.sv-string-viewer .spg-link{display:initial;color:var(--sjs-primary-backcolor, var(--primary, #19b394));font-weight:600;text-decoration-line:underline}.spg-theme-builder-root .sv-skeleton-element{min-height:50px}.spg-theme-builder-root .spg-paneldynamic__separator{border:none;margin:0;height:var(--sjs-base-unit, var(--base-unit, 8px))}.spg-theme-builder-root .spg-panel__footer{justify-content:center;margin:var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;padding:0}.spg-theme-builder-root .spg-panel__content .spg-row.spg-row{animation:none}.spg-theme-builder-root .spg-paneldynamic__add-btn{margin:0 auto}.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container{display:none}.spg-theme-builder-root .spg-row--multiple .spg-question__header--location--left{min-width:auto}.spg-theme-builder-root .spg-row--multiple>div{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - var(--sjs-base-unit, var(--base-unit, 8px))*.5);min-width:auto}.spg-theme-builder-root .spg-row--multiple>div input{min-width:0}.spg-theme-builder-root .spg-row--multiple>div .spg-question--location--left{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:border-box}.spg-theme-builder-root .spg-row--multiple>div .spg-question--location--left .spg-input{height:auto}.spg-theme-builder-root .sv-button-group{overflow:hidden}.spg-theme-builder-root .spg-question__header--location--left{width:max-content;flex:0 0}.spg-theme-builder-root .spg-question__header--location--left .spg-question__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spg-theme-builder-root .spg-question__header--location--left .spg-question__title .sv-string-viewer{white-space:nowrap}.spg-theme-builder-root .spg-panel-by-page,.spg-theme-builder-root .spg-nested-panel{padding-bottom:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .spg-panel-by-page::after,.spg-theme-builder-root .spg-nested-panel::after{content:" ";display:block;position:relative;left:calc(-4*(var(--sjs-base-unit, var(--base-unit, 8px))));top:calc(5*var(--sjs-base-unit, var(--base-unit, 8px)));width:calc(8*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);height:1px;background-color:var(--ctr-editor-border-color, var(--sjs-border-default, var(--border, #d6d6d6)))}.spg-theme-builder-root .spg-panel-by-page__content>.spg-row:first-of-type,.spg-theme-builder-root .spg-nested-panel__content>.spg-row:first-of-type{margin-top:0}.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,.spg-theme-builder-root .spg-row:last-of-type>div>.spg-panel-by-page,.spg-theme-builder-root .spg-paneldynamic__panel-wrapper>.spg-nested-panel,.spg-theme-builder-root .spg-row:last-of-type>div>.spg-nested-panel{padding-bottom:0}.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border::after,.spg-theme-builder-root .spg-row:last-of-type>div>.spg-panel-by-page::after,.spg-theme-builder-root .spg-paneldynamic__panel-wrapper>.spg-nested-panel::after,.spg-theme-builder-root .spg-row:last-of-type>div>.spg-nested-panel::after{content:none}.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding{padding-top:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));padding-bottom:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .spg-theme-group-caption{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-property-grid-group-caption-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));position:relative;top:calc(4*var(--sjs-base-unit, var(--base-unit, 8px)));padding:calc(1*var(--sjs-base-unit, var(--base-unit, 8px))) 0;cursor:auto}.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus{background-color:unset}.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar{pointer-events:none}.spg-theme-builder-root .spg-header{margin-top:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .sd-question--title-top .spg-paneldynamic{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean){margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top){margin-top:0}.spg-theme-builder-root .spg-question__content-coloralpha{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-theme-builder-root .spg-question-composite__content .spg-row:first-of-type{margin-top:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-side-bar--mobile .spg-theme-builder-root .spg-nested-panel__content::after{width:calc(4*var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);left:calc(-2*var(--sjs-base-unit, var(--base-unit, 8px)))}.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding{min-width:0;flex:0 0 max-content}.spg-link-wrapper--overriding{align-self:end}.spg-link-wrapper--overriding .svc-action-button{text-decoration:underline;padding:0;border:none;margin:0}.spg-link-wrapper--overriding .svc-action-button:focus,.spg-link-wrapper--overriding .svc-action-button:hover{background-color:rgba(0,0,0,0)}.spg-editor--highlighted .spg-input,.spg-editor--highlighted .spg-input-container,.spg-editor--highlighted .spg-question--location--left,.spg-editor--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input{box-shadow:0 0 0 2px var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.spg-editor--highlighted .spg-checkbox__control:focus+.spg-checkbox__rectangle,.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content{outline:2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));outline-offset:-2px}.spg-editor--highlighted .spg-checkbox__control:focus+.spg-checkbox__rectangle .spg-input,.spg-editor--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input{box-shadow:none}.spg-editor--highlighted .svc-action-button{background-color:var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)))}.spg-editor--highlighted .sv-button-group{box-shadow:0 0 0 1px var(--sjs-secondary-backcolor, var(--secondary, #ff9814));border-color:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.spg-editor--highlighted .spg-checkbox__control+.spg-checkbox__rectangle{outline:2px solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));outline-offset:-2px}.spg-search-editor_container{--sjs-general-forecolor: rgba(0, 0, 0, 0.91);--sjs-general-forecolor-light: rgba(0, 0, 0, 0.45)}.spg-search-editor_container{border-bottom:1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background:var(--ctr-property-grid-search-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));padding:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));width:calc(100% - 4*var(--sjs-base-unit, var(--base-unit, 8px)));display:flex;align-items:center}.spg-search-editor_input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;color:var(--ctr-property-grid-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;background:rgba(0,0,0,0);box-sizing:border-box;width:100%;outline:none;padding-inline-start:var(--sjs-base-unit, var(--base-unit, 8px));padding-inline-end:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-creator--mobile .spg-search-editor_input{font-size:max(16px,var(--ctr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))))}.spg-search-editor_input::placeholder{color:var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-search-editor_toolbar{display:flex;gap:calc(1.5*(var(--sjs-base-unit, var(--base-unit, 8px))));justify-content:flex-end;align-items:center;flex-shrink:0}.spg-search-editor_toolbar .sv-action-bar{gap:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));margin:0;flex-shrink:0}.spg-search-editor_toolbar .sv-action--hidden{display:none}.spg-search-editor_toolbar .spg-search-editor_bar-item{padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))));height:min-content;margin:0}.spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):hover:enabled,.spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):focus:enabled{background:var(--ctr-search-button-background-color-clear-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):hover:enabled .sv-action-bar-item__icon use,.spg-search-editor_bar-item:not(.sv-action-bar-item--pressed):focus:enabled .sv-action-bar-item__icon use{fill:var(--ctr-search-button-icon-color-clear-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-search-editor_toolbar .sv-action-bar-item__icon use{fill:var(--ctr-property-grid-search-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-search-editor_toolbar-counter{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;color:var(--ctr-property-grid-search-count-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));display:flex;flex-shrink:0}.spg-search-editor_search-icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-search-editor_search-icon .sv-svg-icon{width:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-search-editor_search-icon .sv-svg-icon use{fill:var(--ctr-property-grid-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-button-group{position:relative;display:flex;padding:var(--ctr-button-group-padding, 0px);align-items:center;align-self:stretch;border-radius:var(--ctr-button-group-corner-radius, 0px);box-shadow:inset 0 0 0 var(--ctr-button-group-border-width, 0px) var(--ctr-button-group-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background-color:var(--ctr-button-group-background-color, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-button-group::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) rgba(0,0,0,0);pointer-events:none;transition:box-shadow var(--sjs-creator-transition-duration, 150ms)}.spg-button-group:focus-within::after{box-shadow:inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-button-group-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-button-group__item{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-button-group-item-text-color, rgba(0, 0, 0, 0.91));display:flex;padding:var(--ctr-button-group-item-padding-vertical, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-group-item-padding-horizontal, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));justify-content:center;align-items:center;align-self:stretch;flex-basis:0;flex-grow:1;border-radius:var(--ctr-button-group-item-corner-radius, 0px);box-shadow:inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background-color:var(--ctr-button-group-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));transition:background var(--sjs-creator-transition-duration, 150ms),background-color var(--sjs-creator-transition-duration, 150ms),color var(--sjs-creator-transition-duration, 150ms)}.spg-button-group__item:not(:last-of-type){margin-right:var(--ctr-button-group-gap, -1px)}.spg-button-group__item--hover:hover{background-color:var(--ctr-button-group-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-button-group__item-icon use{fill:var(--ctr-button-group-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.spg-button-group__item--selected{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));font-weight:600;color:var(--ctr-button-group-item-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));box-shadow:inset 0 0 0 var(--ctr-button-group-item-border-width-selected, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));background:var(--ctr-button-group-item-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-button-group__item--selected .spg-button-group__item-icon use{fill:var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.spg-button-group__item--selected:hover{background-color:var(--ctr-button-group-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)))}.spg-button-group__item--disabled{color:var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));background:var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-button-group__item--disabled .spg-button-group__item-icon use{fill:var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)))}.spg-button-group__item--disabled .spg-button-group__item-caption{opacity:var(--ctr-button-group-item-text-opacity-disabled, 0.25)}.spg-button-group__item--disabled:hover{background-color:var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.spg-root-modern{position:relative;width:100%;border-inline-end:1px solid var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:border-box;--sjs-transition-duration: 0ms}.spg-root-modern .sd-row--leave,.spg-root-modern .sd-row--enter{animation:none}.spg-root-modern .sd-element-wrapper--leave,.spg-root-modern .sd-element-wrapper--enter{animation:none}.spg-root-modern .sd-element__content--enter,.spg-root-modern .sd-element__content--leave{animation:none}.spg-root-modern .sd-paneldynamic__panel-wrapper--enter,.spg-root-modern .sd-paneldynamic__panel-wrapper--leave{animation:none}.spg-root-modern .sd-item--enter{animation:none}.spg-root-modern .sd-item--leave{animation:none}.spg-root-modern .sd-table__row--leave,.spg-root-modern .sd-table__row--enter{animation:none}.spg-container{width:100%;height:100%;display:flex;flex-direction:column}.spg-root-modern{height:0;flex-grow:1;overflow:auto}.spg-root-modern.spg-root--one-category{background-color:var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));border-right:unset}.spg-root-modern.spg-root--one-category .spg-page.spg-body__page{box-shadow:unset}.sv-popup--modal.sv-property-editor .sv-popup__container .sv-popup_shadow{background-color:rgba(0,0,0,0)}.sv-popup--modal.sv-property-editor .sv-popup__container .sd-root-modern{background-color:rgba(0,0,0,0)}.sv-popup--modal.sv-property-editor .sv-popup__container .sd-page{margin:0;padding:0}.sv-popup--modal.sv-property-editor .sv-popup__container .sv-components-column--expandable{min-width:calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-popup--modal .sv-popup__footer{padding-bottom:2px}.sv-popup--modal .sd-body,.sv-popup--modal .sl-body{min-width:calc(78*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-popup.sv-property-editor .sd-root-modern{--sd-mobile-width: 0}.svc-object-selector .sv-popup__container{margin-left:var(--sjs-base-unit, var(--base-unit, 8px));margin-right:var(--sjs-base-unit, var(--base-unit, 8px))}.svc-object-selector__content{position:relative;height:100%;min-height:0;display:flex;flex-direction:column}.spg-title .spg-action-bar{margin-top:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-bottom:calc(-1*(var(--sjs-base-unit, var(--base-unit, 8px))));margin-right:1px}.spg-body{width:100%}.spg-body--empty{margin:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-title-toolobar--single-help-action{justify-content:flex-start;padding-left:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-title-toolobar--single-help-action .spg-help-action{flex-grow:1}.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon{opacity:.5;padding:calc(0.5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:focus,.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button--icon:hover{opacity:1}.spg-title-toolobar--single-help-action .spg-help-action .spg-action-button:active{opacity:var(--ctr-actionbar-button-opacity-pressed, 0.5)}.spg-title-toolobar--single-help-action .spg-help-action svg{fill:var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-text{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--sjs-general-forecolor, var(--foreground, #161616))} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.svc-flex-container{display:flex}.svc-flex-row{display:flex;flex-direction:row;background:var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-full-container{height:100%;width:100%}.svc-flex-row.svc-full-container{height:calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));min-height:calc(60*(var(--sjs-base-unit, var(--base-unit, 8px))));flex-grow:1;position:relative}.svc-flex-row__element--growing{flex:1;overflow:auto}.svc-flex-column{display:flex;flex-direction:column}.sv-action-bar--default-size-mode .sv-action-bar-separator{height:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-action-bar--small-size-mode .sv-action-bar-separator{height:calc(4*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-creator--mobile .sv-action-bar-separator{height:calc(3*(var(--sjs-base-unit, var(--base-unit, 8px))))}.sv-action-bar--small-size-mode .sv-action-bar-item{--small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));--ctr-small-bold-line-height: var(--small-bold-font-size);font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));font-style:normal;font-weight:400;line-height:var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));font-weight:600;align-items:center}.svc-top-bar{display:flex;background:var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));box-sizing:border-box;box-shadow:inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)))}.svc-top-bar .svc-toolbar-wrapper{flex:0 0 auto;display:flex}.svc-top-bar .svc-toolbar-wrapper .sv-action-bar{padding:0 var(--sjs-base-unit, var(--base-unit, 8px));justify-content:flex-end}.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator{display:none}.svc-top-bar .svc-toolbar-wrapper .sv-action-bar>.sv-action:not(.sv-action--hidden)~.sv-action .sv-action-bar-separator{display:inline-block}.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item{margin:0 var(--sjs-base-unit, var(--base-unit, 8px))}.svc-top-bar .sv-action-bar-separator{background-color:var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)))}.svc-top-bar .sv-action-bar-item{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));border-radius:var(--ctr-menu-toolbar-button-corner-radius, 2px);background-color:rgba(0,0,0,0);color:var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));transition:background-color var(--sjs-creator-transition-duration, 150ms);height:auto}.svc-top-bar .sv-action-bar-item__icon use{fill:var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}.svc-top-bar .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,.svc-top-bar .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled{background-color:var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}.svc-top-bar .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled{opacity:var(--ctr-menu-toolbar-button-opacity-pressed, 0.5)}.svc-top-bar .sv-action-bar-item:disabled{opacity:var(--ctr-menu-toolbar-button-opacity-disabled, 0.25)}.svc-top-bar .sv-action-bar-item--secondary .sv-action-bar-item__icon use{fill:var(--sjs-secondary-backcolor, var(--secondary, #ff9814))}.svc-top-bar .sv-action-bar-item--active .sv-action-bar-item__icon use{fill:var(--ctr-menu-toolbar-button-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)))}.svc-top-bar .sv-action-bar-item-dropdown{border-radius:calcCornerRadius(0.5);background-color:rgba(0,0,0,0)}.svc-top-bar .sv-action-bar-item--pressed:not(.sv-action-bar-item--active){background-color:var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));opacity:var(--ctr-menu-toolbar-button-opacity-pressed, 50%)}.svc-footer-bar .svc-toolbar-wrapper{height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar{justify-content:center;padding:0;width:100%;height:calc(6*var(--sjs-base-unit, var(--base-unit, 8px)));background:var(--sjs-general-backcolor, var(--background, #fff));border-top:1px solid var(--sjs-border-default, var(--border, #d6d6d6));box-sizing:border-box} .svc-creator{--sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);--sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);--sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);--sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);--sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);--sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);--sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);--sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);--sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);--sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);--sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);--sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);--sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);--sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);--sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);--sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);--sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);--sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8)}.spg-boolean-switch,.spg-boolean-switch *{box-sizing:border-box}.spg-boolean-switch{display:flex;flex-direction:row;gap:var(--ctr-toggle-button-gap-label, 8px);align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.spg-boolean-switch__button{background:var(--ctr-toggle-button-background-color, #ffffff);outline:none;border-radius:var(--ctr-toggle-button-corner-radius, 1024px);box-shadow:0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));padding:var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);display:flex;flex-direction:row;gap:var(--ctr-toggle-button-gap, 4px);align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.spg-boolean-switch__button:focus,.spg-boolean-switch__button:focus-visible{box-shadow:0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394)}.spg-boolean-switch__button--checked{background:var(--ctr-toggle-button-background-color-checked, #19b394)}.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--left{background:none}.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--right{background:var(--ctr-toggle-button-thumb-background-color-checked, #ffffff)}.spg-boolean-switch__button--checked:focus{background:var(--ctr-toggle-button-background-color-checked-focused, #ffffff)}.spg-boolean-switch__button--checked:focus .spg-boolean-switch__thumb--right{background:var(--ctr-toggle-button-thumb-background-color-checked-focused, #19b394)}.spg-boolean-switch__thumb{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.spg-boolean-switch__thumb-circle{border-radius:var(--ctr-toggle-button-thumb-corner-radius, 1024px);display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:center;flex-shrink:0;width:var(--ctr-toggle-button-thumb-width, 16px);height:var(--ctr-toggle-button-thumb-height, 16px);position:relative;overflow:hidden}.spg-boolean-switch__thumb--left{background:var(--ctr-toggle-button-thumb-background-color-active, rgba(0, 0, 0, 0.45))}.spg-boolean-switch__caption{display:flex;flex-direction:row;gap:0px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.spg-boolean-switch__title{--default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));--ctr-default-line-height: calc(1.5 * var(--default-font-size));font-family:var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));font-size:var(--ctr-font-default-size, var(--default-font-size, 16px));font-style:normal;font-weight:400;line-height:var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));color:var(--ctr-toggle-button-label-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));text-align:left;position:relative;display:flex;align-items:center;justify-content:flex-start} /*! * surveyjs - Survey JavaScript library v1.12.8 * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/ * License: MIT (http://www.opensource.org/licenses/mit-license.php) */ /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2"); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2"); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } :root { --sjs-transition-duration: 150ms; } .sv-action-bar { display: flex; box-sizing: content-box; position: relative; align-items: center; margin-left: auto; overflow: hidden; white-space: nowrap; } .sv-action-bar-separator { display: inline-block; width: 1px; height: 24px; vertical-align: middle; margin-right: 16px; background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sv-action-bar--default-size-mode .sv-action-bar-separator { margin: 0 var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-action-bar--small-size-mode .sv-action-bar-separator { margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-action-bar-item { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; padding: var(--sjs-base-unit, var(--base-unit, 8px)); box-sizing: border-box; border: none; border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px))); background-color: transparent; color: var(--sjs-general-forecolor, var(--foreground, #161616)); cursor: pointer; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); overflow-x: hidden; white-space: nowrap; } button.sv-action-bar-item { overflow: hidden; } .sv-action-bar--default-size-mode .sv-action-bar-item { height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); margin: 0 var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-action-bar--small-size-mode .sv-action-bar-item { height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-action:first-of-type .sv-action-bar-item { margin-inline-start: 0; } .sv-action:last-of-type .sv-action-bar-item { margin-inline-end: 0; } .sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon { margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon { margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-action-bar-item__icon svg { display: block; } .sv-action-bar-item__icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled, .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled { outline: none; background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sv-action-bar-item--active.sv-action-bar-item--pressed:focus, .sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible { outline: none; } .sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled { opacity: 0.5; } .sv-action-bar-item:disabled { opacity: 0.25; cursor: default; } .sv-action-bar-item__title { color: inherit; vertical-align: middle; white-space: nowrap; } .sv-action-bar-item--secondary .sv-action-bar-item__icon use { fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814)); } .sv-action-bar-item--active .sv-action-bar-item__icon use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-action-bar-item-dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: var(--sjs-base-unit, var(--base-unit, 8px)); box-sizing: border-box; border: none; border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px))); background-color: transparent; cursor: pointer; line-height: calc(1.5 * (var(--sjs-font-size, 16px))); font-size: var(--sjs-font-size, 16px); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); } .sv-expand-action:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: 10px; width: 12px; margin: auto 8px; } .sv-expand-action--expanded:before { transform: rotate(180deg); } .sv-dots { width: 48px; } .sv-dots__item { width: 100%; } .sv-dots__item .sv-action-bar-item__icon { margin: auto; } .sv-action--hidden { width: 0px; height: 0px; overflow: hidden; visibility: hidden; } .sv-action--hidden .sv-action__content { min-width: fit-content; } .sv-action__content { display: flex; flex-direction: row; align-items: center; } .sv-action__content > * { flex: 0 0 auto; } .sv-action--space { margin-left: auto; } .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); opacity: 50%; } :root { --sjs-transition-duration: 150ms; } .sv-dragged-element-shortcut { height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-general-backcolor, var(--background, #fff)); padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); cursor: grabbing; position: absolute; z-index: 10000; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-size, 16px); padding-left: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); } .sv-matrixdynamic__drag-icon { padding-top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-matrixdynamic__drag-icon:after { content: " "; display: block; height: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: 1px solid #e7e7e7; box-sizing: border-box; border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); cursor: move; margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-matrixdynamic-dragged-row { cursor: grabbing; position: absolute; z-index: 10000; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); } .sv-matrixdynamic-dragged-row .sd-table__row { box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)); background-color: var(--sjs-general-backcolor, var(--background, #fff)); display: flex; flex-grow: 0; flex-shrink: 0; align-items: center; line-height: 0; } .sv-matrix-row--drag-drop-ghost-mod td { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sv-matrix-row--drag-drop-ghost-mod td > * { visibility: hidden; } .sv-drag-drop-choices-shortcut { cursor: grabbing; position: absolute; z-index: 10000; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); min-width: 100px; max-width: 400px; } .sv-drag-drop-choices-shortcut .sv-ranking-item { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer, .sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor { overflow: hidden; white-space: nowrap; } .sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content { min-width: 100px; box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)); background-color: var(--sjs-general-backcolor, var(--background, #fff)); border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px))); padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))); margin-left: 0; } :root { --sjs-transition-duration: 150ms; } sv-popup { display: block; position: absolute; } .sv-popup { position: fixed; left: 0; top: 0; width: 100vw; outline: none; z-index: 2000; height: 100vh; } .sv-dropdown-popup { height: 0; } .sv-popup.sv-popup-inner { height: 0; } .sv-popup-inner > .sv-popup__container { margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__item--with-icon .sv-popup-inner > .sv-popup__container { margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup__container { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)); border-radius: var(--sjs-corner-radius, 4px); position: absolute; padding: 0; } .sv-popup__body-content { background-color: var(--sjs-general-backcolor, var(--background, #fff)); border-radius: var(--sjs-corner-radius, 4px); width: 100%; height: 100%; box-sizing: border-box; display: flex; flex-direction: column; max-height: 90vh; max-width: 100vw; } .sv-popup--modal { display: flex; align-items: center; justify-content: center; background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; } .sv-popup--modal > .sv-popup__container { position: static; display: flex; } .sv-popup--modal > .sv-popup__container > .sv-popup__body-content { background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: auto; gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar { overflow: visible; } .sv-popup--confirm-delete .sv-popup__container { border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-popup--confirm-delete .sv-popup__body-content { border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); max-width: min-content; align-items: flex-end; min-width: 452px; } .sv-popup--confirm-delete .sv-popup__body-header { color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))); align-self: self-start; /* UI/Default */ font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-size, 16px); font-style: normal; font-weight: 400; line-height: calc(1.5 * (var(--sjs-font-size, 16px))); /* 150% */ } .sv-popup--confirm-delete .sv-popup__scrolling-content { display: none; } .sv-popup--confirm-delete .sv-popup__body-footer { max-width: max-content; } .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar { gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--overlay { width: 100%; height: var(--sv-popup-overlay-height, 100vh); } .sv-popup--overlay .sv-popup__container { background: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); max-width: 100vw; max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px))); height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px))); width: 100%; padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: unset; box-shadow: unset; box-sizing: content-box; } .sv-popup--overlay .sv-popup__body-content { max-height: var(--sv-popup-overlay-height, 100vh); max-width: 100vw; border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px; background: var(--sjs-general-backcolor, var(--background, #fff)); padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sv-popup--overlay .sv-popup__scrolling-content { height: calc(100% - 10 * var(--base-unit, 8px)); } .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__body-footer .sv-action { flex: 1 0 0; } .sv-popup--overlay .sv-popup__button.sv-popup__button { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sv-popup--modal .sv-popup__scrolling-content { padding: 2px; margin: -2px; } .sv-popup__scrolling-content { height: 100%; overflow: auto; display: flex; flex-direction: column; } .sv-popup__scrolling-content::-webkit-scrollbar, .sv-popup__scrolling-content *::-webkit-scrollbar { height: 6px; width: 6px; background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sv-popup__scrolling-content::-webkit-scrollbar-thumb, .sv-popup__scrolling-content *::-webkit-scrollbar-thumb { background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); } .sv-popup__content { min-width: 100%; height: 100%; display: flex; flex-direction: column; min-height: 0; position: relative; } .sv-popup--show-pointer.sv-popup--top .sv-popup__pointer { transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg); } .sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer { transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))); } .sv-popup--show-pointer.sv-popup--right .sv-popup__container { transform: translate(var(--sjs-base-unit, var(--base-unit, 8px))); } .sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer { transform: translate(-12px, -4px) rotate(-90deg); } .sv-popup--show-pointer.sv-popup--left .sv-popup__container { transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))); } .sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer { 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: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff)); align-self: center; } .sv-popup__body-header { font-family: Open Sans; font-size: calc(1.5 * (var(--sjs-font-size, 16px))); line-height: calc(2 * (var(--sjs-font-size, 16px))); font-style: normal; font-weight: 700; color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sv-popup__body-footer { display: flex; } .sv-popup__body-footer .sv-action-bar { gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--modal .sv-list__filter, .sv-popup--overlay .sv-list__filter { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-popup--modal .sv-list__filter-icon, .sv-popup--overlay .sv-list__filter-icon { top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown .sv-list__filter { margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-popup--dropdown .sv-popup__body-content { background-color: var(--sjs-general-backcolor, var(--background, #fff)); padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0; height: 100%; } .sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list { background-color: transparent; } .sv-dropdown-popup .sv-popup__body-content { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sv-dropdown-popup .sv-list__filter { margin-bottom: 0; } .sv-popup--overlay .sv-popup__body-content { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay { z-index: 2001; padding: 0; } .sv-popup--dropdown-overlay .sv-popup__body-content { padding: 0; border-radius: 0; } .sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action { flex: 0 0 auto; } .sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button { background-color: transparent; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border: none; box-shadow: none; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-popup__container { max-height: calc(var(--sv-popup-overlay-height, 100vh)); height: calc(var(--sv-popup-overlay-height, 100vh)); padding-top: 0; } .sv-popup--dropdown-overlay .sv-popup__body-content { height: calc(var(--sv-popup-overlay-height, 100vh)); gap: 0; } .sv-popup--dropdown-overlay .sv-popup__body-footer { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea)); } .sv-popup--dropdown-overlay .sv-popup__scrolling-content { height: calc(100% - 6 * var(--base-unit, 8px)); } .sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon { width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-list__container { padding: 0; } .sv-popup--dropdown-overlay .sv-list { flex-grow: 1; padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0; } .sv-popup--dropdown-overlay .sv-list__filter { display: flex; align-items: center; margin-bottom: 0; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-list__filter-icon { position: static; height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-list__empty-container { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-popup--dropdown-overlay .sv-popup__button:disabled { pointer-events: none; color: var(--sjs-general-forecolor, var(--foreground, #161616)); opacity: 0.25; } .sv-popup--dropdown-overlay .sv-list__filter-clear-button { height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); appearance: none; border: none; border-radius: 100%; background-color: transparent; } .sv-popup--dropdown-overlay .sv-list__filter-clear-button svg { height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-popup--dropdown-overlay .sv-list__input { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); font-size: max(16px, var(--sjs-font-size, 16px)); line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px))); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body, .sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body, .sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body { background: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body, .sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body, .sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body { background: var(--sjs-primary-backcolor, var(--primary, #19b394)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); font-weight: 600; } .sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar { justify-content: flex-start; } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button { padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer { padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon { width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon { height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body, .sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body, .sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body { background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); color: var(--sjs-general-forecolor, var(--foreground, #161616)); font-weight: 400; } .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content { --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8); --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8); position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; max-height: var(--sv-popup-overlay-max-height); min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: auto; width: auto; min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width)); max-width: var(--sv-popup-overlay-max-width); border-radius: var(--sjs-corner-radius, 4px); overflow: hidden; box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)); } .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content, .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content, .sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container { flex-grow: 1; } .sv-popup--visible { opacity: 1; } .sv-popup--hidden { opacity: 0; } .sv-popup--enter { animation-name: fadeIn; animation-fill-mode: forwards; animation-duration: 0.15s; } .sv-popup--modal.sv-popup--enter { animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-duration: 0.25s; } .sv-popup--leave { animation-direction: reverse; animation-name: fadeIn; animation-fill-mode: forwards; animation-duration: 0.15s; } .sv-popup--modal.sv-popup--leave { animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-duration: 0.25s; } .sv-popup--hidden { opacity: 0; } @keyframes modalMoveUp { from { transform: translateY(64px); } to { transform: translateY(0); } } .sv-popup--modal.sv-popup--leave .sv-popup__container, .sv-popup--modal.sv-popup--enter .sv-popup__container { animation-name: modalMoveUp; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-fill-mode: forwards; animation-duration: 0.25s; } .sv-popup--modal.sv-popup--leave .sv-popup__container { animation-direction: reverse; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); } :root { --sjs-transition-duration: 150ms; } .sv-button-group { display: flex; align-items: center; flex-direction: row; font-size: var(--sjs-font-size, 16px); overflow: auto; border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); } .sv-button-group:focus-within { box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394)); border-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-button-group__item { display: flex; box-sizing: border-box; flex-direction: row; justify-content: center; align-items: center; appearance: none; width: 100%; padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); outline: none; font-size: var(--sjs-font-size, 16px); font-weight: 400; background: var(--sjs-general-backcolor, var(--background, #fff)); cursor: pointer; overflow: hidden; color: var(--sjs-general-forecolor, var(--foreground, #161616)); position: relative; } .sv-button-group__item:not(:last-of-type) { border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); } .sv-button-group__item--hover:hover { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sv-button-group__item-icon { display: block; height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-button-group__item-icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-button-group__item--selected { font-weight: 600; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-button-group__item--selected .sv-button-group__item-icon use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-button-group__item--selected:hover { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-button-group__item-decorator { display: flex; align-items: center; max-width: 100%; } .sv-button-group__item-caption { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sv-button-group__item-icon + .sv-button-group__item-caption { margin-left: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-button-group__item--disabled { color: var(--sjs-general-forecolor, var(--foreground, #161616)); cursor: default; } .sv-button-group__item--disabled .sv-button-group__item-decorator { opacity: 0.25; font-weight: normal; } .sv-button-group__item--disabled .sv-button-group__item-icon use { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sv-button-group__item--disabled:hover { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-button-group:focus-within { box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394)); border-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-visuallyhidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } .sv-hidden { display: none !important; } .sv-title-actions { display: flex; align-items: center; width: 100%; } .sv-title-actions__title { flex-wrap: wrap; max-width: 90%; min-width: 50%; white-space: initial; } .sv-action-title-bar { min-width: 56px; } .sv-title-actions .sv-title-actions__title { flex-wrap: wrap; flex: 0 1 auto; max-width: unset; min-width: unset; } .sv-title-actions .sv-action-title-bar { flex: 1 1 auto; justify-content: flex-end; min-width: unset; } :root { --sjs-transition-duration: 150ms; } :root { --sjs-transition-duration: 150ms; } .sv_window { position: fixed; bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))); box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)); background-clip: padding-box; z-index: 100; max-height: 50vh; overflow: auto; box-sizing: border-box; background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important; } @-moz-document url-prefix() { .sv_window, .sv_window * { scrollbar-width: thin; scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent; } } .sv_window::-webkit-scrollbar, .sv_window *::-webkit-scrollbar { width: 12px; height: 12px; background-color: transparent; } .sv_window::-webkit-scrollbar-thumb, .sv_window *::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 32px; background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sv_window::-webkit-scrollbar-track, .sv_window *::-webkit-scrollbar-track { background: transparent; } .sv_window::-webkit-scrollbar-thumb:hover, .sv_window *::-webkit-scrollbar-thumb:hover { border: 2px solid rgba(0, 0, 0, 0); background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv_window_root-content { height: 100%; } .sv_window--full-screen { top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); max-height: 100%; width: initial !important; max-width: initial !important; } .sv_window_header { display: flex; justify-content: flex-end; } .sv_window_content { overflow: hidden; } .sv_window--collapsed { height: initial; } .sv_window--collapsed .sv_window_header { height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); display: flex; background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); box-sizing: content-box; } .sv_window--collapsed .sv_window_content { display: none; } .sv_window--collapsed .sv_window_buttons_container { margin-top: 0; margin-right: 0; } .sv_window_header_title_collapsed { color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-weight: 600; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); flex: 1; display: flex; justify-content: flex-start; align-items: center; } .sv_window_header_description { color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); font-feature-settings: "salt" on; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sv_window_buttons_container { position: fixed; margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-right: var(--sjs-base-unit, var(--base-unit, 8px)); display: flex; gap: var(--sjs-base-unit, var(--base-unit, 8px)); z-index: 10000; } .sv_window_button { display: flex; padding: var(--sjs-base-unit, var(--base-unit, 8px)); justify-content: center; align-items: center; border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); cursor: pointer; } .sv_window_button:hover, .sv_window_button:active { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); } .sv_window_button:hover svg use, .sv_window_button:hover svg path, .sv_window_button:active svg use, .sv_window_button:active svg path { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv_window_button:active { opacity: 0.5; } .sv_window_button svg use, .sv_window_button svg path { fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)); } sv-brand-info, .sv-brand-info { z-index: 1; position: relative; margin-top: 1px; } .sv-brand-info { font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); text-align: right; color: #161616; padding: 24px 40px; } .sv-brand-info a { color: #161616; text-decoration-line: underline; } .sd-body--static .sv-brand-info { padding-top: 0; margin-top: 16px; } .sd-body--responsive .sv-brand-info { padding-top: 16px; margin-top: -8px; } .sd-root-modern--mobile .sv-brand-info { padding: 48px 24px 8px 24px; margin-top: 0; text-align: center; } .sv-brand-info__text { font-weight: 600; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); color: #161616; } .sv-brand-info__logo { display: inline-block; } .sv-brand-info__logo img { width: 118px; } .sv-brand-info__terms { font-weight: 400; font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); padding-top: 4px; } .sv-brand-info__terms a { color: #909090; } .sd-body--responsive .sv-brand-info { padding-right: 0; padding-left: 0; } :root { --sjs-transition-duration: 150ms; } :root { --sjs-transition-duration: 150ms; } .sv-ranking { outline: none; user-select: none; -webkit-user-select: none; } .sv-ranking-item { cursor: pointer; position: relative; opacity: 1; } .sv-ranking-item:focus .sv-ranking-item__icon--hover { visibility: hidden; } .sv-ranking-item:hover: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; top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-item:focus .sv-ranking-item__index { background: var(--sjs-general-backcolor, var(--background, #fff)); outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-ranking-item__content.sv-ranking-item__content { display: flex; align-items: center; line-height: 1em; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px; border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-item__icon-container { position: relative; left: 0; top: 5px; bottom: 0; flex-shrink: 0; width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); align-self: flex-start; } .sv-ranking-item--disabled.sv-ranking-item--disabled, .sv-ranking-item--readonly.sv-ranking-item--readonly, .sv-ranking-item--preview.sv-ranking-item--preview { cursor: initial; user-select: initial; -webkit-user-select: initial; } .sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon, .sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon, .sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon { visibility: hidden; } .sv-ranking-item__icon.sv-ranking-item__icon { visibility: hidden; fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); position: absolute; top: var(--sjs-base-unit, var(--base-unit, 8px)); width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-item__index.sv-ranking-item__index { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: flex; flex-shrink: 0; align-items: center; justify-content: center; background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-size: var(--sjs-internal-font-editorfont-size); border-radius: 100%; border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); box-sizing: border-box; font-weight: 600; margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms); outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; align-self: self-start; } .sv-ranking-item__index.sv-ranking-item__index svg { fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); width: var(--sjs-internal-font-editorfont-size); height: var(--sjs-internal-font-editorfont-size); } .sv-ranking-item__text { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); overflow-wrap: break-word; word-break: normal; align-self: self-start; padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-ranking-item__text .sv-string-viewer, .sv-ranking-item__text .sv-string-editor { overflow: initial; white-space: pre-line; } .sd-ranking--disabled .sv-ranking-item__text { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); opacity: 0.25; } .sv-ranking-item--disabled .sv-ranking-item__text { color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); opacity: 0.25; } .sv-ranking-item--readonly .sv-ranking-item__index { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sv-ranking-item--preview .sv-ranking-item__index { background-color: transparent; border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616)); box-sizing: border-box; } .sv-ranking-item__ghost.sv-ranking-item__ghost { display: none; background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); z-index: 1; position: absolute; left: 0; top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } [dir=rtl] .sv-ranking-item__ghost { left: initilal; right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-item--ghost { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer, .sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor { white-space: unset; } .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 { box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .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: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .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--mobile .sv-ranking-item__index.sv-ranking-item__index { margin-left: 0; } .sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon { margin-left: 0; } .sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon { visibility: hidden; } .sv-ranking--disabled { opacity: 0.8; } .sv-ranking-shortcut[hidden] { display: none; } .sv-ranking-shortcut .sv-ranking-item__icon { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-ranking-shortcut .sv-ranking-item__text { margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-shortcut .sv-ranking-item__icon--hover { visibility: visible; } .sv-ranking-shortcut .sv-ranking-item__icon { width: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-ranking-shortcut .sv-ranking-item__content { padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-shortcut .sv-ranking-item__icon-container { margin-left: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-ranking-shortcut { cursor: grabbing; position: absolute; z-index: 10000; border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px))); min-width: 100px; max-width: 400px; box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)); background-color: var(--sjs-general-backcolor, var(--background, #fff)); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); } .sv-ranking-shortcut .sv-ranking-item { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer, .sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor { overflow: hidden; white-space: nowrap; } .sv-ranking--select-to-rank { display: flex; } .sv-ranking--select-to-rank-vertical { flex-direction: column-reverse; } .sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider { margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; height: 1px; } .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); display: flex; justify-content: center; align-items: center; } .sv-ranking-item--animate-item-removing { animation-name: moveIn, fadeIn; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: linear; animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms); animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s; } .sv-ranking-item--animate-item-adding { animation-name: moveIn, fadeIn; opacity: 0; animation-fill-mode: forwards; animation-timing-function: linear; animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms); animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms); } .sv-ranking-item--animate-item-adding-empty { animation-name: fadeIn; opacity: 0; animation-timing-function: linear; animation-duration: var(--sjs-ranking-fade-in-duration, 100ms); animation-delay: 0; } .sv-ranking-item--animate-item-removing-empty { animation-name: fadeIn; animation-direction: reverse; animation-timing-function: linear; animation-duration: var(--sjs-ranking-fade-out-duration, 100ms); animation-delay: 0; } @keyframes sv-animate-item-opacity-reverse-keyframes { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes sv-animate-item-opacity-keyframes { 0% { opacity: 1; } 100% { opacity: 0; } } .sv-ranking--select-to-rank-horizontal .sv-ranking__container { max-width: calc(50% - 1px); } .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider { width: 1px; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item { left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item { left: initial; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder { padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder { padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking__container-placeholder { color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); white-space: normal; display: flex; justify-content: center; align-items: center; height: 100%; padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; } .sv-ranking__container { flex: 1; } .sv-ranking__container--empty { box-sizing: border-box; text-align: center; } .sv-ranking__containers-divider { background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)))); } .sv-ranking__container--from .sv-ranking-item__icon--focus { display: none; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item { left: 0 !important; padding-left: 16px; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost { left: initial; } .sv-ranking--select-to-rank-swap-areas { flex-direction: row-reverse; } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item { padding-left: 0; left: -24px !important; } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item { padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); left: 0; } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost { left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder { padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-left: 0; } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost { right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder { padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-right: 0; } :root { --sjs-transition-duration: 150ms; } .sv-list { padding: 0; margin: 0; overflow-y: auto; background: var(--sjs-general-backcolor, var(--background, #fff)); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); list-style-type: none; } .sv-list__empty-container { width: 100%; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); box-sizing: border-box; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__empty-text { line-height: calc(1.5 * (var(--sjs-font-size, 16px))); font-size: var(--sjs-font-size, 16px); font-weight: 400; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__item { width: 100%; align-items: center; box-sizing: border-box; color: var(--sjs-general-forecolor, var(--foreground, #161616)); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sv-list__item-body { position: relative; width: 100%; align-items: center; box-sizing: border-box; padding-block: var(--sjs-base-unit, var(--base-unit, 8px)); padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-weight: normal; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); cursor: pointer; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms); } .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) { outline: none; } .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body { border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea)); border-radius: var(--sjs-corner-radius, 4px); padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer { margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__item:hover, .sv-list__item:focus { outline: none; } .sv-list__item:focus .sv-list__item-body, .sv-list__item--hovered > .sv-list__item-body { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sv-list__item--with-icon.sv-list__item--with-icon { padding: 0; } .sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body { padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; } .sv-list__item-icon { float: left; flex-shrink: 0; width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__item-icon svg { display: block; } .sv-list__item-icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list-item__marker-icon { position: absolute; right: var(--sjs-base-unit, var(--base-unit, 8px)); flex-shrink: 0; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: content-box; } .sv-list-item__marker-icon svg { display: block; } .sv-list-item__marker-icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } [dir=rtl] .sv-list__item-icon, [style*="direction:rtl"] .sv-list__item-icon, [style*="direction: rtl"] .sv-list__item-icon { float: right; } .sv-list__item-separator { margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0; height: 1px; background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sv-list--filtering .sv-list__item-separator { display: none; } .sv-list__item.sv-list__item--selected > .sv-list__item-body, .sv-list__item.sv-list__item--selected:hover > .sv-list__item-body, .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body, .sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body, li:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); font-weight: 600; } .sv-list__item.sv-list__item--selected .sv-list__item-icon use, .sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use, .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use, .sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use, li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use { fill: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use, .sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use, .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use, .sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use, li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use { fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body, .sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-weight: 400; } .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-weight: 400; } .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__item.sv-list__item--disabled .sv-list__item-body { cursor: default; color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__item span { white-space: nowrap; } .sv-list__item-text--wrap span { white-space: normal; word-wrap: break-word; } .sv-list__container { position: relative; display: flex; height: 100%; flex-direction: column; display: flex; min-height: 0; } .sv-list__filter { border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))); background: var(--sjs-general-backcolor, var(--background, #fff)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-list__filter-icon { display: block; position: absolute; top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__filter-icon .sv-svg-icon { width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-list__filter-icon .sv-svg-icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; background: var(--sjs-general-backcolor, var(--background, #fff)); box-sizing: border-box; width: 100%; min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px)))); outline: none; font-size: var(--sjs-font-size, 16px); color: var(--sjs-general-forecolor, var(--foreground, #161616)); padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px)))); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); border: none; } .sv-list__input::placeholder { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__input:disabled, .sv-list__input:disabled::placeholder { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-list__loading-indicator { pointer-events: none; } .sv-list__loading-indicator .sv-list__item-body { background-color: transparent; } :root { --sjs-transition-duration: 150ms; } .sv-save-data_root { position: fixed; left: 50%; bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background: var(--sjs-general-backcolor, var(--background, #fff)); opacity: 0; padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)); border-radius: calc(2 * (var(--sjs-corner-radius, 4px))); color: var(--sjs-general-forecolor, var(--foreground, #161616)); min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px)))); text-align: center; z-index: 1600; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); display: flex; flex-direction: row; justify-content: center; align-items: center; transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))); transition-timing-function: ease-in; transition-property: transform, opacity; transition-delay: 0.25s; transition: 0.5s; } .sv-save-data_root.sv-save-data_root--shown { transition-timing-function: ease-out; transition-property: transform, opacity; transform: translateX(-50%) translateY(0); transition-delay: 0.25s; opacity: 0.75; } .sv-save-data_root span { display: flex; flex-grow: 1; } .sv-save-data_root .sv-action-bar { display: flex; flex-grow: 0; flex-shrink: 0; } .sv-save-data_root--shown.sv-save-data_success, .sv-save-data_root--shown.sv-save-data_error { opacity: 1; } .sv-save-data_root.sv-save-data_root--with-buttons { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-save-data_root.sv-save-data_error { background-color: var(--sjs-special-red, var(--red, #e60a3e)); color: var(--sjs-general-backcolor, var(--background, #fff)); font-weight: 600; gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-save-data_root.sv-save-data_error .sv-save-data_button { font-weight: 600; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: #ffffff; background-color: var(--sjs-special-red, var(--red, #e60a3e)); border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid #ffffff; border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px))); padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; align-items: center; } .sv-save-data_root.sv-save-data_error .sv-save-data_button:hover, .sv-save-data_root.sv-save-data_error .sv-save-data_button:focus { color: var(--sjs-special-red, var(--red, #e60a3e)); background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sv-save-data_root.sv-save-data_success { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); color: #ffffff; font-weight: 600; } .sv-string-viewer.sv-string-viewer--multiline { white-space: pre-wrap; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes changeHeight { from { height: var(--animation-height-from); } to { height: var(--animation-height-to); } } @keyframes moveInWithOverflow { from { overflow: hidden; height: var(--animation-height-from); min-height: var(--animation-height-from); margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-top-width: 0; border-bottom-width: 0; } 99% { overflow: hidden; margin-top: var(--animation-margin-top); margin-bottom: var(--animation-margin-bottom); padding-top: var(--animation-padding-top); padding-bottom: var(--animation-padding-bottom); border-top-width: var(--animation-border-top-width); border-bottom-width: var(--animation-border-bottom-width); height: var(--animation-height-to); min-height: var(--animation-height-to); } to { overflow: visible; margin-top: var(--animation-margin-top); margin-bottom: var(--animation-margin-bottom); padding-top: var(--animation-padding-top); padding-bottom: var(--animation-padding-bottom); border-top-width: var(--animation-border-top-width); border-bottom-width: var(--animation-border-bottom-width); height: var(--animation-height-to); min-height: var(--animation-height-to); } } @keyframes moveIn { from { height: 0; } to { height: var(--animation-height); } } @keyframes paddingFadeIn { from { padding-top: 0; padding-bottom: 0; } to { padding-bottom: var(--animation-padding-bottom); padding-top: var(--animation-padding-top); } } .sd-element { padding-left: var(--sv-element-add-padding-left, 0px); padding-right: var(--sv-element-add-padding-right, 0px); } .sd-element__title { outline: none; } .sd-element__title.sd-element__title--disabled { opacity: 0.25; } .sd-root--readonly .sd-element__title.sd-element__title--disabled { opacity: 1; } .sd-element--invisible { opacity: 0.35; } .sd-title.sd-element__title { font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-questiontitle-weight, 600); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); } .sd-element__header .sv-string-editor { max-width: 100%; white-space: normal; } .sd-element__title { font-size: 0; line-height: 0; position: static; margin: 0; } .sd-element__title .sd-element__num { font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-element__title span { font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); } .sd-element__title .sv-title-actions__title { font-size: 0; line-height: 0; } .sd-element__title .sv-title-actions__title { white-space: nowrap; } .sd-element__title .sv-string-viewer { white-space: normal; } .sd-element__title .sv-string-viewer.sv-string-viewer--multiline { white-space: pre-wrap; } .sd-element__num { float: left; padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: 0; padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px)); width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); text-align: end; box-sizing: border-box; white-space: nowrap; flex-shrink: 0; } .sd-page__num + span, .sd-element__num + span { float: left; width: 0; } [dir=rtl] .sd-element__num, [style*="direction:rtl"] .sd-element__num, [style*="direction: rtl"] .sd-element__num { float: right; } [dir=rtl] .sd-element__title--expandable:before, [style*="direction:rtl"] .sd-element__title--expandable:before, [style*="direction: rtl"] .sd-element__title--expandable:before { transform: rotate(180deg); } .sd-element__title--num-inline .sd-element__num { float: none; margin-inline-start: 0; width: auto; padding-inline-start: 0; padding-inline-end: 0; } .sd-element__title--num-inline .sd-element__num + span { float: none; width: auto; } .sd-element__title--expandable.sd-element__title--expandable { position: relative; display: block; } .sd-element__title--expandable:before { content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14L5 13L10 8L5 3L6 2L12 8L6 14Z' fill='%23909090'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center center; height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: absolute; inset-inline-start: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); transition-property: transform; } .sd-element__title--expandable.sd-element__title--expanded:before { transform: rotate(90deg); } .sd-element--with-frame { border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px)); box-sizing: border-box; padding-top: var(--sd-base-padding); padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px)); padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px)); padding-bottom: var(--sd-base-padding); background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)); } .sd-element--with-frame.sd-element--compact { border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px)); box-shadow: none; background-color: transparent; } @keyframes elementMoveIn { from { flex-basis: 0; flex-grow: 0; max-width: 0; min-width: 0; width: 0; height: 0; padding-left: 0; overflow: hidden; } to { height: var(--animation-height); flex-basis: var(--animation-width); width: var(--animation-width); min-width: var(--animation-width); padding-left: var(--animation-padding-left); overflow: visible; } } .sd-element-wrapper--enter { animation-name: elementMoveIn, fadeIn; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-fill-mode: forwards; animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms); animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms); opacity: 0; } .sd-element-wrapper--leave { animation-name: elementMoveIn, fadeIn; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-fill-mode: forwards; animation-direction: reverse; animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms); animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s; } .sd-element__content { box-sizing: border-box; } .sd-element__content--enter, .sd-element__content--leave { --animation-padding-top: 0; --animation-padding-bottom: 0; } .sd-element__content--enter { animation-name: fadeIn, moveInWithOverflow; min-height: 0 !important; opacity: 0; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms); animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s, 0s; } .sd-element__content--leave { animation-name: fadeIn, moveInWithOverflow; min-height: 0 !important; animation-direction: reverse; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms); animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms), var(--sjs-collapse-move-out-delay, 100ms); } .sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within, .sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover { background-color: transparent; } .sd-elemenet--expandable--animating.sd-element--expandable { transition-property: padding-top, padding-bottom; } .sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header { transition-property: padding-top, padding-bottom; } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-duration: var(--sjs-expand-move-in-duration, 150ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-duration: var(--sjs-expand-move-in-duration, 150ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before { transition-duration: var(--sjs-expand-move-in-duration, 150ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-duration: var(--sjs-collapse-move-out-duration, 250ms); transition-delay: var(--sjs-collapse-move-out-delay, 100ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); transition-duration: var(--sjs-collapse-move-out-duration, 250ms); transition-delay: var(--sjs-collapse-move-out-delay, 100ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before { transition-duration: var(--sjs-collapse-move-out-duration, 250ms); transition-delay: var(--sjs-collapse-move-out-delay, 100ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after { display: block; opacity: 0; height: 0; --animation-height: 1px; animation-name: fadeIn, moveIn; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s; animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms); } .sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after { animation-direction: reverse; opacity: 1; height: 1px; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms); animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms); } .sd-question { position: relative; } .sd-question--no-pointer-events .sd-selectbase label, .sd-question--no-pointer-events .sd-rating label { pointer-events: none; } .sd-element__erbox--above-element { margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question__erbox--below-question { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question__content--support-container-queries { container-type: inline-size; } .sd-question--title-top > .sd-question__erbox--above-question { margin-bottom: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-question--description-under-input > .sd-question__erbox--below-question, .sd-question--title-bottom > .sd-question__erbox--below-question { margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-element--with-frame > .sd-element__erbox--above-element { margin-bottom: var(--sd-base-padding); border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0; } .sd-question--left > .sd-element__erbox--above-element { margin-bottom: 0; } .sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element { margin-bottom: calc(1 * var(--sd-base-vertical-padding)); } .sd-element--with-frame > .sd-question__erbox--below-question { margin-top: auto; border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px); } .sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question { margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question, .sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question { margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-question__header { width: 100%; } .sd-question__header--location-top { padding-bottom: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-question__header--location--bottom { padding-top: calc(0.375 * var(--sd-base-vertical-padding)); } .sd-element--with-frame.sd-question--title-top { padding-top: var(--sd-base-vertical-padding); } .sd-element--with-frame.sd-question--error-top { padding-top: 0; } .sd-element--with-frame.sd-question--error-bottom { padding-bottom: 0; display: flex; flex-direction: column; } .sd-element--with-frame.sd-question--error-bottom > .sd-question__content { margin-bottom: var(--sd-base-padding); } .sd-element--with-frame > .sd-element__erbox { margin-left: calc(-1 * var(--sd-base-padding)); margin-right: calc(-1 * var(--sd-base-padding)); width: calc(100% + 2 * var(--sd-base-padding)); } .sd-scrollable .sd-question__content { overflow-x: auto; padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-question__header--location--left { display: inline-block; width: auto; vertical-align: top; margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--left { display: flex; flex-wrap: wrap; flex-direction: row; column-gap: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); row-gap: calc(0.25 * var(--sd-base-vertical-padding)); } .sd-question__content--left { display: inline-block; flex: 1; margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0; max-width: 100%; } .sd-element--with-frame > .sd-question__content--left { margin: 0; } .sd-question__required-text { color: var(--sjs-special-red, var(--red, #e60a3e)); vertical-align: top; } .sd-question__comment-area { font-size: var(--sjs-font-size, 16px); margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; flex-direction: column; gap: var(--sjs-base-unit, var(--base-unit, 8px)); color: var(--sjs-general-forecolor, var(--foreground, #161616)); white-space: normal; } .sd-question__placeholder { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: flex; flex-direction: column; align-items: center; text-align: center; gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); justify-content: center; min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); } .sd-question__placeholder > div .sv-string-viewer, .sd-question__placeholder > span .sv-string-viewer { white-space: pre-line; } .sd-scrollable-container:not(.sd-scrollable-container--compact) { width: max-content; overflow: visible; max-width: 100%; } .sd-question__title--empty .sv-string-viewer { display: inline-block; height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); } .sd-question__content { box-sizing: border-box; } .sd-error { display: block; padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-corner-radius, 4px); line-height: var(--sjs-font-size, 16px); font-size: calc(0.75 * (var(--sjs-font-size, 16px))); font-weight: 600; text-align: left; color: var(--sjs-special-red, var(--red, #e60a3e)); white-space: normal; width: 100%; background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); box-sizing: border-box; } .sd-element--expanded > .sd-element__header, .sd-element--collapsed > .sd-element__header { cursor: pointer; } .sd-element--collapsed > .sd-element__header { padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding); box-sizing: border-box; background-color: var(--sjs-general-backcolor, var(--background, #fff)); margin-inline-start: calc(-1 * var(--sd-base-padding)); width: calc(100% + 2 * var(--sd-base-padding)); } .sd-element--collapsed.sd-element--with-frame { padding-top: 0; padding-bottom: 0; } .sd-element--collapsed.sd-element--with-frame > .sd-element__header { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px)); } .sd-element--collapsed > .sd-element__header:focus-within, .sd-element--collapsed > .sd-element__header:hover { background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sd-element--collapsed.sd-element--nested > .sd-element__header:hover, .sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within { box-shadow: 0 calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sd-element--complex.sd-element--with-frame { padding-top: 0; } .sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox, .sd-element--complex.sd-element--with-frame > .sd-element__erbox { margin-top: 0; margin-bottom: 0; } .sd-element--complex > .sd-element__header:after { content: " "; display: block; height: 1px; position: relative; background: var(--sjs-border-light, var(--border-light, #eaeaea)); bottom: 0; } .sd-element--complex.sd-element--with-frame > .sd-element__header { padding-top: var(--sd-base-vertical-padding); padding-bottom: var(--sd-base-vertical-padding); } .sd-element--collapsed.sd-element--complex > .sd-element__header { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-element--nested.sd-element--complex > .sd-element__header--location-top:after { bottom: calc(-0.5 * var(--sd-base-vertical-padding)); } .sd-element--nested-with-borders { border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea)); border-radius: calc(var(--sjs-corner-radius, 4px) - 4px); box-sizing: border-box; padding-left: var(--sd-base-padding); padding-right: var(--sd-base-padding); } .sd-element--nested-with-borders > .sd-element__header--location-top { padding-top: calc(0.5 * var(--sd-base-vertical-padding)); padding-bottom: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-element--nested-with-borders > .sd-element__erbox { margin-left: calc(-1 * var(--sd-base-padding)); margin-right: calc(-1 * var(--sd-base-padding)); width: calc(100% + 2 * var(--sd-base-padding)); } .sd-element--nested-with-borders > .sd-question__erbox--below-question { bottom: 0; margin-top: 0; } .sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover, .sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within { box-shadow: none; } .sd-element--nested-with-borders > .sd-element__header--location-top:after, .sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after { bottom: calc(-1 * var(--sd-base-vertical-padding)); inset-inline-start: calc(-1 * var(--sd-base-padding)); width: calc(100% + 2 * var(--sd-base-padding)); } .sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after { display: none; } .sd-question--empty.sd-question--complex > .sd-question__content { padding-top: 0; padding-bottom: 0; } .sd-question--empty.sd-question--complex > .sd-question__content:first-of-type { padding-top: var(--sd-base-padding); } .sd-question--empty.sd-question--complex > .sd-question__header--location-top { padding-bottom: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-question--empty.sd-question--complex > .sd-question__header--location-top:after { display: none; } .sd-input { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); -webkit-appearance: none; -moz-appearance: none; appearance: none; position: static; width: 100%; box-sizing: border-box; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-editorfont-weight, 400); color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))); font-size: var(--sjs-internal-font-editorfont-size); background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))); border: none; border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px)); text-align: start; box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-input:focus { box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-input.sd-input:focus { outline: none; } input.sd-input:disabled:not(.sd-input--disabled), textarea.sd-input:disabled:not(.sd-input--disabled) { opacity: 1; } .sd-input--disabled { background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sd-input--readonly { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-input.sd-input--preview { background: none; box-shadow: none; transition: none; border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616)); border-radius: 0; padding-left: 0; padding-right: 0; } .sd-input::placeholder { color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sd-input.sd-input--disabled, .sd-input.sd-input--disabled::placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); opacity: 0.25; } .sd-input.sd-input--readonly { color: var(--sjs-general-forecolor, var(--foreground, #161616)); box-shadow: none; transition: none; } .sd-input.sd-input--readonly::placeholder { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-root--readonly .sd-input--disabled, .sd-root--readonly .sd-input--disabled::placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-input--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-text__content { position: relative; } .sd-text__character-counter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sd-text__character-counter:focus-within { padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-text__character-counter.sd-text__character-counter--big:focus-within { padding-inline-end: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-remaining-character-counter { display: none; flex-direction: row; justify-content: flex-end; align-items: flex-end; padding: 0px; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); font-size: var(--sjs-font-size, 16px); color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); position: absolute; inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-text__content:focus-within .sd-remaining-character-counter, .sd-comment__content:focus-within .sd-remaining-character-counter, .sd-multipletext__content:focus-within .sd-remaining-character-counter, .sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter { display: flex; } .sd-input[type=time], .sd-input[type=date], .sd-input[type=datetime-local], .sd-input[type=week], .sd-input[type=month], .sd-input[type=tel], .sd-input[type=password], .sd-input[type=url], .sd-input[type=email], .sd-input[type=color], .sd-input[type=range] { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); box-sizing: content-box; width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-input[type=time].sd-text__character-counter:focus-within, .sd-input[type=date].sd-text__character-counter:focus-within, .sd-input[type=datetime-local].sd-text__character-counter:focus-within, .sd-input[type=week].sd-text__character-counter:focus-within, .sd-input[type=month].sd-text__character-counter:focus-within, .sd-input[type=tel].sd-text__character-counter:focus-within, .sd-input[type=password].sd-text__character-counter:focus-within, .sd-input[type=url].sd-text__character-counter:focus-within, .sd-input[type=email].sd-text__character-counter:focus-within, .sd-input[type=color].sd-text__character-counter:focus-within, .sd-input[type=range].sd-text__character-counter:focus-within { width: calc(100% - 10 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-input[type=range]::-webkit-slider-runnable-track { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: 100%; border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394)); box-shadow: inset 0 0 0 2px var(--background, #fff); background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-input[type=range]::-moz-range-track { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border-radius: var(--sjs-base-unit, var(--base-unit, 8px)); height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-input[type=range]::-moz-range-thumb { -webkit-appearance: none; appearance: none; margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: 100%; border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394)); box-shadow: inset 0 0 0 2px var(--background, #fff); background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-comment { display: block; height: auto; min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); max-width: 100%; } .sd-comment__content { position: relative; } .sd-panel { position: relative; } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header { padding-top: 0; padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after { content: none; } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title { --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px)))); font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-pagetitle-weight, 700); font-size: var(--page-title-font-size); color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); position: static; line-height: calc(1.33 * (var(--page-title-font-size))); margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px; } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description { font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-pagedescription-weight, 400); font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px)); color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))); position: static; line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px)))); margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text { display: none; } .sd-panel.sd-panel--as-page > .sd-panel__errbox { margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding); } .sd-panel.sd-panel--as-page > .sd-panel__content { padding-top: 0; } .sd-root--compact .sd-panel--as-page > .sd-panel__errbox { margin: 0 0 var(--sd-base-vertical-padding) 0; } .sd-row ~ .sd-row .sd-panel--as-page { padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel__required-text { color: var(--sjs-special-red, var(--red, #e60a3e)); } .sd-panel__footer { box-sizing: border-box; padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px))); margin-left: calc(-1 * var(--sd-base-padding)); width: calc(100% + 2 * var(--sd-base-padding)); margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding)); margin-top: calc(0.5 * var(--sd-base-vertical-padding)); border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea)); padding-top: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-panel--as-page .sd-panel__footer { padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0; margin: 0; border: none; width: initial; } .sd-panel__content { padding-top: var(--sd-base-padding); } .sd-panel.sd-element--nested > .sd-panel__content { padding-bottom: var(--sd-base-padding); --animation-padding-top: var(--sd-base-padding); } .sd-panel__content { --animation-padding-top: var(--sd-base-padding); } .sjs_sp_placeholder { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sjs_sp_container { border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6)); box-sizing: content-box; } .sd-question--readonly .sjs_sp_container, .sd-question--preview .sjs_sp_container { border: none; } .sd-question--readonly .sjs_sp_placeholder, .sd-question--preview .sjs_sp_placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sjs_sp_controls.sd-signaturepad__controls { right: var(--sjs-base-unit, var(--base-unit, 8px)); top: var(--sjs-base-unit, var(--base-unit, 8px)); left: auto; bottom: auto; } .sd-question--signature.sd-question--error .sjs_sp_placeholder { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-signaturepad__background-image { position: absolute; top: 0; left: 0; object-fit: cover; } .sd-signaturepad__loading-indicator { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sd-signaturepad__loading-indicator .sd-loading-indicator { position: absolute; right: var(--sjs-base-unit, var(--base-unit, 8px)); top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-checkbox__decorator { border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px))); } .sd-checkbox__svg { display: block; width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-checkbox__svg use { fill: transparent; transition: fill var(--sjs-transition-duration, 150ms); } .sd-checkbox--checked .sd-checkbox__svg use { fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use { fill: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn { position: sticky; left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); z-index: 12; } .sd-matrixdynamic__footer:first-child { padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdynamic__footer { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-action.sd-matrixdynamic__remove-btn { opacity: 0.5; } .sd-action.sd-matrixdynamic__remove-btn .sd-action__icon { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); width: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-matrixdynamic__btn { appearance: none; background: transparent; border: none; line-height: calc(1.5 * (var(--sjs-font-size, 16px))); font-size: var(--sjs-font-size, 16px); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: 600; padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0; } .sd-matrixdynamic__drag-element { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdynamic__drag-element:hover { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-matrixdynamic__drag-element:after { content: " "; display: block; height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); box-sizing: border-box; border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn { margin-left: 0; } .sd-drag-element__svg { width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: block; } .sd-drag-element__svg use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } @keyframes borderAnimation { from { border-width: 0px; } to { border-width: 8px; } } @keyframes paddingAnimation { from { padding-top: 0; padding-bottom: 0; } to { padding-top: 24px; padding-bottom: 32px; } } @keyframes empty {} .sd-table__row--leave, .sd-table__row--enter { animation-name: empty; --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay)); --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay)); animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration)); } .sd-table__row--leave > td, .sd-table__row--enter > td { animation-name: borderAnimation; animation-direction: var(--animation-direction); animation-timing-function: var(--animation-timing-function); animation-duration: var(--move-animation-duration); animation-fill-mode: forwards; animation-delay: var(--move-animation-delay); } .sd-table__row--leave > td > div, .sd-table__row--enter > td > div { animation-name: fadeIn, moveInWithOverflow; opacity: 0; animation-direction: var(--animation-direction); animation-timing-function: var(--animation-timing-function); animation-fill-mode: forwards; animation-duration: var(--fade-animation-duration), var(--move-animation-duration); animation-delay: var(--fade-animation-delay), var(--move-animation-delay); } .sd-table__row--enter { --move-animation-delay: 0s; --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms); --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms); --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms); --animation-direction: normal; --animation-timing-function: cubic-bezier(0, 0, 0.58, 1); } .sd-table__row--leave { --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms); --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms); --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms); --fade-animation-delay: 0s; --animation-direction: reverse; --animation-timing-function: cubic-bezier(0.42, 0, 1, 1); } .sd-table__row--detail.sd-table__row--enter > td, .sd-table__row--detail.sd-table__row--leave > td { animation-name: borderAnimation, paddingAnimation; animation-duration: var(--move-animation-duration); animation-fill-mode: forwards; animation-direction: var(--animation-direction); animation-timing-function: var(--animation-timing-function); } .sd-table__row--detail.sd-table__row--enter { --move-animation-delay: 0s; --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms); --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms); --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms); --animation-direction: normal; --animation-timing-function: cubic-bezier(0, 0, 0.58, 1); } .sd-table__row--detail.sd-table__row--leave { --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms); --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms); --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms); --fade-animation-delay: 0s; --animation-direction: reverse; --animation-timing-function: cubic-bezier(0.42, 0, 1, 1); } .sd-table { width: 100%; background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); border-collapse: separate; border-spacing: 0; white-space: normal; } .sd-table > thead > tr > th { border-top: 0; border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; } .sd-table__cell { border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; border-left: none; border-right: none; background-clip: padding-box; box-sizing: content-box; } .sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) { width: 10000px; } .sd-table__row:first-of-type > .sd-table__cell { border-top: 0; } .sd-table__row:last-of-type > .sd-table__cell { border-bottom: 0; } .sd-table--align-top .sd-table__cell { vertical-align: top; } .sd-table--no-header { padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header { padding-top: 0; } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content { padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header { padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: 0; } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows { margin-left: var(--sjs-base-unit, var(--base-unit, 8px)); margin-right: var(--sjs-base-unit, var(--base-unit, 8px)); width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type { padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type { padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell { border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell { border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions), .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type { border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input { background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator { background-color: transparent; } .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after, .sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after { background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-table__cell { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-weight: normal; font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); padding: 0 var(--sjs-base-unit, var(--base-unit, 8px)); color: var(--sjs-general-forecolor, var(--foreground, #161616)); text-align: center; } .sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) { min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell .sd-item { text-align: initial; } .sd-table__cell--error { border: none; padding: 0 var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--error .sd-question__erbox { margin: 0; } .sd-table__cell--error-top { vertical-align: bottom; padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--error-bottom { vertical-align: top; padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--item .sd-selectbase__item { text-align: center; } .sd-table__cell--item .sd-selectbase__label { justify-content: center; } .sd-question--disabled .sd-table__cell { opacity: 0.25; } .sd-root--readonly .sd-question--disabled .sd-table__cell { opacity: 1; } .sd-table__cell--header .sv-vue-title-additional-div, .sd-table__cell--header { font-size: 0; line-height: 0; } .sd-table__cell--header span { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); font-weight: var(--sjs-font-questiontitle-weight, 600); } .sd-table__cell--header { font-weight: 600; color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); vertical-align: top; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--header:not(.sd-table__cell--empty) { min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty { min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action { min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) { min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown, .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating { min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean { min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell--footer { text-align: end; padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--footer-total { font-weight: 600; text-align: start; } .sd-table__cell--detail-panel { border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent; } .sd-table__cell--actions .sv-action-bar, .sd-matrixdynamic__add-btn .sv-action-bar { overflow: visible; } .sd-table__cell--actions:not(.sd-table__cell--vertical) { width: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type { padding-left: 0; width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell--detail-button { border: none; background: transparent; border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: var(--sjs-base-unit, var(--base-unit, 8px)); transition: background var(--sjs-transition-duration, 150ms); } .sd-table__cell--detail-button svg { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: block; width: var(--sjs-internal-font-editorfont-size); height: var(--sjs-internal-font-editorfont-size); fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); transition: fill var(--sjs-transition-duration, 150ms); } .sd-table__cell--detail-button:hover, .sd-table__cell--detail-button:focus { background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); outline: none; } .sd-table__cell--detail-button:hover svg, .sd-table__cell--detail-button:focus svg { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-table__cell--actions { white-space: nowrap; } .sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar { justify-content: center; } .sd-table__cell--row-text { font-weight: var(--sjs-font-questiontitle-weight, 600); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); text-align: start; min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-matrix__question-wrapper { position: relative; } .sd-table__question-wrapper:not(:focus-within):hover { position: relative; } .sd-table__cell--actions:not(.sd-table__cell--vertical), .sd-table__cell--empty, .sd-table__cell--row-text, .sd-table__cell--footer-total, .sd-matrix__cell:first-of-type, .sd-matrix tr > td:first-of-type { position: sticky; background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); z-index: 12; } .sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type, .sd-table__cell--empty:first-of-type, .sd-table__cell--row-text:first-of-type, .sd-table__cell--footer-total:first-of-type, .sd-matrix__cell:first-of-type:first-of-type, .sd-matrix tr > td:first-of-type:first-of-type { left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type, .sd-table__cell--empty:last-of-type, .sd-table__cell--row-text:last-of-type, .sd-table__cell--footer-total:last-of-type, .sd-matrix__cell:first-of-type:last-of-type, .sd-matrix tr > td:first-of-type:last-of-type { right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar { margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); justify-content: flex-end; background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); } .sd-question.sd-question--table { position: relative; overflow-x: auto; } .sd-question--table.sd-element--collapsed, .sd-question--table.sd-element--nested { overflow-x: visible; } .sd-question--table .sd-question__header--location--left { z-index: 12; } .sd-table-wrapper { display: flex; margin: 0 calc(-1 * var(--sd-base-padding)); width: fit-content; min-width: calc(100% + 2 * var(--sd-base-padding)); } .sd-table-wrapper:before, .sd-table-wrapper:after { content: ""; display: block; position: sticky; min-height: 100%; width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px))); flex-shrink: 0; background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); z-index: 11; } .sd-table-wrapper::before { left: calc(-1 * var(--sd-base-padding)); } .sd-table-wrapper:after { right: calc(-1 * var(--sd-base-padding)); } .sd-table-wrapper > * { flex-basis: 100%; } .sd-element--with-frame.sd-element--compact .sd-table { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-element--with-frame.sd-element--compact .sd-table-wrapper:before, .sd-element--with-frame.sd-element--compact .sd-table-wrapper:after { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical), .sd-element--with-frame.sd-element--compact .sd-table__cell--empty, .sd-element--with-frame.sd-element--compact .sd-table__cell--row-text, .sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total, .sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type, .sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-question--table > .sd-question__header, .sd-question--table .sd-question__description--under-input .sv-string-viewer { position: sticky; left: 0; } .sd-question--table > .sd-question__content { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-width: min-content; } .sd-question--table.sd-element--nested > .sd-question__content { min-width: auto; overflow-x: auto; } .sd-question--table.sd-element--nested > .sd-question__content, .sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) { padding-right: var(--sd-base-padding); margin-right: calc(-1 * var(--sd-base-padding)); padding-left: var(--sd-base-padding); margin-left: calc(-1 * var(--sd-base-padding)); box-sizing: content-box; } .sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content { padding-right: calc(var(--sd-base-padding) + 2px); } .sd-question--scroll { overflow-x: scroll; } .sd-table__row-disabled > .sd-table__cell { opacity: 0.25; } .sd-question--mobile.sd-question.sd-question--table > .sd-question__content { padding-top: 0; --animation-padding-top: 0; } .sd-question--mobile.sd-question--table, .sd-question--mobile.sd-question--scroll { overflow-x: visible; } .sd-question--mobile .sd-table__cell.sd-matrix__cell { display: flex; align-items: flex-start; border-top: none; border-bottom: none; } .sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title { margin-left: var(--sjs-base-unit, var(--base-unit, 8px)); text-align: start; } .sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question--mobile .sd-table thead { display: none; } .sd-question--mobile .sd-table tr { display: flex; flex-direction: column; } .sd-question--mobile .sd-matrix__table .sd-table__row { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question--mobile .sd-table__row { padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile { display: none; } .sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row { padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions { padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) { padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) { padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after { bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before, .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after { z-index: 12; content: " "; display: block; position: relative; height: 1px; background-color: var(--sjs-border-light, var(--border-light, #eaeaea)); left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px))); z-index: 12; } .sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after { bottom: 0; } .sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr { padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before { background-color: transparent; } .sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile, .sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row { margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-matrix__label { justify-content: flex-start; } .sd-question--mobile .sd-table__cell { border-top: none; border-bottom: none; display: block; padding-top: 0; padding-bottom: 0; text-align: start; } .sd-question--mobile .sd-table__cell { margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table__cell--error { margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question--mobile .sd-table__cell:first-of-type, .sd-question--mobile .sd-matrix__cell { margin-top: 0; } .sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) { display: none; } .sd-question--mobile .sd-table__responsive-title { padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); font-weight: 600; display: block; text-align: start; } .sd-question--mobile .sd-table__responsive-title .sv-string-viewer { white-space: normal; } .sd-question--mobile .sd-table--no-header { padding-top: 0; } .sd-question--mobile .sd-table--no-header .sd-table__responsive-title { display: none; } .sd-question--mobile .sd-table__cell--detail-panel { padding-top: 0; padding-bottom: 0; border-top: 0; border-bottom: 0; } .sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content { padding-top: 0; } .sd-question--mobile .sd-table__cell.sd-table__cell--actions { width: auto; margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar { margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile { flex-grow: 1; } .sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn { opacity: 1; padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon { display: none; } .sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after { content: attr(title); } .sd-question--mobile .sd-matrixdynamic__footer { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell), .sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-question--mobile .sd-matrixdropdown.sd-table tr::after { bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after { content: none; } .sd-question--mobile .sd-table__cell.sd-table__cell--error-top { margin-top: 0; } .sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) { margin-top: 0; } .sd-question--mobile .sd-table__cell--error-top .sd-question__erbox { margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox { margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-question--mobile .sd-table__question-wrapper .sd-boolean-root { margin: initial; } .sd-table__cell--detail-panel .sd-panel__content { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-table__question-wrapper .sd-boolean-root { margin: auto; } .sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression { padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea)); font-size: var(--sjs-font-size, 16px); font-weight: 600; line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-table__cell--footer .sd-table__question-wrapper--left { text-align: start; } .sd-table__cell--footer .sd-table__question-wrapper--center { text-align: center; } .sd-table__cell--footer .sd-table__question-wrapper--right { text-align: end; } .sd-table.sd-matrixdynamic { table-layout: auto; } .sd-page { position: relative; display: flex; flex-direction: column; align-items: flex-start; padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 100%; box-sizing: border-box; } .sd-root-modern--mobile .sd-page { padding: 0; } .sd-page .sd-page__title { --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px)))); font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-pagetitle-weight, 700); font-size: var(--page-title-font-size); color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); position: static; line-height: calc(1.33 * (var(--page-title-font-size))); margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px; } .sd-page .sd-page__description { font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-pagedescription-weight, 400); font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px)); color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))); position: static; line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px)))); margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-page__errbox { padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding); } .sd-page__title ~ .sd-page__errbox, .sd-page__description ~ .sd-page__errbox { margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))); margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root--compact .sd-page__title ~ .sd-page__errbox, .sd-root--compact .sd-page__description ~ .sd-page__errbox { margin-bottom: 0; } .sd-row { display: flex; flex-direction: row; width: 100%; box-sizing: border-box; margin-top: var(--sd-base-vertical-padding); } .sd-row.sd-page__row { margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-page__row.sd-row--compact { margin-top: var(--sd-base-vertical-padding); } .sd-row:first-of-type { margin-top: 0; } .sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact), .sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) { margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-page__title ~ .sd-page__row.sd-row--compact, .sd-page__description ~ .sd-page__row.sd-row--compact { margin-top: var(--sd-base-vertical-padding); } .sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter, .sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter { margin-top: 0; } .sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) { margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter { margin-top: 0; } .sd-row--multiple { row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: calc(-1 * var(--sd-base-padding)); width: calc(100% + var(--sd-base-padding)); flex-wrap: wrap; } .sd-row--multiple > div { box-sizing: border-box; --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; align-items: stretch; } .sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) { margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(100% + var(--base-unit) * 2); } .sd-panel:not(.sd-panel--as-page) .sd-row--multiple { row-gap: var(--sd-base-vertical-padding); } .sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div { --animation-padding-left: var(--sd-base-padding); padding-left: var(--sd-base-padding); } .sd-row--multiple.sd-row--compact > div { --animation-padding-left: var(--sd-base-padding); padding-left: var(--sd-base-padding); } .sd-page__row.sd-row--multiple { margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-page__row.sd-row--multiple.sd-row--compact { padding: 0; row-gap: var(--sd-base-vertical-padding); margin-left: calc(-1 * var(--sd-base-padding)); width: calc(100% + var(--sd-base-padding)); } .sd-row__panel { box-sizing: border-box; width: 100%; } .sd-row__question { box-sizing: border-box; width: 100%; white-space: nowrap; } .sd-row.sd-row--enter { margin-top: 0; } .sd-row--enter { animation-fill-mode: forwards; animation-name: fadeIn, moveInWithOverflow; min-height: 0 !important; opacity: 0; height: 0; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-delay: var(--sjs-row-fade-in-delay, 150ms), 0s, 0s; animation-duration: var(--sjs-row-fade-in-duration, 500ms), var(--sjs-row-move-in-duration, 150ms), var(--sjs-row-move-in-duration, 150ms); } .sd-row--delayed-enter { animation-delay: calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)), var(--sjs-row-fade-in-animation-delay, 400ms), var(--sjs-row-fade-in-animation-delay, 400ms); } .sd-row--leave { animation-name: fadeIn, moveInWithOverflow; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-fill-mode: forwards; animation-direction: reverse; min-height: 0 !important; animation-delay: 0s, var(--sjs-row-move-out-delay, 100ms), var(--sjs-row-move-out-delay, 100ms); animation-duration: var(--sjs-row-fade-out-duration, 150ms), var(--sjs-row-move-out-duration, 250ms), var(--sjs-row-move-out-duration, 250ms); } .sd-row--enter .sd-element-wrapper--enter { animation: none; } .sd-row--leave .sd-element-wrapper--leave { animation: none; } .sd-title { display: block; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; color: var(--sjs-general-forecolor, var(--foreground, #161616)); flex-direction: row; white-space: normal; } .sd-title.sd-container-modern__title { display: flex; align-items: center; padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding); overflow: auto; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-title.sd-container-modern__title .sd-logo.sv-logo--right { margin-left: auto; } .sd-title.sd-container-modern__title .sd-logo__image { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-header__text { display: flex; flex-direction: column; gap: var(--sjs-base-unit, var(--base-unit, 8px)); flex-grow: 1; } .sd-header__text .sd-title { --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px)))); font-size: var(--survey-title-font-size); line-height: calc(1.25 * (var(--survey-title-font-size))); color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-surveytitle-weight, 700); } .sd-header__text h3 { line-height: calc(2.5 * (var(--sjs-font-size, 16px))); } .sd-header__text h5 { font-size: var(--sjs-font-size, 16px); font-weight: 400; line-height: calc(1.5 * (var(--sjs-font-size, 16px))); } .sd-header__text .sd-description { --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px)); font-size: var(--survey-description-font-size); line-height: calc(1.5 * (var(--survey-description-font-size))); color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-surveydescription-weight, 400); } .sd-title .sv-title-actions { width: 100%; justify-content: space-between; } .sd-root-modern .sd-container-modern__title { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-root-modern .sd-container-modern__title .sd-header__text h3 { margin: 0; } .sd-root-modern .sd-container-modern__title .sd-description { margin: 0; color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-title .sv-title-actions { align-items: flex-start; width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-title .sv-title-actions .sv-title-actions__title { flex-wrap: wrap; flex: 0 1 auto; max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px))); white-space: initial; min-width: unset; } .sd-root--compact .sd-title .sv-title-actions { width: 100%; } .sd-action-title-bar { flex: 1 9 auto; min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); justify-content: flex-end; margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-action-title-bar .sv-action { flex: 0 0 auto; } .sd-action-title-bar.sd-action-bar--empty { min-width: 0; } .sd-description { font-style: normal; font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-questiondescription-weight, 400); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px)))); white-space: normal; } .sd-description.sd-question__description--under-input { padding-top: calc(0.375 * var(--sd-base-vertical-padding)); } .sd-element__header .sd-description { margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-item { padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-item--disabled.sd-item--disabled .sd-item__decorator, .sd-item__decorator { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: flex; align-items: center; justify-content: center; width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))); border: none; flex-shrink: 0; margin-top: calc((1.5 * (var(--sjs-internal-font-editorfont-size)) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2); box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms); } .sd-item--readonly.sd-item--readonly .sd-item__decorator { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); box-shadow: none; transition: none; } .sd-item--preview.sd-item--preview .sd-item__decorator { background-color: transparent; box-shadow: none; transition: none; } .sd-item--checked .sd-item__decorator { box-shadow: none; } .sd-item__control:focus + .sd-item__decorator { background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); outline: none; box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator { background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243))); outline: none; } .sd-item--checked .sd-item__decorator { background: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-item__control-label { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-style: normal; font-weight: var(--sjs-font-editorfont-weight, 400); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); font-size: var(--sjs-internal-font-editorfont-size); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); white-space: normal; width: 100%; text-align: start; min-width: 0; } .sd-item__control-label .sv-string-viewer { max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: block; } .sd-item--disabled .sd-item__control-label { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); opacity: 0.25; } .sd-root--readonly .sd-item--disabled .sd-item__control-label { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); } .sd-item--error .sd-item__decorator { background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-selectbase { border: none; margin: 0; padding: 0; min-inline-size: 0; min-width: 0; } .sd-selectbase--row { border: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-selectbase--multi-column { display: flex; flex: 1 1 0px; flex-wrap: nowrap; overflow: auto; padding: 0 2px; margin: 0 -2px; } .sd-selectbase__label { display: inline-flex; position: relative; gap: var(--sjs-base-unit, var(--base-unit, 8px)); vertical-align: top; max-width: 100%; } .sd-selectbase__column { vertical-align: top; } .sd-selectbase__column { display: block; box-sizing: border-box; flex: 1 1 0px; max-width: 100%; } .sd-selectbase__column:not(:last-child) { padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-selectbase__column.sv-q-column-1 { width: 100%; } .sd-item--enter, .sd-item--leave { animation-name: moveInWithOverflow, fadeIn; opacity: 0; animation-fill-mode: forwards; animation-timing-function: linear; animation-direction: var(--animation-direction); animation-duration: var(--move-animation-duration), var(--fade-animation-duration); animation-delay: var(--move-animation-delay), var(--fade-animation-delay); } .sd-item--enter { --animation-direction: normal; --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms); --move-animation-delay: 0s; --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms); --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms); } .sd-item--leave { --animation-direction: reverse; --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms); --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms); --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms); --fade-animation-delay: 0s; } div[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter { --move-animation-duration: 0s; --fade-animation-delay: 0s; } .sd-checkbox__decorator { border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px))); } .sd-checkbox__svg { display: block; width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-checkbox__svg use { fill: transparent; transition: fill var(--sjs-transition-duration, 150ms); } .sd-checkbox--checked .sd-checkbox__svg use { fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use { fill: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-radio__decorator { border-radius: 50%; } .sd-radio__decorator:after { content: " "; display: block; width: var(--sjs-base-unit, var(--base-unit, 8px)); height: var(--sjs-base-unit, var(--base-unit, 8px)); border-radius: 50%; background-color: transparent; transition: background-color var(--sjs-transition-duration, 150ms); } .sd-radio--checked .sd-radio__decorator:after { content: " "; display: block; width: var(--sjs-base-unit, var(--base-unit, 8px)); height: var(--sjs-base-unit, var(--base-unit, 8px)); border-radius: 50%; background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after { background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after { background-color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-radio--checked.sd-radio--preview .sd-radio__decorator:after { display: none; } .sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); display: block; width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-radio__svg { display: none; } .sd-visuallyhidden { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .sd-matrix fieldset { border: none; padding: 0; margin: 0; } .sd-matrix__label { display: flex; position: relative; justify-content: center; } .sd-matrix__text { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrix__text--checked { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-matrix__cell:first-of-type { font-weight: var(--sjs-font-questiontitle-weight, 600); text-align: start; } :root { --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e)); --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814)); --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394)); --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))); --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1))); } .sd-rating { overflow-x: auto; min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating fieldset { display: flex; border: none; padding: 0 0 2px 0; flex-wrap: nowrap; gap: var(--sjs-base-unit, var(--base-unit, 8px)); margin-inline-start: 0; align-items: center; } .sd-rating.sd-rating--wrappable fieldset { flex-wrap: wrap; min-width: 0; } .sd-rating.sd-rating--labels-top fieldset { padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: relative; } .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text { position: absolute; margin: 0; left: 0; top: 0; border: 0; } .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text { position: absolute; margin: 0; right: 0; top: 0; border: 0; } .sd-rating.sd-rating--labels-bottom fieldset { padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: relative; } .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text { position: absolute; margin: 0; left: 0; bottom: 0; border: 0; } .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text { position: absolute; margin: 0; right: 0; bottom: 0; border: 0; } .sd-rating.sd-rating--labels-diagonal fieldset { padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: relative; } .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text { position: absolute; margin: 0; left: 0; top: 0; border: 0; } .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text { position: absolute; margin: 0; right: 0; bottom: 0; border: 0; } .sd-rating--small { min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: auto; } .sd-rating--small fieldset { padding: 0; gap: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-rating__item { position: relative; background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); white-space: nowrap; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; justify-content: center; align-items: center; box-sizing: border-box; min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); text-align: center; border: 0px solid transparent; color: var(--sjs-general-forecolor, var(--foreground, #161616)); fill: var(--sjs-general-forecolor, var(--foreground, #161616)); font-size: var(--sjs-font-size, 16px); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff)); transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms); } .sd-rating__item--fixed-size { width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: 0; } legend + .sd-rating__item, legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley, legend + sv-ng-rating-item + .sd-rating__item { margin-inline-start: 2px; } .sd-rating__item--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); box-shadow: 0px 1px 2px transparent; border: none; } .sd-rating__item.sd-rating__item--disabled { color: var(--sjs-general-forecolor, var(--foreground, #161616)); fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled { color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); fill: var(--sjs-general-forecolor, var(--foreground, #161616)); background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5)); border: none; } .sd-rating__item.sd-rating__item--readonly { fill: transparent; background-color: transparent; border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))); box-shadow: none; transform: none; } .sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly { border-color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item.sd-rating__item--preview { fill: transparent; background-color: transparent; border: 1px solid transparent; box-shadow: none; transform: none; } .sd-rating__item.sd-rating__item--preview:focus-within { box-shadow: none; } .sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item.sd-rating__item--selected.sd-rating__item--preview { border-color: var(--sjs-general-forecolor, var(--foreground, #161616)); border-width: 1px; } .sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-question--disabled .sd-rating__item-text { opacity: 0.25; } .sd-rating__item--allowhover:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-rating__item:focus-within { box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item--selected { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); font-weight: 600; box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item--selected:focus-within { box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-smiley { position: relative; border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); white-space: nowrap; padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; justify-content: center; align-items: center; text-align: center; border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6)); color: var(--sjs-general-forecolor, var(--foreground, #161616)); fill: var(--sjs-border-default, var(--border, #d6d6d6)); box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff)); transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms); } .sd-rating__item-smiley svg { display: block; width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-smiley--small { padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-width: 1px; } .sd-rating__item-smiley--small svg { width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within { box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within { box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); } .sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within { box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); } legend + .sd-rating__item-smiley, legend + sv-ng-rating-item + .sd-rating__item-smiley { margin-inline-start: 2px; } .sd-rating__item-smiley--scale-colored { border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); transition: box-shadow var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms); } .sd-rating__item-smiley--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); border-color: transparent; fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover { fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) { opacity: initial; } .sd-rating__item-smiley.sd-rating__item-smiley--disabled { opacity: 0.5; } .sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled { opacity: initial; fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-rating__item-smiley.sd-rating__item-smiley--readonly { fill: var(--sjs-border-default, var(--border, #d6d6d6)); border-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); border-color: var(--sjs-general-forecolor, var(--foreground, #161616)); background-color: unset; } .sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview { border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616)); fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within { box-shadow: none; } .sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg { margin: 1px; } .sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview { fill: var(--sjs-general-backcolor, var(--background, #fff)); background-color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item-smiley--allowhover:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); border-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-rating__item-smiley:focus-within { border: none; box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-smiley:focus-within { border: none; box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-smiley--selected { background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); font-weight: 600; } .sd-rating__item-smiley--selected:focus-within { border: 0px solid var(--sjs-general-backcolor, var(--background, #fff)); box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); } .sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) { opacity: 0.25; } .sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover { background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)))); border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6))); opacity: 0.5; } .sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover { opacity: 0.5; } .sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within { opacity: 1; box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); } .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within { opacity: 1; box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394))); } .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly, .sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview { opacity: 1; } .sd-rating__item-star { position: relative; width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: content-box; } .sd-rating__item-star:not(:first-of-type) { padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-star:not(:last-of-type) { padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-star svg { stroke: var(--sjs-border-default, var(--border, #d6d6d6)); stroke-width: 2px; fill: transparent; width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: block; position: absolute; transition: stroke var(--sjs-transition-duration, 150ms), opacity var(--sjs-transition-duration, 150ms), fill var(--sjs-transition-duration, 150ms); } .sd-rating__item-star .sv-star { opacity: 1; } .sd-rating__item-star .sv-star-2 { opacity: 0; } .sd-rating__item-star--small { width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-star--small svg { width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-star--small.sd-rating__item-star--selected svg { stroke-width: 1px; } .sd-rating__item-star--selected svg { stroke: transparent; fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-star--selected:nth-child(1) svg { transition-delay: 0ms; } .sd-rating__item-star--selected:nth-child(2) svg { transition-delay: 25ms; } .sd-rating__item-star--selected:nth-child(3) svg { transition-delay: 50ms; } .sd-rating__item-star--selected:nth-child(4) svg { transition-delay: 75ms; } .sd-rating__item-star--selected:nth-child(5) svg { transition-delay: 100ms; } .sd-rating__item-star--selected:nth-child(6) svg { transition-delay: 125ms; } .sd-rating__item-star--selected:nth-child(7) svg { transition-delay: 150ms; } .sd-rating__item-star--selected:nth-child(8) svg { transition-delay: 175ms; } .sd-rating__item-star--selected:nth-child(9) svg { transition-delay: 200ms; } .sd-rating__item-star--selected:nth-child(10) svg { transition-delay: 225ms; } .sd-rating__item-star--selected:nth-child(11) svg { transition-delay: 250ms; } .sd-rating__item-star--selected:nth-child(12) svg { transition-delay: 275ms; } .sd-rating__item-star--selected:nth-child(13) svg { transition-delay: 300ms; } .sd-rating__item-star--selected:nth-child(14) svg { transition-delay: 325ms; } .sd-rating__item-star--selected:nth-child(15) svg { transition-delay: 350ms; } .sd-rating__item-star--selected:nth-child(16) svg { transition-delay: 375ms; } .sd-rating__item-star--selected:nth-child(17) svg { transition-delay: 400ms; } .sd-rating__item-star--selected:nth-child(18) svg { transition-delay: 425ms; } .sd-rating__item-star--selected:nth-child(19) svg { transition-delay: 450ms; } .sd-rating__item-star--selected:nth-child(20) svg { transition-delay: 475ms; } .sd-rating__item-star--selected:nth-child(21) svg { transition-delay: 500ms; } .sd-rating__item-star--selected:nth-child(22) svg { transition-delay: 525ms; } .sd-rating__item-star--selected:nth-child(23) svg { transition-delay: 550ms; } .sd-rating__item-star--selected:nth-child(24) svg { transition-delay: 575ms; } .sd-rating__item-star--selected:nth-child(25) svg { transition-delay: 600ms; } .sd-rating__item-star--error svg { stroke: none; fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-rating__item-star--disabled { opacity: 0.5; } .sd-rating__item-star--disabled svg { stroke: var(--sjs-border-default, var(--border, #d6d6d6)); fill: none; } .sd-rating__item-star--selected.sd-rating__item-star--disabled svg { stroke: none; fill: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-rating__item-star--readonly svg { stroke: var(--sjs-border-default, var(--border, #d6d6d6)); fill: none; } .sd-rating__item-star--selected.sd-rating__item-star--readonly svg { stroke: none; fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item-star--preview svg { stroke: var(--sjs-general-forecolor, var(--foreground, #161616)); stroke-width: 1px; fill: none; } .sd-rating__item-star--selected.sd-rating__item-star--preview svg { stroke: none; fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg { stroke: var(--sjs-primary-backcolor, var(--primary, #19b394)); fill: transparent; } .sd-rating__item-star--unhighlighted svg { stroke: transparent; fill: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-rating__item-star--highlighted svg { stroke: var(--sjs-border-default, var(--border, #d6d6d6)); fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg { stroke: var(--sjs-border-default, var(--border, #d6d6d6)); fill: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg { stroke: var(--sjs-primary-backcolor, var(--primary, #19b394)); fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star { opacity: 0; } .sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 { opacity: 1; } .sd-rating__item-text.sd-rating__item-text { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-editorfont-weight, 400); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); display: inline-block; box-sizing: border-box; transition: color var(--sjs-transition-duration, 150ms); } .sd-rating__item-text.sd-rating__item-text.sd-rating__min-text, .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text { margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); border: 2px solid rgba(0, 0, 0, 0); } .sd-rating__item-text.sd-rating__item-text.sd-rating__min-text { margin-right: var(--sjs-base-unit, var(--base-unit, 8px)); border-left: 0px; } .sd-rating__item-text.sd-rating__item-text.sd-rating__max-text { margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-rating__item-text.sd-rating__item-text .sv-string-editor { white-space: nowrap; } .sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size { min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating__item-text.sd-rating__item-text::after { display: block; content: attr(data-text); font-weight: 600; height: 0; color: transparent; overflow: hidden; visibility: hidden; } .sd-rating--wrappable .sd-rating__item-text { max-width: 100%; } .sd-rating--wrappable .sd-rating__item-text .sv-string-viewer { max-width: 100%; text-overflow: ellipsis; overflow: hidden; display: block; } .sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text { border: none; } .sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text { color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); font-weight: inherit; border: none; } .sd-rating-dropdown-item { display: flex; width: 100%; justify-content: space-between; align-items: center; gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-rating-dropdown-item_description { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-weight: normal; font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); } .sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description { color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sv-ranking-item--error .sv-ranking-item__index { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); box-shadow: 0px 1px 2px transparent; border-color: transparent; } .sd-element--with-frame .sv-ranking-item { left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking.sd-ranking--readonly { user-select: initial; -webkit-user-select: initial; } .sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider { visibility: hidden; } .sv-ranking.sd-ranking--readonly .sv-ranking__container--empty { visibility: hidden; } .sv-ranking.sd-ranking--preview { user-select: initial; -webkit-user-select: initial; } .sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider { visibility: hidden; } .sv-ranking.sd-ranking--preview .sv-ranking__container--empty { visibility: hidden; } @container (max-width: 496px) { .sv-ranking--select-to-rank-horizontal { flex-direction: column-reverse; } .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider { margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; height: 1px; width: initial; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); display: flex; justify-content: center; align-items: center; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container { max-width: initial; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item { left: initial; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item { left: initial; } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder { padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder { padding-right: initial; } } @container (max-width: 176px) { .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder { margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } } .sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container { margin-left: 0; margin-right: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-element--with-frame .sv-ranking--mobile .sv-ranking-item { left: 0; } .sv-ranking-item__content.sd-ranking-item__content { line-height: calc(1.5 * (var(--sjs-font-size, 16px))); } .sv-dragdrop-movedown { transform: translate(0, 0); animation: svdragdropmovedown 0.1s; animation-timing-function: ease-in-out; } @keyframes svdragdropmovedown { 0% { transform: translate(0, -50px); } 100% { transform: translate(0, 0); } } .sv-dragdrop-moveup { transform: translate(0, 0); animation: svdragdropmoveup 0.1s; animation-timing-function: ease-in-out; } @keyframes svdragdropmoveup { 0% { transform: translate(0, 50px); } 100% { transform: translate(0, 0); } } .sv-dropdown_select-wrapper { position: relative; } .sv-dropdown_select-wrapper use { fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); opacity: 1; display: flex; justify-content: space-between; word-spacing: normal; } .sd-dropdown[disabled] { pointer-events: none; } .sd-dropdown--empty:not(.sd-input--disabled), .sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-dropdown__input-field-component { height: auto; } .sd-dropdown option { color: var(--sjs-general-forecolor, var(--foreground, #161616)); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-size, 16px); } .sd-dropdown input[readonly] { pointer-events: none; } .sd-dropdown__value { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); width: 100%; min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-editorfont-weight, 400); color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))); font-size: var(--sjs-internal-font-editorfont-size); position: relative; } .sd-dropdown_clean-button { display: flex; justify-content: center; align-items: center; padding: 0 var(--sjs-base-unit, var(--base-unit, 8px)); margin: auto 0; } .sd-dropdown_chevron-button { position: absolute; width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); top: 0; bottom: 0; inset-inline-end: 0; display: flex; justify-content: center; align-items: center; padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: content-box; } .sd-dropdown_chevron-button-svg, .sd-dropdown_clean-button-svg { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); width: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-input.sd-dropdown:focus-within { box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-input.sd-dropdown.sd-input--readonly { box-shadow: none; transition: none; } .sd-dropdown__filter-string-input { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); position: absolute; left: 0; top: 0; bottom: 0; width: 100%; max-width: 100%; border: none; outline: none; padding: 0; font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-editorfont-weight, 400); color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); background-color: transparent; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; appearance: none; } .sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder { color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-dropdown--empty div { min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-dropdown__filter-string-input::placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; appearance: none; } .sd-dropdown__hint-prefix { color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-dropdown__hint-prefix span { white-space: pre; } .sd-dropdown__hint-suffix { display: flex; color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-dropdown__hint-suffix span { white-space: pre; } .sd-input--disabled .sv-string-viewer, .sd-input--readonly .sv-string-viewer, .sd-input--preview .sv-string-viewer { max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .sd-question--readonly .sd-dropdown_chevron-button use { opacity: 0.24; } .sd-question--preview .sd-dropdown_chevron-button { display: none; } .sv-dropdown-popup .sd-list__item-body { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); font-size: var(--sjs-internal-font-editorfont-size); font-weight: var(--sjs-font-editorfont-weight, 400); font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; border-radius: var(--sjs-corner-radius, 4px); transition: border-color var(--sjs-transition-duration, 150ms); } .sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body { border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea)); padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup .sv-list__item span { margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body { font-weight: normal; color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); background-color: transparent; } .sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container { transform: translateY(-2px); } .sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container { transform: translateY(2px); } [dir=rtl] .sd-dropdown, [style*="direction:rtl"] .sd-dropdown, [style*="direction: rtl"] .sd-dropdown { background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0; } .sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable { height: auto; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-tagbox.sd-input--disabled, .sd-tagbox.sd-input--readonly, .sd-tagbox.sd-input--preview { white-space: normal; } .sd-tagbox_clean-button { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); padding: calc(0.5 * (var(--sjs-internal-font-editorfont-size))); margin: auto 0; } .sd-input.sd-tagbox:focus-within { box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sv-tagbox__item { position: relative; display: flex; align-items: center; padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px))); max-width: 100%; box-sizing: border-box; } .sv-tagbox__item-text { color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); text-align: center; font-weight: 600; } .sv-tagbox__item-text span { display: block; text-overflow: ellipsis; overflow: hidden; } .sv-tagbox__item:hover .sd-tagbox-item_clean-button, .sv-tagbox__item:focus .sd-tagbox-item_clean-button, .sv-tagbox__item:focus-within .sd-tagbox-item_clean-button { align-self: center; opacity: 1; } .sd-tagbox-item_clean-button { display: flex; position: absolute; inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: 0; padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%); opacity: 0; transition: opacity var(--sjs-transition-duration, 150ms); } .sd-tagbox-item_clean-button-svg { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: block; padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size))); width: var(--sjs-internal-font-editorfont-size); height: var(--sjs-internal-font-editorfont-size); box-sizing: content-box; } .sd-tagbox-item_clean-button-svg:hover { border-radius: 100px; background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25))); } .sd-tagbox-item_clean-button-svg use { fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-tagbox__value.sd-dropdown__value { position: relative; gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; flex-wrap: wrap; flex-grow: 1; padding-inline: unset; margin-inline: unset; margin-block: unset; } .sd-tagbox__filter-string-input { width: 100%; display: flex; flex-grow: 1; } .sd-tagbox__placeholder { position: absolute; top: 0; left: 0; max-width: 100%; width: auto; height: 100%; text-align: start; cursor: text; pointer-events: none; color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } [dir=rtl] .sd-tagbox-item_clean-button, [style*="direction:rtl"] .sd-tagbox-item_clean-button, [style*="direction: rtl"] .sd-tagbox-item_clean-button { background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%); } .sd-tagbox.sd-tagbox--empty .sd-tagbox__hint, .sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper, .sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input { width: 100%; } .sd-tagbox__hint { display: flex; flex-grow: 1; } .sd-tagbox__hint-suffix-wrapper { position: relative; width: 100%; } .sd-dropdown__hint-suffix.sd-tagbox__hint-suffix { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: 100%; display: flex; align-items: center; } .sd-dropdown__hint-prefix.sd-tagbox__hint-prefix { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: 100%; display: flex; align-items: center; } .sd-imagepicker { display: flex; flex-wrap: wrap; padding: 0; border: none; gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 100%; margin: 0; } .sd-imagepicker--column { align-items: flex-start; flex-direction: column; } @supports not (aspect-ratio: 1/1) { .sd-imagepicker > div { margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } } .sd-imagepicker__item img, .sd-imagepicker__item .sd-imagepicker__image-container > div { border-radius: var(--sjs-corner-radius, 4px); background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sd-imagepicker__item-decorator { position: relative; display: flex; flex-direction: column; align-items: center; } .sd-imagepicker__label { position: relative; } .sd-imagepicker__label .sd-visuallyhidden { height: 100%; margin: 0; } .sd-imagepicker__image-container { position: relative; } .sd-imagepicker__check-decorator { display: block; opacity: 0; position: absolute; top: var(--sjs-base-unit, var(--base-unit, 8px)); right: var(--sjs-base-unit, var(--base-unit, 8px)); padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; border-radius: 100%; background-color: var(--sjs-general-backcolor, var(--background, #fff)); z-index: 1; transition: opacity var(--sjs-transition-duration, 150ms); } .sd-imagepicker__check-icon { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: block; width: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-imagepicker__item--checked .sd-imagepicker__check-decorator { opacity: 1; } .sd-imagepicker__item--error .sd-imagepicker__image-container::before { display: block; position: absolute; content: " "; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); border-radius: var(--sjs-corner-radius, 4px); background: linear-gradient(0deg, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))); } .sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover, .sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover { opacity: 0.5; } .sd-imagepicker__image { display: block; box-sizing: border-box; max-width: 100%; transition: opacity var(--sjs-transition-duration, 150ms); } .sd-imagepicker__text { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); } .sd-imagepicker__no-image { display: flex; background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); inset-block-start: 0; } .sd-imagepicker__no-image-svg { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: auto; } .sd-imagepicker__no-image-svg use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-imagepicker__column { display: flex; flex-direction: column; gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); align-items: flex-start; padding-right: 0; } .sd-imagepicker__column.sd-selectbase__column { min-width: 0; } .sd-imagepicker__column .sd-imagepicker__item { width: 100%; } .sd-imagepicker__column .sd-imagepicker__text { width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; text-align: center; } .sd-selectbase__column.sd-imagepicker__column:not(:last-child) { padding-right: 0; } .sd-imagepicker__item--readonly .sd-imagepicker__check-icon { fill: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-imagepicker__item--preview .sd-imagepicker__check-decorator { display: none; } .sd-imagepicker__item--preview .sd-imagepicker__image { /* Safari 6.0 - 9.0 */ -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.25; } .sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image { /* Safari 6.0 - 9.0 */ -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 1; } .sd-image__image { display: block; max-width: 100%; border-radius: var(--sjs-corner-radius, 4px); } .sd-image__image--adaptive { width: 100%; height: auto; max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-image__no-image { background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .sd-image__no-image use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-question--image { width: 100%; } :root { --sjs-transition-duration: 150ms; } .sd-html { white-space: initial; } .sd-html { font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); } .sd-html h1 { font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-xx-large-fontWeight, 700); font-style: var(--sjs-article-font-xx-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0); line-height: var(--sjs-article-font-xx-large-lineHeight, 64px); text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-xx-large-textCase, "none"); } .sd-html h2 { font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-x-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-x-large-fontWeight, 700); font-style: var(--sjs-article-font-x-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0); line-height: var(--sjs-article-font-x-large-lineHeight, 56px); text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-x-large-textCase, "none"); } .sd-html h3 { font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-large-fontWeight, 700); font-style: var(--sjs-article-font-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-large-letterSpacing, 0); line-height: var(--sjs-article-font-large-lineHeight, 40px); text-indent: var(--sjs-article-font-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-large-textCase, "none"); } .sd-html h4, .sd-html h5, .sd-html h6 { font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-medium-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-medium-fontWeight, 700); font-style: var(--sjs-article-font-medium-fontStyle, "normal"); font-stretch: var(--sjs-article-font-medium-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0); line-height: var(--sjs-article-font-medium-lineHeight, 32px); text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px); text-transform: var(--sjs-article-font-medium-textCase, "none"); } .sd-html td, .sd-html span, .sd-html div, .sd-html p { font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); } .sd-html a { color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-html button { display: flex; align-items: center; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); vertical-align: baseline; text-align: center; background-color: var(--sjs-general-backcolor, var(--background, #fff)); border: none; border-radius: var(--sjs-corner-radius, 4px); cursor: pointer; user-select: none; outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 600; font-style: normal; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-html button:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-html button:focus { box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-html button span { display: flex; align-items: center; flex-grow: 1; justify-content: center; } .sd-html--nested { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); } .sd-expression { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); font-size: var(--sjs-font-size, 16px); white-space: break-spaces; } .sd-question__content--left .sd-expression { line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-progress { height: 2px; background-color: var(--sjs-border-light, var(--border-light, #eaeaea)); position: relative; } .sd-progress__bar { position: relative; height: 100%; background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); overflow: hidden; } .sd-progress__text { position: absolute; margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)); font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); font-weight: 600; } @media only screen and (min-width: 1000px) { .sd-progress__text { margin-left: 5%; } } @media only screen and (max-width: 1000px) { .sd-progress__text { margin-left: 10px; } } .sd-body__progress--top { margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: sticky; top: 0; z-index: 50; } .sd-body__progress--bottom .sd-progress__text { margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-root--sticky-top .sd-progress__text { border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)); opacity: 0.75; background: var(--sjs-general-backcolor, var(--background, #fff)); box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)); } .sd-boolean { display: flex; width: max-content; position: relative; gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)))); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-boolean.sd-boolean--allowhover:focus-within { box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-boolean__thumb, .sd-boolean__label { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: block; font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-editorfont-weight, 400); font-size: var(--sjs-internal-font-editorfont-size); color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-boolean__switch { display: flex; padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); overflow: hidden; } .sd-boolean.sd-boolean--checked .sd-boolean__label--true, .sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false { color: transparent; transition-duration: 0.15s; transition-property: color; transition-timing-function: linear; } .sd-boolean.sd-boolean--indeterminate .sd-boolean__switch { display: none; } .sd-boolean--indeterminate .sd-boolean__thumb { display: none; } .sd-boolean__thumb { position: absolute; left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); transform: translateX(0); background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); transition-duration: 0.2s; transition-property: transform, left; transition-timing-function: linear; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 600; z-index: 2; } .sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline { white-space: nowrap; } .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb, .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb { left: calc(100% - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px))); transform: translateX(-100%); } .sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false, .sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true { color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); } .sd-boolean--disabled { pointer-events: none; } .sd-boolean--disabled .sd-boolean__thumb, .sd-boolean--disabled .sd-boolean__label { color: var(--sjs-general-forecolor, var(--foreground, #161616)); opacity: 0.25; } .sd-boolean--readonly { pointer-events: none; box-shadow: none; transition: none; background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-boolean--readonly .sd-boolean__thumb { box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616)); transition: none; color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-boolean--preview { pointer-events: none; box-shadow: none; transition: none; background: transparent; } .sd-boolean--preview .sd-boolean__thumb { border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616)); box-shadow: none; transition: none; color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb, .sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb { margin-left: auto; } .sd-boolean--preview .sd-checkbox__label--preview { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-boolean__thumb-ghost { z-index: 1; border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: transparent; transition: background-color var(--sjs-transition-duration, 150ms); } .sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover { background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243))); } .sd-boolean--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-paneldynamic .sd-progress { position: absolute; left: 0; right: 0; height: 2px; z-index: 2; transform: translateY(-1px); } .sd-paneldynamic > .sd-panel { padding-top: 1px; padding-bottom: calc(0.5 * var(--sd-base-vertical-padding)); } .sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header { padding-top: var(--sd-base-vertical-padding); padding-bottom: 0; } .sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after { display: none; } .sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title { color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-question--readonly .sd-paneldynamic .sd-question__placeholder, .sd-question--preview .sd-paneldynamic .sd-question__placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-paneldynamic__separator { display: none; } .sd-paneldynamic__panel-wrapper { box-sizing: border-box; padding-bottom: calc(1 * var(--sd-base-padding)); } .sd-paneldynamic__panel-wrapper:after { display: table; clear: both; content: " "; } .sd-paneldynamic__footer .sd-paneldynamic__separator, .sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before { content: " "; display: block; position: absolute; left: 0; right: 0; margin: 0; border-color: var(--sjs-border-light, var(--border-light, #eaeaea)); background: var(--sjs-border-light, var(--border-light, #eaeaea)); height: 1px; border: none; } .sd-paneldynamic__separator:only-child { display: none; } .sd-paneldynamic__panel-wrapper--in-row { display: flex; flex-direction: row; align-items: center; } .sd-paneldynamic__footer { clear: both; } .sd-paneldynamic__footer .sd-paneldynamic__prev-btn, .sd-paneldynamic__footer .sd-paneldynamic__next-btn { display: block; } .sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg, .sd-paneldynamic__footer .sd-paneldynamic__next-btn svg { width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__footer .sd-paneldynamic__add-btn, .sd-paneldynamic__footer .sd-paneldynamic__progress-text, .sd-paneldynamic__footer .sd-paneldynamic__progress--bottom { display: initial; } .sd-paneldynamic__buttons-container { display: flex; align-items: center; padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0; } .sd-paneldynamic__progress-container { display: flex; align-items: center; margin-left: auto; margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__progress-text { font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); margin: 0; margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__prev-btn, .sd-paneldynamic__next-btn { width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__prev-btn .sv-svg-icon, .sd-paneldynamic__next-btn .sv-svg-icon { display: block; } .sd-paneldynamic__prev-btn { margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__next-btn { margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); transform: rotate(180deg); } .sd-paneldynamic__placeholder .sd-paneldynamic__add-btn { display: initial; margin-left: 0; } .sd-question--empty.sd-question--paneldynamic > .sd-question__content { padding-bottom: var(--sd-base-padding); --animation-padding-bottom: var(--sd-base-padding); } .sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area { padding-bottom: var(--sd-base-padding); } .sd-paneldynamic__buttons-container .sd-action-bar { width: 100%; margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-paneldynamic__panel-footer { border-top: none; position: relative; top: calc(0.5 * var(--sd-base-vertical-padding)); margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); justify-content: flex-end; } .sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) { margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-tabs-toolbar.sv-action-bar { align-items: flex-start; margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px))); z-index: 1; } .sd-tabs-toolbar.sd-tabs-toolbar--left { justify-content: flex-start; } .sd-tabs-toolbar.sd-tabs-toolbar--right { justify-content: flex-end; } .sd-tabs-toolbar.sd-tabs-toolbar--center { justify-content: center; } .sd-tab-item { margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-tab-item { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; box-sizing: border-box; border: none; background-color: transparent; cursor: pointer; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); overflow-x: hidden; white-space: nowrap; box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-tab-item:hover, .sd-tab-item:focus-visible { outline: none; box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-tab-item.sd-tab-item--pressed { color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-tab-item--icon { padding: var(--sjs-base-unit, var(--base-unit, 8px)); width: auto; border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-tab-item--icon use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); opacity: 0.5; } .sd-tab-item--icon:hover, .sd-tab-item--icon.sd-tab-item--pressed { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); box-shadow: none; } .sd-tab-item--icon:hover use, .sd-tab-item--icon.sd-tab-item--pressed use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-tab-item--icon:hover use { opacity: 1; } .sd-tabs-toolbar .sv-dots { width: auto; } .sd-tabs-toolbar .sv-dots.sv-action--hidden { width: 0; } .sd-tab-item__title { line-height: calc(1.5 * (var(--sjs-font-size, 16px))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; align-items: center; } .sd-question__title ~ .sd-tabs-toolbar { margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab { padding-bottom: 0; } .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after { bottom: 0; } .sd-question--paneldynamic.sd-element--with-frame { padding-bottom: 0; } .sd-paneldynamic__panels-container { position: relative; overflow: hidden; margin-left: calc(-1 * var(--sd-base-padding)); padding-left: var(--sd-base-padding); margin-right: calc(-1 * var(--sd-base-padding)); padding-right: var(--sd-base-padding); } .sd-paneldynamic__panel-wrapper { box-sizing: border-box; } @keyframes movePanel { from { transform: translateX(var(--sjs-pd-tab-move-margin)); } to { transform: translateX(0); } } .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left, .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right { --sjs-pd-tab-animation-delay: 0ms; animation-name: movePanel, changeHeight, paddingFadeIn, fadeIn; animation-duration: var(--sjs-pd-tab-move-in-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-fade-in-duration, 250ms); animation-delay: calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)); animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-fill-mode: forwards; opacity: 0; padding-bottom: 0; transform: translateX(var(--sjs-pd-tab-move-margin)); height: var(--animation-height-from); --animation-padding-top: 0; --animation-padding-bottom: calc(1 * var(--sd-base-padding)); } .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left { --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%)); } .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right { --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%)); } .sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left, .sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right { animation-name: fadeIn, movePanel; animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms); animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-direction: reverse; animation-fill-mode: forwards; position: absolute; left: var(--sd-base-padding); top: 0; width: calc(100% - 2 * var(--sd-base-padding)); } .sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left { --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%)); } .sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right { --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%)); } .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding { animation-name: fadeIn, changeHeight, paddingFadeIn; animation-duration: var(--sjs-pd-tab-add-fade-in-duration, 500ms), var(--sjs-pd-tab-height-change-duration, 250ms), var(--sjs-pd-tab-height-change-duration, 250ms); animation-delay: calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)), calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)); animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-fill-mode: forwards; transform: translateX(0); } .sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing { --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms); } .sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing { animation-name: fadeIn; animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms); animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms); animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-direction: reverse; animation-fill-mode: forwards; position: absolute; left: var(--sd-base-padding); top: 0; width: calc(100% - 2 * var(--sd-base-padding)); } .sd-paneldynamic__panel-wrapper--enter, .sd-paneldynamic__panel-wrapper--leave { animation-name: fadeIn, moveInWithOverflow; animation-fill-mode: forwards; --animation-padding-top: 0; --animation-padding-bottom: calc(1 * var(--sd-base-padding)); min-height: 0 !important; } .sd-paneldynamic__panel-wrapper--enter { opacity: 0; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); animation-duration: var(--sjs-pd-list-fade-in-duration, 500ms), var(--sjs-pd-list-move-in-duration, 250ms), var(--sjs-pd-list-move-in-duration, 250ms); animation-delay: var(--sjs-pd-list-fade-in-delay, 250ms), 0s, 0s; } .sd-paneldynamic__panel-wrapper--leave { animation-direction: reverse; animation-timing-function: cubic-bezier(0.42, 0, 1, 1); animation-duration: var(--sjs-pd-list-fade-out-duration, 150ms), var(--sjs-pd-list-move-out-duration, 250ms), var(--sjs-pd-list-move-out-duration, 250ms); animation-delay: 0s, var(--sjs-pd-list-move-out-delay, 100ms), var(--sjs-pd-list-move-out-delay, 100ms); --animation-padding-bottom: calc(1 * var(--sd-base-padding)); } :root { --sjs-transition-duration: 150ms; } .sd-file { position: relative; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-file .sv-action-bar { padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0; justify-content: center; position: absolute; width: 100%; left: 0; bottom: 0; } .sd-file .sv-action-bar .sv-action-bar-item { height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-file .sv-action-bar #fileIndex .sv-action-bar-item { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; font-weight: 600; } .sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover { background-color: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled { opacity: initial; } .sd-file__decorator { display: flex; flex-direction: column; position: absolute; position: absolute; left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 100%; height: 100%; box-sizing: border-box; justify-content: center; align-items: center; border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6)); container-type: inline-size; } .sd-file--answered .sd-file__decorator { container-type: unset; } .sd-file__decorator--drag { z-index: 1; border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394)); background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-file__no-file-chosen { display: none; } .sd-file__drag-area-placeholder { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); text-align: center; white-space: normal; color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } @container (max-width: 496px) { .sd-file__drag-area-placeholder { padding: 0 var(--sjs-base-unit, var(--base-unit, 8px)); } } @container (max-width: 176px) { .sd-file__drag-area-placeholder { display: none; } .sd-file__decorator .sd-action { padding: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-file__decorator .sd-action .sv-svg-icon { margin-left: 0; } .sd-file__decorator .sd-file__actions-container { flex-direction: column; } .sd-file__decorator .sd-file__actions-container span { display: none; } } .sd-root-modern--mobile .sd-file__decorator { padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-file__choose-btn--text { display: block; font-weight: 600; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); cursor: pointer; } .sd-file__choose-btn--text .sv-svg-icon { margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 24px; height: 24px; fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-file__choose-btn--icon > span { display: none; } .sd-file__wrapper { width: max-content; max-width: 100%; } .sd-question--answered .sd-file__drag-area-placeholder { display: none; } .sd-file__actions-container { margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); flex-wrap: wrap; justify-content: center; } .sd-file__actions-container .sv-action--hidden { display: none; } .sd-file--answered .sd-file__actions-container { z-index: 2; margin-top: 0; gap: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-file--answered .sd-file__actions-container { top: var(--sjs-base-unit, var(--base-unit, 8px)); right: var(--sjs-base-unit, var(--base-unit, 8px)); position: absolute; } .sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); inset-inline-end: calc(1.5 * (var(--sjs-internal-font-editorfont-size)) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-file__list { display: flex; position: relative; overflow: hidden; box-sizing: content-box; flex-direction: row; padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: 100%; } .sd-file__page { display: flex; left: 0; align-items: stretch; justify-content: center; gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(100% - 21 * var(--sjs-base-unit, var(--base-unit, 8px))); width: 100%; position: absolute; } @keyframes file-page-to-right { from { opacity: 1; left: 0; } to { opacity: 0; left: 100%; } } @keyframes file-page-from-right { from { opacity: 0; left: 100%; } to { opacity: 1; left: 0; } } @keyframes file-page-from-left { from { opacity: 0; left: -100%; } to { opacity: 1; left: 0; } } @keyframes file-page-to-left { from { opacity: 1; left: 0; } to { opacity: 0; left: -100%; } } .sd-file__page--leave-to-right, .sd-file__page--enter-from-right, .sd-file__page--leave-to-left, .sd-file__page--enter-from-left { animation-duration: 0.5s; animation-fill-mode: forwards; } .sd-file__page--leave-to-right { animation-name: file-page-to-right; } .sd-file__page--enter-from-right { animation-name: file-page-from-right; } .sd-file__page--leave-to-left { animation-name: file-page-to-left; } .sd-file__page--enter-from-left { animation-name: file-page-from-left; } .sd-file__preview-item { position: relative; display: flex; align-items: stretch; flex-direction: column; min-height: 100%; width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: 0; cursor: pointer; } .sd-file__preview-item .sd-file__default-image { width: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(8.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-file__preview-item:hover .sd-file__remove-file-button { opacity: 1; } .sd-file__preview-item:hover .sd-file__sign a { text-decoration: underline; } .sd-file__sign { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); text-align: center; font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); } .sd-file__sign a { display: block; text-decoration: none; color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616))); white-space: normal; word-break: break-all; width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-width: 100%; max-width: 100%; overflow: hidden; max-height: calc(3 * (var(--sjs-font-size, 16px))); text-overflow: ellipsis; line-height: var(--sjs-font-size, 16px); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .sd-file__remove-file-button { display: block; opacity: 0; position: absolute; left: 100%; top: 0; transform: translate(-50%, -50%); transition: opacity var(--sjs-transition-duration, 150ms); } .sd-file__image-wrapper--default-image .sd-file__remove-file-button { left: 50%; top: 50%; transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px)); } .sd-file__decorator--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-file__image-wrapper { position: relative; text-align: center; display: flex; align-items: center; justify-content: center; width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-file__image-wrapper img:not(.sd-file__default-image) { display: block; max-width: 100%; max-height: 100%; width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px)))); object-fit: contain; } .sd-file__image-wrapper--default-image { background: transparent; } .sd-file--single .sd-file__preview-item .sd-file__remove-file-button { display: none; } .sd-file--single-image { height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-file--single-image .sd-file__page { height: 100%; } .sd-file--single-image .sd-file__preview-item { width: 100%; margin: 0; } .sd-file--single-image .sd-file__list { position: absolute; left: 0; padding: 0; height: 100%; max-height: 100%; width: 100%; } .sd-file--single-image .sd-file__image-wrapper { background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sd-file--single-image .sd-file__image-wrapper { min-height: 100%; min-width: 100%; } .sd-file--single-image .sd-file__image-wrapper img { width: 100%; height: 100%; } .sd-file--single-image .sd-file__sign { position: absolute; margin: 0; width: 100%; min-height: 100%; } .sd-file--single-image .sd-file__sign a { color: transparent; width: 100%; min-width: 100%; max-width: 100%; height: 100%; outline: none; } .sd-file__image-wrapper.sd-file__image-wrapper--default-image { background: transparent; } .sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) { background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); } .sd-file__drag-area { position: static; width: 100%; } .sd-file__change-camera-button { position: absolute; z-index: 2; left: var(--sjs-base-unit, var(--base-unit, 8px)); top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-file__close-camera-button { position: absolute; z-index: 2; right: var(--sjs-base-unit, var(--base-unit, 8px)); top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-context-btn.sd-file__take-picture-button { background-color: var(--sjs-special-red, var(--red, #e60a3e)); position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-context-btn.sd-file__take-picture-button:hover, .sd-context-btn.sd-file__take-picture-button:focus { box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e)); } .sd-context-btn.sd-file__take-picture-button .sv-svg-icon { height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-context-btn.sd-file__take-picture-button .sv-svg-icon use { fill: var(--sjs-general-backcolor, var(--background, #fff)); } .sd-file__video-container { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sd-file__loading-indicator { width: 100%; height: 100%; box-sizing: border-box; position: absolute; border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6)); left: 0; } .sd-file__loading-indicator .sd-loading-indicator { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .sd-file__choose-file-btn--disabled { opacity: 0.25; cursor: default; } .sd-file--readonly .sd-context-btn { display: none; } .sd-file--readonly .sd-file__decorator { border-color: transparent; } .sd-file--readonly .sd-file__actions-container { display: none; } .sd-file--readonly .sd-file__image-wrapper { background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-file--readonly .sd-file__drag-area-placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-file--preview .sd-context-btn { display: none; } .sd-file--preview .sd-file__decorator { border-color: transparent; } .sd-file--preview .sd-file__image-wrapper { background: transparent; } .sd-file--preview .sd-file__actions-container { display: none; } .sd-file--preview .sd-file__drag-area-placeholder { color: var(--sjs-general-forecolor, var(--foreground, #161616)); } .sd-hidden { display: none !important; } .sd-body__navigation .sd-btn { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); } .sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) { background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)); } .sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover { background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243))); } .sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden), .sd-root-modern--mobile .sd-body__navigation .sd-btn { flex-grow: 1; } .sd-root-modern--mobile .sd-body__navigation .sd-btn { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body__navigation .sv-action--hidden { display: none; } :root { --sjs-transition-duration: 150ms; } .sd-btn { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff)))); border-radius: var(--sjs-corner-radius, 4px); cursor: pointer; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-weight: 600; font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); text-align: center; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border: none; outline: none; box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms); } .sd-btn--small { flex-grow: 1; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-btn:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-btn:focus-visible { box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-btn:disabled { color: var(--sjs-general-forecolor, var(--foreground, #161616)); opacity: 0.25; pointer-events: none; } .sd-btn--action { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-btn--action:hover { color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139)); } .sd-btn--action:disabled { color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25))); pointer-events: none; } .sd-btn--danger { background-color: var(--sjs-special-red, var(--red, #e60a3e)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-btn--danger:hover { background-color: var(--sjs-special-red, var(--red, #e60a3e)); color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-btn--danger:disabled { color: var(--sjs-special-red-forecolor, #ffffff); pointer-events: none; } :root { --sjs-transition-duration: 150ms; } .sd-body { width: 100%; box-sizing: border-box; } .sd-body .sd-body__page { min-width: min(100%, 300px); } .sd-body .sd-body__timer { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; box-sizing: border-box; } .sd-body.sd-body--static { max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: auto; margin-right: auto; padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body.sd-body--static .sd-body__timer, .sd-body.sd-body--static .sd-body__navigation, .sd-body.sd-body--static .sd-body__page { margin-left: 0; margin-right: 0; } .sd-body.sd-body--static .sd-body__navigation { padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body.sd-body--static .sd-body__navigation.sd-action-bar { padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body.sd-body--responsive { max-width: initial; padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; } .sd-body.sd-body--responsive .sd-page { padding: 0; } .sd-body.sd-body--responsive .sd-body__timer, .sd-body.sd-body--responsive .sd-body__navigation { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0; } .sd-body.sd-body--responsive .sd-body__navigation { padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body.sd-body--responsive.sd-body--with-timer { max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px))); margin-left: auto; margin-right: auto; } .sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive { max-width: initial; margin-left: 0; margin-right: 0; } .sd-root-modern--mobile .sd-body.sd-body--responsive, .sd-root-modern--mobile .sd-body.sd-body--static { padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation, .sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation { padding-left: 0; padding-right: 0; padding-bottom: 0; } .sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation, .sd-root--compact .sd-body.sd-body--static .sd-body__navigation { padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body__navigation.sd-action-bar { box-sizing: border-box; padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); flex-wrap: wrap; gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-body--empty { min-height: 400px; text-align: center; padding-top: 180px; box-sizing: border-box; } .sd-body--empty, .sd-body--loading { font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); } .sd-body--empty h1, .sd-body--loading h1 { font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-xx-large-fontWeight, 700); font-style: var(--sjs-article-font-xx-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0); line-height: var(--sjs-article-font-xx-large-lineHeight, 64px); text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-xx-large-textCase, "none"); } .sd-body--empty h2, .sd-body--loading h2 { font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-x-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-x-large-fontWeight, 700); font-style: var(--sjs-article-font-x-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0); line-height: var(--sjs-article-font-x-large-lineHeight, 56px); text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-x-large-textCase, "none"); } .sd-body--empty h3, .sd-body--loading h3 { font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-large-fontWeight, 700); font-style: var(--sjs-article-font-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-large-letterSpacing, 0); line-height: var(--sjs-article-font-large-lineHeight, 40px); text-indent: var(--sjs-article-font-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-large-textCase, "none"); } .sd-body--empty h4, .sd-body--empty h5, .sd-body--empty h6, .sd-body--loading h4, .sd-body--loading h5, .sd-body--loading h6 { font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-medium-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-medium-fontWeight, 700); font-style: var(--sjs-article-font-medium-fontStyle, "normal"); font-stretch: var(--sjs-article-font-medium-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0); line-height: var(--sjs-article-font-medium-lineHeight, 32px); text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px); text-transform: var(--sjs-article-font-medium-textCase, "none"); } .sd-body--empty td, .sd-body--empty span, .sd-body--empty div, .sd-body--empty p, .sd-body--loading td, .sd-body--loading span, .sd-body--loading div, .sd-body--loading p { font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); } .sd-body--empty a, .sd-body--loading a { color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-body--empty button, .sd-body--loading button { display: flex; align-items: center; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); vertical-align: baseline; text-align: center; background-color: var(--sjs-general-backcolor, var(--background, #fff)); border: none; border-radius: var(--sjs-corner-radius, 4px); cursor: pointer; user-select: none; outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 600; font-style: normal; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-body--empty button:hover, .sd-body--loading button:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-body--empty button:focus, .sd-body--loading button:focus { box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-body--empty button span, .sd-body--loading button span { display: flex; align-items: center; flex-grow: 1; justify-content: center; } .sd-root_background-image { background-position-x: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } :root { --sjs-transition-duration: 150ms; } .sd-multipletext { width: 100%; table-layout: fixed; border-spacing: 0; height: 1px; } .sd-multipletext__cell { height: 100%; } .sd-multipletext__cell:not(:first-of-type) { padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-multipletext__item-container.sd-input:focus-within { box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-multipletext__item-container { display: flex; align-items: flex-start; height: 100%; padding-top: 0; padding-bottom: 0; } .sd-multipletext__item-container .sd-input { padding-top: 0; padding-right: 0; padding-bottom: 0; border: none; box-shadow: none; } .sd-multipletext__item-container .sd-input, .sd-multipletext__item-title { margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-multipletext__item-title { font-size: 0; line-height: 0; } .sd-multipletext__item-title span { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); font-size: var(--sjs-internal-font-editorfont-size); line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-multipletext__item-title { height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3); max-width: 30%; padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); white-space: normal; color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))); box-sizing: content-box; } .sd-question--preview .sd-multipletext__item-title { border: none; } .sd-multipletext__item { flex-grow: 1; } .sd-multipletext__content .sd-multipletext__item-container { position: relative; } .sd-multipletext__item-container--error { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-multipletext__item-container--error .sd-input--error { background-color: transparent; } .sd-multipletext-item__character-counter { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sd-question__content:focus-within .sd-multipletext-item__character-counter { padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-multipletext__cell { padding-left: 0; padding-right: 0; padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-multipletext__cell--error-bottom, .sd-multipletext__row:first-of-type .sd-multipletext__cell { padding-top: 0; } .sd-multipletext__cell--error-top, .sd-multipletext__row:last-of-type .sd-multipletext__cell { padding-bottom: 0; } .sd-multipletext__cell--error .sd-question__erbox { margin: 0; } .sd-multipletext .sd-input .sd-input { background: transparent; } .sd-action { appearance: none; border: none; display: flex; align-items: center; gap: var(--sjs-base-unit, var(--base-unit, 8px)); background: transparent; padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); color: var(--sjs-primary-backcolor, var(--primary, #19b394)); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); font-weight: 600; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-style: normal; font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); outline: none; transition: background-color var(--sjs-transition-duration, 150ms); box-sizing: content-box; } .sd-action--negative { color: var(--sjs-special-red, var(--red, #e60a3e)); } .sd-action--icon { padding: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-action__icon { margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-action__icon use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-action--icon .sd-action__icon { margin-left: 0; } .sd-action--icon use { fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); transition: fill var(--sjs-transition-duration, 150ms); } svg.sd-action--icon { fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); } .sd-action:disabled, .sd-action--disabled { color: var(--sjs-general-forecolor, var(--foreground, #161616)); cursor: default; opacity: 0.25; pointer-events: none; } .sd-action:disabled use, .sd-action--disabled use { fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45))); } .sd-action:not(.sd-action--pressed):hover, .sd-action:not(.sd-action--pressed):focus { outline: none; background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); cursor: pointer; opacity: 1; } .sd-action:not(.sd-action--pressed):hover.sd-action--icon, .sd-action:not(.sd-action--pressed):focus.sd-action--icon { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-action:not(.sd-action--pressed):hover.sd-action--negative, .sd-action:not(.sd-action--pressed):focus.sd-action--negative { background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))); } .sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use, .sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use { fill: var(--sjs-special-red, var(--red, #e60a3e)); } .sd-action:not(.sd-action--pressed):hover:active, .sd-action:not(.sd-action--pressed):focus:active { opacity: 0.5; } .sd-action__icon { display: block; width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-action--pressed:not(.sd-action--active) { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); opacity: 0.5; } .sd-action-bar { display: flex; align-items: center; } .sd-action-bar .sv-action:not(:last-child) .sv-action__content { padding-right: 0; } .sd-context-btn { background-color: var(--sjs-general-backcolor, var(--background, #fff)); padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: none; outline: none; cursor: pointer; } .sd-context-btn .sv-svg-icon { margin: 0; } .sd-context-btn svg { --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); display: block; width: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); height: calc(1.5 * (var(--sjs-internal-font-editorfont-size))); } .sd-context-btn use { fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); transition: fill var(--sjs-transition-duration, 150ms); } .sd-context-btn:hover use, .sd-context-btn:focus use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-context-btn:hover.sd-context-btn--negative use, .sd-context-btn:focus.sd-context-btn--negative use { fill: var(--sjs-special-red, var(--red, #e60a3e)); } .sd-context-btn:disabled { opacity: 0.25; } .sd-context-btn--small { padding: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-context-btn--small svg { width: var(--sjs-internal-font-editorfont-size); height: var(--sjs-internal-font-editorfont-size); } .sd-context-btn--with-border { --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))); box-shadow: 0 0 0 1px var(--box-shadow-color); } .sd-context-btn--colorful use { fill: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-context-btn--colorful.sd-context-btn--negative use { fill: red; } .sd-context-btn--colorful:focus, .sd-context-btn--colorful:hover { background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff))); } .sd-context-btn--colorful:focus.sd-context-btn--negative, .sd-context-btn--colorful:hover.sd-context-btn--negative { background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff))); } .sd-context-btn--colorful:focus.sd-context-btn--with-border, .sd-context-btn--colorful:hover.sd-context-btn--with-border { --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative, .sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative { --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e)); } :root { --sjs-transition-duration: 150ms; } .sd-completedpage, .sd-completed-before-page { align-items: center; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: bold; box-sizing: border-box; text-align: center; height: auto; font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); } .sd-completedpage h1, .sd-completed-before-page h1 { font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-xx-large-fontWeight, 700); font-style: var(--sjs-article-font-xx-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0); line-height: var(--sjs-article-font-xx-large-lineHeight, 64px); text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-xx-large-textCase, "none"); } .sd-completedpage h2, .sd-completed-before-page h2 { font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-x-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-x-large-fontWeight, 700); font-style: var(--sjs-article-font-x-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0); line-height: var(--sjs-article-font-x-large-lineHeight, 56px); text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-x-large-textCase, "none"); } .sd-completedpage h3, .sd-completed-before-page h3 { font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-large-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-large-fontWeight, 700); font-style: var(--sjs-article-font-large-fontStyle, "normal"); font-stretch: var(--sjs-article-font-large-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-large-letterSpacing, 0); line-height: var(--sjs-article-font-large-lineHeight, 40px); text-indent: var(--sjs-article-font-large-paragraphIndent, 0px); text-transform: var(--sjs-article-font-large-textCase, "none"); } .sd-completedpage h4, .sd-completedpage h5, .sd-completedpage h6, .sd-completed-before-page h4, .sd-completed-before-page h5, .sd-completed-before-page h6 { font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px)))); text-decoration: var(--sjs-article-font-medium-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-medium-fontWeight, 700); font-style: var(--sjs-article-font-medium-fontStyle, "normal"); font-stretch: var(--sjs-article-font-medium-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0); line-height: var(--sjs-article-font-medium-lineHeight, 32px); text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px); text-transform: var(--sjs-article-font-medium-textCase, "none"); } .sd-completedpage td, .sd-completedpage span, .sd-completedpage div, .sd-completedpage p, .sd-completed-before-page td, .sd-completed-before-page span, .sd-completed-before-page div, .sd-completed-before-page p { font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px)); text-decoration: var(--sjs-article-font-default-textDecoration, "none"); font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-weight: var(--sjs-article-font-default-fontWeight, 400); font-style: var(--sjs-article-font-default-fontStyle, "normal"); font-stretch: var(--sjs-article-font-default-fontStretch, "normal"); letter-spacing: var(--sjs-article-font-default-letterSpacing, 0); line-height: var(--sjs-article-font-default-lineHeight, 28px); text-indent: var(--sjs-article-font-default-paragraphIndent, 0px); text-transform: var(--sjs-article-font-default-textCase, "none"); } .sd-completedpage a, .sd-completed-before-page a { color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-completedpage button, .sd-completed-before-page button { display: flex; align-items: center; padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); vertical-align: baseline; text-align: center; background-color: var(--sjs-general-backcolor, var(--background, #fff)); border: none; border-radius: var(--sjs-corner-radius, 4px); cursor: pointer; user-select: none; outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent; color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 600; font-style: normal; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)); line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px)))); box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394)); transition: box-shadow var(--sjs-transition-duration, 150ms); } .sd-completedpage button:hover, .sd-completed-before-page button:hover { background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))); } .sd-completedpage button:focus, .sd-completed-before-page button:focus { box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-completedpage button span, .sd-completed-before-page button span { display: flex; align-items: center; flex-grow: 1; justify-content: center; } .sd-completedpage:before, .sd-completedpage:after { display: block; width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px))); content: ""; } .sd-completedpage:before { height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-completedpage:after { height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__image-button-left { display: none; } .sd-progress-buttons__image-button-right { display: none; } .sd-progress-buttons__image-button--hidden { visibility: hidden; } .sd-progress-buttons__page-description { display: none; } .sd-progress-buttons { padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); display: flex; flex-direction: column; } .sd-progress-buttons__list-container { display: flex; overflow: hidden; margin: 0 calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__connector { display: none; } .sd-progress-buttons__list { display: inline-flex; flex-direction: row; flex-grow: 1; margin: 0 auto; padding: 0; } .sd-progress-buttons__list li { display: flex; flex-grow: 1; flex-shrink: 1; flex-basis: 0; position: relative; flex-wrap: nowrap; text-align: center; flex-direction: column; cursor: pointer; } .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { display: block; content: ""; height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)); opacity: 0.5; position: absolute; bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(50% + 10px); width: calc(100% - 20px); pointer-events: none; } .sd-progress-buttons__list li .sd-progress-buttons__button { position: relative; display: flex; content: attr(data-page-number); width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; border-radius: 50%; align-self: center; z-index: 1; font-size: calc(0.75 * (var(--sjs-font-size, 16px))); font-weight: 600; line-height: var(--sjs-font-size, 16px); justify-content: center; color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); box-sizing: content-box; } .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background { position: absolute; width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); z-index: -2; } .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content { position: absolute; width: 100%; height: 100%; top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)); opacity: 0.5; z-index: -1; border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent; border-radius: 50%; box-sizing: content-box; } .sd-progress-buttons__list li:hover .sd-progress-buttons__button { color: var(--sjs-primary-backcolor, var(--primary, #19b394)); padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394)); background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); } .sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background { left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content { top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394)); background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); opacity: 1; } .sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); opacity: 1; } .sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); } .sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); opacity: 1; } .sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector { background-color: var(--sjs-primary-backcolor, var(--primary, #19b394)); opacity: 1; } .sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button { border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394)); background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); color: var(--sjs-primary-backcolor, var(--primary, #19b394)); padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background { left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content { border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394)); background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff)); opacity: 1; } .sd-progress-buttons__page-title { display: flex; justify-content: center; align-items: center; font-size: calc(0.75 * (var(--sjs-font-size, 16px))); font-weight: 600; line-height: var(--sjs-font-size, 16px); flex-grow: 1; text-align: center; padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons__header .sd-progress-buttons__page-title { margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-progress-buttons__footer .sd-progress-buttons__page-title { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-bottom: 0; justify-content: flex-end; padding: 0; color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)); } .sd-progress-buttons--bottom { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); flex-direction: column-reverse; } .sd-progress-buttons--bottom .sd-progress-buttons__list li { flex-direction: column-reverse; } .sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--bottom .sd-progress-buttons__page-title { margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: 0; } .sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); margin-bottom: 0; } .sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title { margin-top: 0; margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-progress-buttons--numbered .sd-progress-buttons__list-container { margin: 0 calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(50% + 18px); width: calc(100% - 36px); } .sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button { width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background { height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button { padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--with-titles .sd-progress-buttons__list-container { margin: 0; } .sd-root-modern--mobile .sd-progress-buttons__list, .sd-progress-buttons--no-titles .sd-progress-buttons__list { justify-content: space-between; width: 100%; } .sd-root-modern--mobile .sd-progress-buttons__list li, .sd-progress-buttons--no-titles .sd-progress-buttons__list li { flex-grow: 0; } .sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root-modern--mobile .sd-progress-buttons { padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-progress-buttons--fit-survey-width { max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; width: 100%; margin: auto; } [dir=rtl] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector, [style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector, [style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { right: unset; left: calc(50% + 10px); } [dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector, [style*="direction:rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector, [style*="direction: rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector { right: unset; left: calc(50% + 20px); } .sv_progress-toc { padding: var(--sjs-base-unit, var(--base-unit, 8px)); max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: 100%; background: var(--sjs-general-backcolor, var(--background, #fff)); box-sizing: border-box; min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body { background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))); color: var(--sjs-general-forecolor, var(--foreground, #161616)); font-weight: 400; } .sv_progress-toc .sv-list__item span { white-space: break-spaces; } .sv_progress-toc .sv-list__item-body { padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-corner-radius, 4px); padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv_progress-toc--left { border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); } .sv_progress-toc--right { border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6)); } .sv_progress-toc--mobile { position: fixed; top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: auto; min-width: auto; height: auto; background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); z-index: 15; border-radius: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv_progress-toc--mobile > div { width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv_progress-toc--mobile:hover { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); } .sd-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile), .sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) { margin-top: 2px; } .sv_progress-toc.sv_progress-toc--sticky { position: sticky; height: auto; overflow-y: auto; top: 0; } .sd-list { padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-list__item { padding: 0; } .sd-list__item-body { padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); border-radius: var(--sjs-corner-radius, 4px); font-size: var(--sjs-font-size, 16px); line-height: calc(1.5 * (var(--sjs-font-size, 16px))); } .sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) { outline: none; } .sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body { padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-timer { z-index: 2; position: fixed; bottom: calc(var(--sd-timer-size) / 144 * 32); right: var(--sjs-base-unit, var(--base-unit, 8px)); background: white; width: var(--sd-timer-size); height: var(--sd-timer-size); margin-right: calc(var(--sd-timer-size) / 144 * 32); display: flex; border-radius: 100%; padding: calc(var(--sd-timer-size) / 144 * 8); box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)); box-sizing: border-box; } .sd-timer--top { top: calc(var(--sd-timer-size) / 144 * 32); margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-bottom: calc(-1 * var(--sd-timer-size)); } .sd-timer--bottom { bottom: calc(var(--sd-timer-size) / 144 * 32); margin-top: calc(var(--sd-timer-size) * -1.2222222222); } .sd-timer__progress { --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3); --sd-timer-stroke-background-width: 2px; stroke-linecap: round; height: 100%; width: 100%; transform: rotate(-90deg); stroke: var(--sjs-primary-backcolor, var(--primary, #19b394)); stroke-dashoffset: 0; fill: none; stroke-width: 4px; } .sd-timer__progress--animation { stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; } .sd-timer__text-container { display: flex; flex-direction: column; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: var(--sjs-base-unit, var(--base-unit, 8px)); color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 700; font-size: calc(var(--sd-timer-size) / 144 * 32); } .sd-timer__text--major { color: var(--sjs-primary-backcolor, var(--primary, #19b394)); font-weight: 700; font-size: calc(var(--sd-timer-size) / 144 * 32); } .sd-timer__text--minor { color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))); font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px)); font-style: normal; font-weight: 600; line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px)))); margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-header { position: relative; background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394))); } .sv-header__overlap { padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: content-box; } .sv-header__overlap ~ div .sd-body, .sv-header__overlap ~ div .sv-body { margin-top: calc(-14 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root-modern--mobile .sv-header__overlap { padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root-modern--mobile .sv-header__overlap ~ div .sd-body, .sd-root-modern--mobile .sv-header__overlap ~ div .sv-body { margin-top: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-header__overlap.sv-header__without-background { margin-bottom: 0; padding-bottom: 0; } .sv-header__overlap.sv-header__without-background ~ div .sd-body, .sv-header__overlap.sv-header__without-background ~ div .sv-body { margin-top: 0; } .sv-header__without-background .sv-header--mobile, .sv-header__without-background .sv-header__content { padding-bottom: 0; } .sv-header__content { padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); box-sizing: border-box; height: 100%; position: relative; display: grid; gap: 0; grid-auto-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr 1fr 1fr; } .sv-header__content--static { max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px)))); margin-left: auto; margin-right: auto; } .sv-header__background-image { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; border: 0; background-position-x: center; } .sv-header__background-image--contain { background-repeat: no-repeat; } .sv-header__cell { position: relative; } .sv-header__cell-content { display: flex; flex-direction: column; position: absolute; width: max-content; top: 0; bottom: 0; } .sv-header__cell--left .sv-header__cell-content { left: 0; } .sv-header__cell--center .sv-header__cell-content { min-width: 100%; left: 50%; transform: translateX(-50%); } .sv-header__cell--right .sv-header__cell-content { right: 0; } .sv-header__logo { display: flex; } .sv-header__logo img { display: block; } .sv-header__title { display: flex; } .sv-header__title .sd-title { --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px)))); font-size: var(--header-title-font-size); line-height: calc(1.25 * (var(--header-title-font-size))); color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff))); font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-headertitle-weight, 700); margin: 0; } .sv-header__logo ~ .sv-header__title { margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-header__logo ~ .sv-header__description { margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sv-header__title ~ .sv-header__description { margin-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sv-header__description { display: flex; } .sv-header__description .sd-description { --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px)); font-size: var(--header-description-font-size); line-height: calc(1.5 * (var(--header-description-font-size))); color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff))); font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))); font-weight: var(--sjs-font-headerdescription-weight, 600); margin: 0; } .sv-header__content .sd-header__text h3 { margin: 0; } .sv-header--mobile { padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))); position: relative; z-index: 1; } .sv-header--mobile .sv-header__logo img { max-width: 100%; } .sv-header__background-color--none .sv-header__title .sd-title, .sv-header__background-color--custom .sv-header__title .sd-title { color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))); } .sv-header__background-color--none .sv-header__description .sd-description, .sv-header__background-color--custom .sv-header__description .sd-description { --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px)); font-size: var(--header-description-font-size); line-height: calc(1.5 * (var(--header-description-font-size))); color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45))); } @keyframes rotationAnimation { from { rotate: 0deg; } to { rotate: 360deg; } } .sd-loading-indicator { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-loading-indicator .sv-svg-icon { height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))); animation-name: rotationAnimation; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 1s; } sv-components-container, .sd-components-container { display: flex; } .sv-components-row { display: flex; flex-direction: row; width: 100%; } .sv-components-column { display: flex; flex-direction: column; } .sv-components-column--expandable { flex-grow: 1; } .sv-components-row > .sv-components-column--expandable { width: 1px; } .sjs_sp_container { position: relative; max-width: 100%; } .sjs_sp_controls { position: absolute; left: 0; bottom: 0; } .sjs_sp_controls > button { user-select: none; } .sjs_sp_container > div > canvas:focus { outline: none; } .sjs_sp_placeholder { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; user-select: none; pointer-events: none; width: 100%; height: 100%; } .sjs_sp_canvas { position: relative; max-width: 100%; display: block; } .sjs_sp__background-image { position: absolute; top: 0; left: 0; object-fit: cover; max-width: 100%; width: 100%; height: 100%; } .sd-root-modern { --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px))); --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px))); --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-root-modern.sd-root-modern--mobile { --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px))); --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))); --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))); --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px))); } .sd-root-modern.sd-root-modern--mobile .sd-element__num { float: none; margin-inline-start: 0; width: auto; padding-inline-start: 0; padding-inline-end: 0; } .sd-root-modern.sd-root-modern--mobile .sd-element__num + span { float: none; width: auto; } .sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before { inset-inline-start: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))); } .sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title { flex-direction: column; } .sd-root-modern.sd-root-modern--mobile .sd-header__text { min-width: 100%; } .sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container { margin-left: 0; margin-right: 0; } .sd-multipletext--mobile .sd-multipletext__cell { display: block; } .sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) { padding-left: 0; padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) { padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-multipletext--mobile .sd-multipletext__item-container { padding-top: var(--sjs-base-unit, var(--base-unit, 8px)); padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px)); } .sd-multipletext--mobile .sd-multipletext__item-title { max-width: none; border-right: none; width: 100%; padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0; margin: 0; } .sd-multipletext--mobile .sd-multipletext__item { flex-basis: 0; min-width: 0; } .sd-multipletext--mobile .sd-multipletext__item .sd-input { padding: 0; margin: 0; } .sd-multipletext--mobile .sd-multipletext__item-container--answered, .sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within { flex-direction: column; } .sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title, .sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title { padding: 0; } .sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span, .sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span { font-size: calc(0.75 * (var(--sjs-font-size, 16px))); line-height: var(--sjs-font-size, 16px); } .sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item, .sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item { flex-basis: auto; min-width: auto; width: 100%; } .sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input, .sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input { width: 100%; } .sd-selectbase--mobile .sd-selectbase--multi-column { flex-direction: column; } .sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) { padding-right: 0; } body { --sv-defaultV2-mark: true; } .sd-root-modern { -webkit-font-smoothing: antialiased; --sd-mobile-width: 600px; --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px))); width: 100%; font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))); background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); position: relative; } @-moz-document url-prefix() { .sd-root-modern, .sd-root-modern * { scrollbar-width: thin; scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent; } } .sd-root-modern::-webkit-scrollbar, .sd-root-modern *::-webkit-scrollbar { width: 12px; height: 12px; background-color: transparent; } .sd-root-modern::-webkit-scrollbar-thumb, .sd-root-modern *::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 32px; background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sd-root-modern::-webkit-scrollbar-track, .sd-root-modern *::-webkit-scrollbar-track { background: transparent; } .sd-root-modern::-webkit-scrollbar-thumb:hover, .sd-root-modern *::-webkit-scrollbar-thumb:hover { border: 2px solid rgba(0, 0, 0, 0); background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sd-root-modern form { position: relative; } .sd-root-modern--animation-disabled * { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; } .sd-root-modern.sd-root-modern--full-container { width: 100%; height: 100%; overflow: auto; position: relative; } .sd-root-modern--mobile { --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px))); } .sd-root-modern__wrapper { position: relative; } .sd-root-modern__wrapper--has-image { min-height: 100%; } .sd-root-modern--full-container .sd-root-modern__wrapper--fixed { position: static; width: 100%; height: 100%; } .sd-root-modern--full-container .sd-root-modern__wrapper--fixed form { overflow: auto; width: 100%; max-height: 100%; } .sv-popup .sv-popup__scrolling-content { box-sizing: content-box; } @-moz-document url-prefix() { .sv-popup .sv-popup__scrolling-content, .sv-popup .sv-popup__scrolling-content * { scrollbar-width: thin; scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent; } } .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar, .sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar { width: 12px; height: 12px; background-color: transparent; } .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb, .sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb { border: 4px solid rgba(0, 0, 0, 0); background-clip: padding-box; border-radius: 32px; background-color: var(--sjs-border-default, var(--border, #d6d6d6)); } .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track, .sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track { background: transparent; } .sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover, .sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover { border: 2px solid rgba(0, 0, 0, 0); background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090)); } .sv-components-container-center { position: sticky; top: 0; } .sv-root--sticky-top .sv-components-container-center { z-index: 15; } .sv-root--sticky-top.sd-progress--pages .sv-components-container-center, .sv-root--sticky-top.sd-progress--buttons .sv-components-container-center { background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)); box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)); } .sv-components-container-right, .sv-components-container-left { width: fit-content; } /*# sourceMappingURL=defaultV2.css.map */.canny-widget { position: fixed; right: 0; top: 70%; transform: translate(0, -50%); width: 32px; height: 140px; background-color: #532d7f; border-top-left-radius: 7px; border-bottom-left-radius: 7px; writing-mode: vertical-lr; text-orientation: mixed; text-align: center; color: white; padding: 8px; z-index: 1001; } .get-help-el { position: fixed; right: 0; top: 52%; transform: translate(0, -50%); width: 32px; height: 140px; background-color: #532d7f; border-top-left-radius: 7px; border-bottom-left-radius: 7px; writing-mode: vertical-lr; text-orientation: mixed; text-align: center; color: white; padding: 8px; z-index: 1001; } .get-help-el:hover { width: 36px; cursor: pointer; } .canny { position: fixed; top: 0; width: 50%; overflow: auto; background-color: lightgray; padding: 20px; overflow: auto; height: 100%; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; padding-top: 25px; } .canny-widget:hover { width: 36px; cursor: pointer; } .canny-el { position: fixed; top: 0%; right: -50%; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: white; width: 50%; box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; z-index: 1000; } .link-canny { padding-top: 5px; padding-left: 20px; position: absolute; z-index: 1; } .slide-in-widget { animation: slide-in-widget 1.25s forwards; -webkit-animation: slide-in-widget 1.25s forwards; } .slide-out-widget { animation: slide-out-widget 1.25s forwards; -webkit-animation: slide-out-widget 1.25s forwards; } .slide-in-el { animation: slide-in-el 1.25s forwards; -webkit-animation: slide-in-el 1.25s forwards; } .slide-out-el { animation: slide-out-el 1.25s forwards; -webkit-animation: slide-out-el 1.25s forwards; } @-webkit-keyframes slide-in-el { 100% { right: 0; } } @keyframes slide-in-el { 100% { right: 0; } } @-webkit-keyframes slide-out-el { 0% { right: 0; } 100% { right: -50%; } } @keyframes slide-out-el { 0% { right: 0; } 100% { right: -50%; } } @-webkit-keyframes slide-in-widget { 100% { right: 50%; } } @keyframes slide-in-widget { 100% { right: 50%; } } @-webkit-keyframes slide-out-widget { 0% { right: 50%; } 100% { right: 0; } } @keyframes slide-out-widget { 0% { right: 50%; } 100% { right: 0; } } #roadmap-bootstraper { height: 85vh; } #crisp-chatbox > div > a > span.cc-157aw.cc-1kgzy { width: 33px !important; height: 33px !important; background-color: #6C20C4 !important; } #crisp-chatbox > div > a{ margin-right: -10px !important; margin-bottom: -10px !important; z-index: 400!important; } #crisp-chatbox > div > a > span.cc-157aw.cc-1kgzy > span > span.cc-1bvfm { width: 24px!important; height: 24px!important; top: 5px!important; left: 4px!important; } @media (width <= 479px) { #crisp-chatbox > div > a { margin-right: 12px !important; margin-bottom: 6px !important; } } #crisp-chatbox > div > a > span.cc-157aw.cc-1kgzy > span > span.chat-background { background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) !important; }.react-grid-item { background-color: #ffffff; transition: transform 0.1s ease-in-out; } .react-grid-item.react-grid-placeholder { background-color: #a1d9ff !important; /* Ant Design primary-2 or similar light blue */ opacity: 0.4; border-radius: 4px; border: 1px dashed #1890ff; /* Ant Design primary color */ } /* Wrapper for each widget inside the grid item, useful for padding or other styles */ .grid-widget-wrapper .ant-card-head { min-height: 38px; /* Adjust if title makes card header too big */ padding: 0 12px; } .grid-widget-wrapper .ant-card-body { padding: 12px; /* Default AntD card padding might be too much for small widgets */ } /* Custom scrollbars if needed, Ant Design might already handle this well */ /* For Webkit browsers */ ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } ::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 10px; } ::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }.react-grid-layout { position: relative; transition: height 200ms ease; } .react-grid-item { transition: all 200ms ease; transition-property: left, top, width, height; } .react-grid-item img { pointer-events: none; user-select: none; } .react-grid-item.cssTransforms { transition-property: transform, width, height; } .react-grid-item.resizing { transition: none; z-index: 1; will-change: width, height; } .react-grid-item.react-draggable-dragging { transition: none; z-index: 3; will-change: transform; } .react-grid-item.dropping { visibility: hidden; } .react-grid-item.react-grid-placeholder { background: red; opacity: 0.2; transition-duration: 100ms; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .react-grid-item.react-grid-placeholder.placeholder-resizing { transition: none; } .react-grid-item > .react-resizable-handle { position: absolute; width: 20px; height: 20px; } .react-grid-item > .react-resizable-handle::after { content: ""; position: absolute; right: 3px; bottom: 3px; width: 5px; height: 5px; border-right: 2px solid rgba(0, 0, 0, 0.4); border-bottom: 2px solid rgba(0, 0, 0, 0.4); } .react-resizable-hide > .react-resizable-handle { display: none; } .react-grid-item > .react-resizable-handle.react-resizable-handle-sw { bottom: 0; left: 0; cursor: sw-resize; transform: rotate(90deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-se { bottom: 0; right: 0; cursor: se-resize; } .react-grid-item > .react-resizable-handle.react-resizable-handle-nw { top: 0; left: 0; cursor: nw-resize; transform: rotate(180deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-ne { top: 0; right: 0; cursor: ne-resize; transform: rotate(270deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-w, .react-grid-item > .react-resizable-handle.react-resizable-handle-e { top: 50%; margin-top: -10px; cursor: ew-resize; } .react-grid-item > .react-resizable-handle.react-resizable-handle-w { left: 0; transform: rotate(135deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-e { right: 0; transform: rotate(315deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-n, .react-grid-item > .react-resizable-handle.react-resizable-handle-s { left: 50%; margin-left: -10px; cursor: ns-resize; } .react-grid-item > .react-resizable-handle.react-resizable-handle-n { top: 0; transform: rotate(225deg); } .react-grid-item > .react-resizable-handle.react-resizable-handle-s { bottom: 0; transform: rotate(45deg); } .react-resizable { position: relative; } .react-resizable-handle { position: absolute; width: 20px; height: 20px; background-repeat: no-repeat; background-origin: content-box; box-sizing: border-box; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+'); background-position: bottom right; padding: 0 3px 3px 0; } .react-resizable-handle-sw { bottom: 0; left: 0; cursor: sw-resize; transform: rotate(90deg); } .react-resizable-handle-se { bottom: 0; right: 0; cursor: se-resize; } .react-resizable-handle-nw { top: 0; left: 0; cursor: nw-resize; transform: rotate(180deg); } .react-resizable-handle-ne { top: 0; right: 0; cursor: ne-resize; transform: rotate(270deg); } .react-resizable-handle-w, .react-resizable-handle-e { top: 50%; margin-top: -10px; cursor: ew-resize; } .react-resizable-handle-w { left: 0; transform: rotate(135deg); } .react-resizable-handle-e { right: 0; transform: rotate(315deg); } .react-resizable-handle-n, .react-resizable-handle-s { left: 50%; margin-left: -10px; cursor: ns-resize; } .react-resizable-handle-n { top: 0; transform: rotate(225deg); } .react-resizable-handle-s { bottom: 0; transform: rotate(45deg); }@media (prefers-color-scheme: dark) { .wmde-markdown, .wmde-markdown-var { color-scheme: dark; --color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-constant: #79c0ff; --color-prettylights-syntax-entity: #d2a8ff; --color-prettylights-syntax-storage-modifier-import: #c9d1d9; --color-prettylights-syntax-entity-tag: #7ee787; --color-prettylights-syntax-keyword: #ff7b72; --color-prettylights-syntax-string: #a5d6ff; --color-prettylights-syntax-variable: #ffa657; --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; --color-prettylights-syntax-invalid-illegal-bg: #8e1519; --color-prettylights-syntax-carriage-return-text: #f0f6fc; --color-prettylights-syntax-carriage-return-bg: #b62324; --color-prettylights-syntax-string-regexp: #7ee787; --color-prettylights-syntax-markup-list: #f2cc60; --color-prettylights-syntax-markup-heading: #1f6feb; --color-prettylights-syntax-markup-italic: #c9d1d9; --color-prettylights-syntax-markup-bold: #c9d1d9; --color-prettylights-syntax-markup-deleted-text: #ffdcd7; --color-prettylights-syntax-markup-deleted-bg: #67060c; --color-prettylights-syntax-markup-inserted-text: #aff5b4; --color-prettylights-syntax-markup-inserted-bg: #033a16; --color-prettylights-syntax-markup-changed-text: #ffdfb6; --color-prettylights-syntax-markup-changed-bg: #5a1e02; --color-prettylights-syntax-markup-ignored-text: #c9d1d9; --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-brackethighlighter-angle: #8b949e; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; --color-fg-default: #c9d1d9; --color-fg-muted: #8b949e; --color-fg-subtle: #484f58; --color-canvas-default: #0d1117; --color-canvas-subtle: #161b22; --color-border-default: #30363d; --color-border-muted: #21262d; --color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #58a6ff; --color-accent-emphasis: #1f6feb; --color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #f85149; } } @media (prefers-color-scheme: light) { .wmde-markdown, .wmde-markdown-var { color-scheme: light; --color-prettylights-syntax-comment: #6e7781; --color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-entity: #8250df; --color-prettylights-syntax-storage-modifier-import: #24292f; --color-prettylights-syntax-entity-tag: #116329; --color-prettylights-syntax-keyword: #cf222e; --color-prettylights-syntax-string: #0a3069; --color-prettylights-syntax-variable: #953800; --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; --color-prettylights-syntax-invalid-illegal-bg: #82071e; --color-prettylights-syntax-carriage-return-text: #f6f8fa; --color-prettylights-syntax-carriage-return-bg: #cf222e; --color-prettylights-syntax-string-regexp: #116329; --color-prettylights-syntax-markup-list: #3b2300; --color-prettylights-syntax-markup-heading: #0550ae; --color-prettylights-syntax-markup-italic: #24292f; --color-prettylights-syntax-markup-bold: #24292f; --color-prettylights-syntax-markup-deleted-text: #82071e; --color-prettylights-syntax-markup-deleted-bg: #ffebe9; --color-prettylights-syntax-markup-inserted-text: #116329; --color-prettylights-syntax-markup-inserted-bg: #dafbe1; --color-prettylights-syntax-markup-changed-text: #953800; --color-prettylights-syntax-markup-changed-bg: #ffd8b5; --color-prettylights-syntax-markup-ignored-text: #eaeef2; --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-brackethighlighter-angle: #57606a; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; --color-prettylights-syntax-constant-other-reference-link: #0a3069; --color-fg-default: #24292f; --color-fg-muted: #57606a; --color-fg-subtle: #6e7781; --color-canvas-default: #ffffff; --color-canvas-subtle: #f6f8fa; --color-border-default: #d0d7de; --color-border-muted: hsl(210, 18%, 87%); --color-neutral-muted: rgba(175, 184, 193, 0.2); --color-accent-fg: #0969da; --color-accent-emphasis: #0969da; --color-attention-subtle: #fff8c5; --color-danger-fg: #cf222e; } } [data-color-mode*='dark'] .wmde-markdown, [data-color-mode*='dark'] .wmde-markdown-var, .wmde-markdown-var[data-color-mode*='dark'], .wmde-markdown[data-color-mode*='dark'], body[data-color-mode*='dark'] { color-scheme: dark; --color-prettylights-syntax-comment: #8b949e; --color-prettylights-syntax-constant: #79c0ff; --color-prettylights-syntax-entity: #d2a8ff; --color-prettylights-syntax-storage-modifier-import: #c9d1d9; --color-prettylights-syntax-entity-tag: #7ee787; --color-prettylights-syntax-keyword: #ff7b72; --color-prettylights-syntax-string: #a5d6ff; --color-prettylights-syntax-variable: #ffa657; --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; --color-prettylights-syntax-invalid-illegal-bg: #8e1519; --color-prettylights-syntax-carriage-return-text: #f0f6fc; --color-prettylights-syntax-carriage-return-bg: #b62324; --color-prettylights-syntax-string-regexp: #7ee787; --color-prettylights-syntax-markup-list: #f2cc60; --color-prettylights-syntax-markup-heading: #1f6feb; --color-prettylights-syntax-markup-italic: #c9d1d9; --color-prettylights-syntax-markup-bold: #c9d1d9; --color-prettylights-syntax-markup-deleted-text: #ffdcd7; --color-prettylights-syntax-markup-deleted-bg: #67060c; --color-prettylights-syntax-markup-inserted-text: #aff5b4; --color-prettylights-syntax-markup-inserted-bg: #033a16; --color-prettylights-syntax-markup-changed-text: #ffdfb6; --color-prettylights-syntax-markup-changed-bg: #5a1e02; --color-prettylights-syntax-markup-ignored-text: #c9d1d9; --color-prettylights-syntax-markup-ignored-bg: #1158c7; --color-prettylights-syntax-meta-diff-range: #d2a8ff; --color-prettylights-syntax-brackethighlighter-angle: #8b949e; --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; --color-fg-default: #c9d1d9; --color-fg-muted: #8b949e; --color-fg-subtle: #484f58; --color-canvas-default: #0d1117; --color-canvas-subtle: #161b22; --color-border-default: #30363d; --color-border-muted: #21262d; --color-neutral-muted: rgba(110, 118, 129, 0.4); --color-accent-fg: #58a6ff; --color-accent-emphasis: #1f6feb; --color-attention-subtle: rgba(187, 128, 9, 0.15); --color-danger-fg: #f85149; } [data-color-mode*='light'] .wmde-markdown, [data-color-mode*='light'] .wmde-markdown-var, .wmde-markdown-var[data-color-mode*='light'], .wmde-markdown[data-color-mode*='light'], body[data-color-mode*='light'] { color-scheme: light; --color-prettylights-syntax-comment: #6e7781; --color-prettylights-syntax-constant: #0550ae; --color-prettylights-syntax-entity: #8250df; --color-prettylights-syntax-storage-modifier-import: #24292f; --color-prettylights-syntax-entity-tag: #116329; --color-prettylights-syntax-keyword: #cf222e; --color-prettylights-syntax-string: #0a3069; --color-prettylights-syntax-variable: #953800; --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; --color-prettylights-syntax-invalid-illegal-bg: #82071e; --color-prettylights-syntax-carriage-return-text: #f6f8fa; --color-prettylights-syntax-carriage-return-bg: #cf222e; --color-prettylights-syntax-string-regexp: #116329; --color-prettylights-syntax-markup-list: #3b2300; --color-prettylights-syntax-markup-heading: #0550ae; --color-prettylights-syntax-markup-italic: #24292f; --color-prettylights-syntax-markup-bold: #24292f; --color-prettylights-syntax-markup-deleted-text: #82071e; --color-prettylights-syntax-markup-deleted-bg: #ffebe9; --color-prettylights-syntax-markup-inserted-text: #116329; --color-prettylights-syntax-markup-inserted-bg: #dafbe1; --color-prettylights-syntax-markup-changed-text: #953800; --color-prettylights-syntax-markup-changed-bg: #ffd8b5; --color-prettylights-syntax-markup-ignored-text: #eaeef2; --color-prettylights-syntax-markup-ignored-bg: #0550ae; --color-prettylights-syntax-meta-diff-range: #8250df; --color-prettylights-syntax-brackethighlighter-angle: #57606a; --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; --color-prettylights-syntax-constant-other-reference-link: #0a3069; --color-fg-default: #24292f; --color-fg-muted: #57606a; --color-fg-subtle: #6e7781; --color-canvas-default: #ffffff; --color-canvas-subtle: #f6f8fa; --color-border-default: #d0d7de; --color-border-muted: hsl(210, 18%, 87%); --color-neutral-muted: rgba(175, 184, 193, 0.2); --color-accent-fg: #0969da; --color-accent-emphasis: #0969da; --color-attention-subtle: #fff8c5; --color-danger-fg: #cf222e; } .wmde-markdown { -webkit-text-size-adjust: 100%; font-family: -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; font-size: 16px; line-height: 1.5; word-wrap: break-word; color: var(--color-fg-default); background-color: var(--color-canvas-default); } .wmde-markdown details, .wmde-markdown figcaption, .wmde-markdown figure { display: block; } .wmde-markdown summary { display: list-item; } .wmde-markdown [hidden] { display: none !important; } .wmde-markdown a { background-color: transparent; color: var(--color-accent-fg); text-decoration: none; } .wmde-markdown a:active, .wmde-markdown a:hover { outline-width: 0; } .wmde-markdown abbr[title] { border-bottom: none; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } .wmde-markdown b, .wmde-markdown strong { font-weight: 600; } .wmde-markdown dfn { font-style: italic; } .wmde-markdown h1 { margin: 0.67em 0; font-weight: 600; padding-bottom: 0.3em; font-size: 2em; border-bottom: 1px solid var(--color-border-muted); } .wmde-markdown mark { background-color: var(--color-attention-subtle); color: var(--color-text-primary); } .wmde-markdown small { font-size: 90%; } .wmde-markdown sub, .wmde-markdown sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .wmde-markdown sub { bottom: -0.25em; } .wmde-markdown sup { top: -0.5em; } .wmde-markdown img { display: inline-block; border-style: none; max-width: 100%; box-sizing: content-box; background-color: var(--color-canvas-default); } .wmde-markdown code, .wmde-markdown kbd, .wmde-markdown pre, .wmde-markdown samp { font-family: monospace, monospace; font-size: 1em; } .wmde-markdown figure { margin: 1em 40px; } .wmde-markdown hr { box-sizing: content-box; overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid var(--color-border-muted); height: 0.25em; padding: 0; margin: 24px 0; background-color: var(--color-border-default); } .wmde-markdown input { font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit; } .wmde-markdown [type='button'], .wmde-markdown [type='reset'], .wmde-markdown [type='submit'] { -webkit-appearance: button; } .wmde-markdown [type='button']::-moz-focus-inner, .wmde-markdown [type='reset']::-moz-focus-inner, .wmde-markdown [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } .wmde-markdown [type='button']:-moz-focusring, .wmde-markdown [type='reset']:-moz-focusring, .wmde-markdown [type='submit']:-moz-focusring { outline: 1px dotted ButtonText; } .wmde-markdown [type='checkbox'], .wmde-markdown [type='radio'] { box-sizing: border-box; padding: 0; } .wmde-markdown [type='number']::-webkit-inner-spin-button, .wmde-markdown [type='number']::-webkit-outer-spin-button { height: auto; } .wmde-markdown [type='search'] { -webkit-appearance: textfield; outline-offset: -2px; } .wmde-markdown [type='search']::-webkit-search-cancel-button, .wmde-markdown [type='search']::-webkit-search-decoration { -webkit-appearance: none; } .wmde-markdown ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } .wmde-markdown ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } .wmde-markdown a:hover { text-decoration: underline; } .wmde-markdown hr::before { display: table; content: ''; } .wmde-markdown hr::after { display: table; clear: both; content: ''; } .wmde-markdown table { border-spacing: 0; border-collapse: collapse; display: block; width: -webkit-max-content; width: max-content; max-width: 100%; } .wmde-markdown td, .wmde-markdown th { padding: 0; } .wmde-markdown details summary { cursor: pointer; } .wmde-markdown details:not([open]) > *:not(summary) { display: none !important; } .wmde-markdown kbd { display: inline-block; padding: 3px 5px; font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; color: var(--color-fg-default); vertical-align: middle; background-color: var(--color-canvas-subtle); border: solid 1px var(--color-neutral-muted); border-bottom-color: var(--color-neutral-muted); border-radius: 6px; box-shadow: inset 0 -1px 0 var(--color-neutral-muted); } .wmde-markdown h1, .wmde-markdown h2, .wmde-markdown h3, .wmde-markdown h4, .wmde-markdown h5, .wmde-markdown h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } .wmde-markdown td, .wmde-markdown th { padding: 0; } .wmde-markdown details summary { cursor: pointer; } .wmde-markdown details:not([open]) > *:not(summary) { display: none !important; } .wmde-markdown kbd { display: inline-block; padding: 3px 5px; font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; color: var(--color-fg-default); vertical-align: middle; background-color: var(--color-canvas-subtle); border: solid 1px var(--color-neutral-muted); border-bottom-color: var(--color-neutral-muted); border-radius: 6px; box-shadow: inset 0 -1px 0 var(--color-neutral-muted); } .wmde-markdown h1, .wmde-markdown h2, .wmde-markdown h3, .wmde-markdown h4, .wmde-markdown h5, .wmde-markdown h6 { margin-top: 24px; margin-bottom: 16px; font-weight: 600; line-height: 1.25; } .wmde-markdown h2 { font-weight: 600; padding-bottom: 0.3em; font-size: 1.5em; border-bottom: 1px solid var(--color-border-muted); } .wmde-markdown h3 { font-weight: 600; font-size: 1.25em; } .wmde-markdown h4 { font-weight: 600; font-size: 1em; } .wmde-markdown h5 { font-weight: 600; font-size: 0.875em; } .wmde-markdown h6 { font-weight: 600; font-size: 0.85em; color: var(--color-fg-muted); } .wmde-markdown p { margin-top: 0; margin-bottom: 10px; } .wmde-markdown blockquote { margin: 0; padding: 0 1em; color: var(--color-fg-muted); border-left: 0.25em solid var(--color-border-default); } .wmde-markdown ul, .wmde-markdown ol { margin-top: 0; margin-bottom: 0; padding-left: 2em; } .wmde-markdown ol ol, .wmde-markdown ul ol { list-style-type: lower-roman; } .wmde-markdown ul ul ol, .wmde-markdown ul ol ol, .wmde-markdown ol ul ol, .wmde-markdown ol ol ol { list-style-type: lower-alpha; } .wmde-markdown dd { margin-left: 0; } .wmde-markdown tt, .wmde-markdown code { font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; } .wmde-markdown pre { margin-top: 0; margin-bottom: 0; font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; font-size: 12px; word-wrap: normal; } .wmde-markdown .octicon { display: inline-block; overflow: visible !important; vertical-align: text-bottom; fill: currentColor; } .wmde-markdown ::-webkit-input-placeholder { color: var(--color-fg-subtle); opacity: 1; } .wmde-markdown ::placeholder { color: var(--color-fg-subtle); opacity: 1; } .wmde-markdown input::-webkit-outer-spin-button, .wmde-markdown input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none; } .wmde-markdown [data-catalyst] { display: block; } .wmde-markdown::before { display: table; content: ''; } .wmde-markdown::after { display: table; clear: both; content: ''; } .wmde-markdown > *:first-child { margin-top: 0 !important; } .wmde-markdown > *:last-child { margin-bottom: 0 !important; } .wmde-markdown a:not([href]) { color: inherit; text-decoration: none; } .wmde-markdown .absent { color: var(--color-danger-fg); } .wmde-markdown a.anchor { float: left; padding-right: 4px; margin-left: -20px; line-height: 1; } .wmde-markdown .anchor:focus { outline: none; } .wmde-markdown p, .wmde-markdown blockquote, .wmde-markdown ul, .wmde-markdown ol, .wmde-markdown dl, .wmde-markdown table, .wmde-markdown pre, .wmde-markdown details { margin-top: 0; margin-bottom: 16px; } .wmde-markdown blockquote > :first-child { margin-top: 0; } .wmde-markdown blockquote > :last-child { margin-bottom: 0; } .wmde-markdown sup > a::before { content: '['; } .wmde-markdown sup > a::after { content: ']'; } .wmde-markdown h1 .octicon-link, .wmde-markdown h2 .octicon-link, .wmde-markdown h3 .octicon-link, .wmde-markdown h4 .octicon-link, .wmde-markdown h5 .octicon-link, .wmde-markdown h6 .octicon-link { color: var(--color-fg-default); vertical-align: middle; visibility: hidden; } .wmde-markdown h1:hover .anchor, .wmde-markdown h2:hover .anchor, .wmde-markdown h3:hover .anchor, .wmde-markdown h4:hover .anchor, .wmde-markdown h5:hover .anchor, .wmde-markdown h6:hover .anchor { text-decoration: none; } .wmde-markdown h1:hover .anchor .octicon-link, .wmde-markdown h2:hover .anchor .octicon-link, .wmde-markdown h3:hover .anchor .octicon-link, .wmde-markdown h4:hover .anchor .octicon-link, .wmde-markdown h5:hover .anchor .octicon-link, .wmde-markdown h6:hover .anchor .octicon-link { visibility: visible; } .wmde-markdown h1 tt, .wmde-markdown h1 code, .wmde-markdown h2 tt, .wmde-markdown h2 code, .wmde-markdown h3 tt, .wmde-markdown h3 code, .wmde-markdown h4 tt, .wmde-markdown h4 code, .wmde-markdown h5 tt, .wmde-markdown h5 code, .wmde-markdown h6 tt, .wmde-markdown h6 code { padding: 0 0.2em; font-size: inherit; } .wmde-markdown ul.no-list, .wmde-markdown ol.no-list { padding: 0; list-style-type: none; } .wmde-markdown ol[type='1'] { list-style-type: decimal; } .wmde-markdown ol[type='a'] { list-style-type: lower-alpha; } .wmde-markdown ol[type='i'] { list-style-type: lower-roman; } .wmde-markdown div > ol:not([type]) { list-style-type: decimal; } .wmde-markdown ul ul, .wmde-markdown ul ol, .wmde-markdown ol ol, .wmde-markdown ol ul { margin-top: 0; margin-bottom: 0; } .wmde-markdown li > p { margin-top: 16px; } .wmde-markdown li + li { margin-top: 0.25em; } .wmde-markdown dl { padding: 0; } .wmde-markdown dl dt { padding: 0; margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; } .wmde-markdown dl dd { padding: 0 16px; margin-bottom: 16px; } .wmde-markdown table th { font-weight: 600; } .wmde-markdown table th, .wmde-markdown table td { padding: 6px 13px; border: 1px solid var(--color-border-default); } .wmde-markdown table tr { background-color: var(--color-canvas-default); border-top: 1px solid var(--color-border-muted); } .wmde-markdown table tr:nth-child(2n) { background-color: var(--color-canvas-subtle); } .wmde-markdown table img { background-color: transparent; } .wmde-markdown img[align='right'] { padding-left: 20px; } .wmde-markdown img[align='left'] { padding-right: 20px; } .wmde-markdown .emoji { max-width: none; vertical-align: text-top; background-color: transparent; } .wmde-markdown span.frame { display: block; overflow: hidden; } .wmde-markdown span.frame > span { display: block; float: left; width: auto; padding: 7px; margin: 13px 0 0; overflow: hidden; border: 1px solid var(--color-border-default); } .wmde-markdown span.frame span img { display: block; float: left; } .wmde-markdown span.frame span span { display: block; padding: 5px 0 0; clear: both; color: var(--color-fg-default); } .wmde-markdown span.align-center { display: block; overflow: hidden; clear: both; } .wmde-markdown span.align-center > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: center; } .wmde-markdown span.align-center span img { margin: 0 auto; text-align: center; } .wmde-markdown span.align-right { display: block; overflow: hidden; clear: both; } .wmde-markdown span.align-right > span { display: block; margin: 13px 0 0; overflow: hidden; text-align: right; } .wmde-markdown span.align-right span img { margin: 0; text-align: right; } .wmde-markdown span.float-left { display: block; float: left; margin-right: 13px; overflow: hidden; } .wmde-markdown span.float-left span { margin: 13px 0 0; } .wmde-markdown span.float-right { display: block; float: right; margin-left: 13px; overflow: hidden; } .wmde-markdown span.float-right > span { display: block; margin: 13px auto 0; overflow: hidden; text-align: right; } .wmde-markdown code, .wmde-markdown tt { padding: 0.2em 0.4em; margin: 0; font-size: 85%; background-color: var(--color-neutral-muted); border-radius: 6px; } .wmde-markdown code br, .wmde-markdown tt br { display: none; } .wmde-markdown del code { text-decoration: inherit; } .wmde-markdown pre code { font-size: 100%; } .wmde-markdown pre > code { padding: 0; margin: 0; word-break: normal; white-space: pre; background: transparent; border: 0; } .wmde-markdown pre { font-size: 85%; line-height: 1.45; background-color: var(--color-canvas-subtle); border-radius: 6px; } .wmde-markdown pre code, .wmde-markdown pre tt { display: inline; max-width: auto; padding: 0; margin: 0; overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } .wmde-markdown pre > code { padding: 16px; overflow: auto; display: block; } .wmde-markdown .csv-data td, .wmde-markdown .csv-data th { padding: 5px; overflow: hidden; font-size: 12px; line-height: 1; text-align: left; white-space: nowrap; } .wmde-markdown .csv-data .blob-num { padding: 10px 8px 9px; text-align: right; background: var(--color-canvas-default); border: 0; } .wmde-markdown .csv-data tr { border-top: 0; } .wmde-markdown .csv-data th { font-weight: 600; background: var(--color-canvas-subtle); border-top: 0; } .wmde-markdown .footnotes { font-size: 12px; color: var(--color-fg-muted); border-top: 1px solid var(--color-border-default); } .wmde-markdown .footnotes ol { padding-left: 16px; } .wmde-markdown .footnotes li { position: relative; } .wmde-markdown .footnotes li:target::before { position: absolute; top: -8px; right: -8px; bottom: -8px; left: -24px; pointer-events: none; content: ''; border: 2px solid var(--color-accent-emphasis); border-radius: 6px; } .wmde-markdown .footnotes li:target { color: var(--color-fg-default); } .wmde-markdown .footnotes .data-footnote-backref g-emoji { font-family: monospace; } .wmde-markdown .task-list-item { list-style-type: none; } .wmde-markdown .task-list-item label { font-weight: 400; } .wmde-markdown .task-list-item.enabled label { cursor: pointer; } .wmde-markdown .task-list-item + .wmde-markdown .task-list-item { margin-top: 3px; } .wmde-markdown .task-list-item .handle { display: none; } .wmde-markdown .task-list-item-checkbox, .wmde-markdown .contains-task-list input[type='checkbox'] { margin: 0 0.2em 0.25em -1.6em; vertical-align: middle; } .wmde-markdown .contains-task-list:dir(rtl) .task-list-item-checkbox, .wmde-markdown .contains-task-list:dir(rtl) input[type='checkbox'] { margin: 0 -1.6em 0.25em 0.2em; } .wmde-markdown ::-webkit-calendar-picker-indicator { -webkit-filter: invert(50%); filter: invert(50%); } .wmde-markdown pre { position: relative; } .wmde-markdown pre .copied { visibility: hidden; display: flex; position: absolute; cursor: pointer; color: var(--color-fg-defaul); top: 6px; right: 6px; border-radius: 5px; background: var(--color-border-default); padding: 6px; font-size: 12px; transition: all 0.3s; } .wmde-markdown pre .copied .octicon-copy { display: block; } .wmde-markdown pre .copied .octicon-check { display: none; } .wmde-markdown pre:hover .copied { visibility: visible; } .wmde-markdown pre:hover .copied:hover { background: var(--color-prettylights-syntax-entity-tag); color: var(--color-canvas-default); } .wmde-markdown pre:hover .copied:active, .wmde-markdown pre .copied.active { background: #2e9b33; color: var(--color-canvas-default); } .wmde-markdown pre .active .octicon-copy { display: none; } .wmde-markdown pre .active .octicon-check { display: block; } .highlight-line { background-color: var(--color-neutral-muted); } .code-line.line-number::before { display: inline-block; width: 1rem; text-align: right; margin-right: 16px; color: var(--color-fg-subtle); content: attr(line); white-space: nowrap; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--color-prettylights-syntax-comment); } .token.namespace { opacity: 0.7; } .token.property, .token.tag, .token.selector, .token.constant, .token.symbol, .token.deleted { color: var(--color-prettylights-syntax-entity-tag); } .token.maybe-class-name { color: var(--color-prettylights-syntax-variable); } .token.property-access, .token.operator, .token.boolean, .token.number, .token.selector .token.class, .token.attr-name, .token.string, .token.char, .token.builtin { color: var(--color-prettylights-syntax-constant); } .token.deleted { color: var(--color-prettylights-syntax-markup-deleted-text); } .code-line .token.deleted { background-color: var(--color-prettylights-syntax-markup-deleted-bg); } .token.inserted { color: var(--color-prettylights-syntax-markup-inserted-text); } .code-line .token.inserted { background-color: var(--color-prettylights-syntax-markup-inserted-bg); } .token.variable { color: var(--color-prettylights-syntax-constant); } .token.entity, .token.url, .language-css .token.string, .style .token.string { color: var(--color-prettylights-syntax-string); } .token.color, .token.atrule, .token.attr-value, .token.function, .token.class-name { color: var(--color-prettylights-syntax-string); } .token.rule, .token.regex, .token.important, .token.keyword { color: var(--color-prettylights-syntax-keyword); } .token.coord { color: var(--color-prettylights-syntax-meta-diff-range); } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .w-md-editor-area { overflow: auto; border-radius: 5px; } .w-md-editor-text { min-height: 100%; position: relative; text-align: left; white-space: pre-wrap; word-break: keep-all; overflow-wrap: break-word; box-sizing: border-box; padding: 10px; margin: 0; font-size: 14px !important; line-height: 18px !important; font-variant-ligatures: common-ligatures; } .w-md-editor-text-pre, .w-md-editor-text-input, .w-md-editor-text > .w-md-editor-text-pre { margin: 0; border: 0; background: none; box-sizing: inherit; display: inherit; font-family: inherit; font-family: var(--md-editor-font-family) !important; font-size: inherit; font-style: inherit; font-variant-ligatures: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; tab-size: inherit; text-indent: inherit; text-rendering: inherit; text-transform: inherit; white-space: inherit; overflow-wrap: inherit; word-break: inherit; word-break: normal; padding: 0; } .w-md-editor-text-pre { position: relative; margin: 0px !important; pointer-events: none; background-color: transparent !important; } .w-md-editor-text-pre > code { padding: 0 !important; font-family: var(--md-editor-font-family) !important; font-size: 14px !important; line-height: 18px !important; } .w-md-editor-text-input { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; resize: none; color: inherit; overflow: hidden; outline: 0; padding: inherit; -webkit-font-smoothing: antialiased; -webkit-text-fill-color: transparent; } .w-md-editor-text-input:empty { -webkit-text-fill-color: inherit !important; } .w-md-editor-text-pre, .w-md-editor-text-input { word-wrap: pre; word-break: break-word; white-space: pre-wrap; } /** * Hack to apply on some CSS on IE10 and IE11 */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /** * IE doesn't support '-webkit-text-fill-color' * So we use 'color: transparent' to make the text transparent on IE * Unlike other browsers, it doesn't affect caret color in IE */ .w-md-editor-text-input { color: transparent !important; } .w-md-editor-text-input::selection { background-color: #accef7 !important; color: transparent !important; } } .w-md-editor-text-pre .punctuation { color: var(--color-prettylights-syntax-comment, #8b949e) !important; } .w-md-editor-text-pre .token.url, .w-md-editor-text-pre .token.content { color: var(--color-prettylights-syntax-constant, #0550ae) !important; } .w-md-editor-text-pre .token.title.important { color: var(--color-prettylights-syntax-markup-bold, #24292f); } .w-md-editor-text-pre .token.code-block .function { color: var(--color-prettylights-syntax-entity, #8250df); } .w-md-editor-text-pre .token.bold { font-weight: unset !important; } .w-md-editor-text-pre .token.title { line-height: unset !important; font-size: unset !important; font-weight: unset !important; } .w-md-editor-text-pre .token.code.keyword { color: var(--color-prettylights-syntax-constant, #0550ae) !important; } .w-md-editor-text-pre .token.strike, .w-md-editor-text-pre .token.strike .content { color: var(--color-prettylights-syntax-markup-deleted-text, #82071e) !important; } .w-md-editor-toolbar-child { position: absolute; border-radius: 3px; box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color); background-color: var(--md-editor-background-color); z-index: 1; display: none; } .w-md-editor-toolbar-child.active { display: block; } .w-md-editor-toolbar-child .w-md-editor-toolbar { border-bottom: 0; padding: 3px; border-radius: 3px; } .w-md-editor-toolbar-child .w-md-editor-toolbar ul > li { display: block; } .w-md-editor-toolbar-child .w-md-editor-toolbar ul > li button { width: -webkit-fill-available; height: initial; box-sizing: border-box; padding: 3px 4px 2px 4px; margin: 0; } .w-md-editor-toolbar { border-bottom: 1px solid var(--md-editor-box-shadow-color); background-color: var(--md-editor-background-color); padding: 5px 5px; display: flex; justify-content: space-between; align-items: center; border-radius: 3px 3px 0 0; -webkit-user-select: none; user-select: none; flex-wrap: wrap; } .w-md-editor-toolbar.bottom { border-bottom: 0px; border-top: 1px solid var(--md-editor-box-shadow-color); border-radius: 0 0 3px 3px; } .w-md-editor-toolbar ul, .w-md-editor-toolbar li { margin: 0; padding: 0; list-style: none; line-height: initial; } .w-md-editor-toolbar li { display: inline-block; font-size: 14px; } .w-md-editor-toolbar li + li { margin: 0; } .w-md-editor-toolbar li > button { border: none; height: 20px; line-height: 14px; background: none; padding: 4px; margin: 0 1px; border-radius: 2px; text-transform: none; font-weight: normal; overflow: visible; outline: none; cursor: pointer; transition: all 0.3s; white-space: nowrap; color: var(--color-fg-default); } .w-md-editor-toolbar li > button:hover, .w-md-editor-toolbar li > button:focus { background-color: var(--color-neutral-muted); color: var(--color-accent-fg); } .w-md-editor-toolbar li > button:active { background-color: var(--color-neutral-muted); color: var(--color-danger-fg); } .w-md-editor-toolbar li > button:disabled { color: var(--md-editor-box-shadow-color); cursor: not-allowed; } .w-md-editor-toolbar li > button:disabled:hover { background-color: transparent; color: var(--md-editor-box-shadow-color); } .w-md-editor-toolbar li.active > button { color: var(--color-accent-fg); background-color: var(--color-neutral-muted); } .w-md-editor-toolbar-divider { height: 14px; width: 1px; margin: -3px 3px 0 3px !important; vertical-align: middle; background-color: var(--md-editor-box-shadow-color); } .w-md-editor-bar { position: absolute; cursor: s-resize; right: 0; bottom: 0; margin-top: -11px; margin-right: 0; width: 14px; z-index: 3; height: 10px; border-radius: 0 0 3px 0; -webkit-user-select: none; user-select: none; } .w-md-editor-bar svg { display: block; margin: 0 auto; } .w-md-editor { text-align: left; border-radius: 3px; padding-bottom: 1px; position: relative; color: var(--color-fg-default); --md-editor-font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; --md-editor-background-color: var(--color-canvas-default, #ffffff); --md-editor-box-shadow-color: var(--color-border-default, #d0d7de); box-shadow: 0 0 0 1px var(--md-editor-box-shadow-color), 0 0 0 var(--md-editor-box-shadow-color), 0 1px 1px var(--md-editor-box-shadow-color); background-color: var(--md-editor-background-color); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; display: flex; flex-direction: column; } .w-md-editor.w-md-editor-rtl { direction: rtl !important; text-align: right !important; } .w-md-editor.w-md-editor-rtl .w-md-editor-preview { right: unset !important; left: 0; text-align: right !important; box-shadow: inset -1px 0 0 0 var(--md-editor-box-shadow-color); } .w-md-editor.w-md-editor-rtl .w-md-editor-text { text-align: right !important; } .w-md-editor-toolbar { height: -webkit-fit-content; height: fit-content; } .w-md-editor-content { height: 100%; overflow: auto; position: relative; border-radius: 0 0 3px 0; } .w-md-editor .copied { display: none !important; } .w-md-editor-input { width: 50%; height: 100%; } .w-md-editor-text-pre > code { word-break: break-word !important; white-space: pre-wrap !important; } .w-md-editor-preview { width: 50%; box-sizing: border-box; box-shadow: inset 1px 0 0 0 var(--md-editor-box-shadow-color); position: absolute; padding: 10px 20px; overflow: auto; top: 0; right: 0; bottom: 0; border-radius: 0 0 5px 0; display: flex; flex-direction: column; } .w-md-editor-preview .anchor { display: none; } .w-md-editor-preview .contains-task-list li.task-list-item { list-style: none; } .w-md-editor-show-preview .w-md-editor-input { width: 0%; overflow: hidden; background-color: var(--md-editor-background-color); } .w-md-editor-show-preview .w-md-editor-preview { width: 100%; box-shadow: inset 0 0 0 0; } .w-md-editor-show-edit .w-md-editor-input { width: 100%; } .w-md-editor-show-edit .w-md-editor-preview { width: 0%; padding: 0; } .w-md-editor-fullscreen { overflow: hidden; position: fixed; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0; height: 100% !important; } .w-md-editor-fullscreen .w-md-editor-content { height: 100%; }