*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #94a3b8; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #94a3b8; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

[type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border-color: #64748b;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 #0000;
}

[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  border-color: #2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #64748b;
  opacity: 1;
}

input::placeholder,textarea::placeholder {
  color: #64748b;
  opacity: 1;
}

::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}

::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit;
}

::-webkit-datetime-edit {
  display: inline-flex;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
  padding-top: 0;
  padding-bottom: 0;
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}

[multiple],[size]:where(select:not([size="1"])) {
  background-image: initial;
  background-position: initial;
  background-repeat: unset;
  background-size: initial;
  padding-right: 0.75rem;
  -webkit-print-color-adjust: unset;
          print-color-adjust: unset;
}

[type='checkbox'],[type='radio'] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  color: #2563eb;
  background-color: #fff;
  border-color: #64748b;
  border-width: 1px;
  --tw-shadow: 0 0 #0000;
}

[type='checkbox'] {
  border-radius: 0px;
}

[type='radio'] {
  border-radius: 100%;
}

[type='checkbox']:focus,[type='radio']:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 2px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #2563eb;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type='checkbox']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='checkbox']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='radio']:checked {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

@media (forced-colors: active)  {

  [type='radio']:checked {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='checkbox']:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

@media (forced-colors: active)  {

  [type='checkbox']:indeterminate {
    -webkit-appearance: auto;
       -moz-appearance: auto;
            appearance: auto;
  }
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
  border-color: transparent;
  background-color: currentColor;
}

[type='file'] {
  background: unset;
  border-color: inherit;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-size: unset;
  line-height: inherit;
}

[type='file']:focus {
  outline: 1px solid ButtonText;
  outline: 1px auto -webkit-focus-ring-color;
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-alpha;
}
.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-alpha;
}
.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: upper-roman;
}
.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: lower-roman;
}
.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: open-quote;
}
.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: "`";
}
.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: "`";
}
.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
  content: none;
}
.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-bottom-width: 0;
}
.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  vertical-align: top;
}
.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  text-align: start;
}
.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 1.25em;
}
.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-start: 0;
}
.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  padding-inline-end: 0;
}
.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-top: 0;
}
.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
  margin-bottom: 0;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.-mb-1 {
  margin-bottom: -0.25rem;
}
.-ml-1 {
  margin-left: -0.25rem;
}
.ml-\[5\%\] {
  margin-left: 5%;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-8 {
  margin-top: 2rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-48 {
  height: 12rem;
}
.h-6 {
  height: 1.5rem;
}
.h-auto {
  height: auto;
}
.min-h-full {
  min-height: 100%;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-48 {
  width: 12rem;
}
.w-6 {
  width: 1.5rem;
}
.w-full {
  width: 100%;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-\[16rem\] {
  max-width: 16rem;
}
.max-w-lg {
  max-width: 32rem;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.overflow-hidden {
  overflow: hidden;
}
.\!rounded-\[12px\] {
  border-radius: 12px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.border {
  border-width: 1px;
}
.\!border-wildberry-light-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(186 0 96 / var(--tw-border-opacity, 1)) !important;
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.\!bg-wildberry-light-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(186 0 96 / var(--tw-bg-opacity, 1)) !important;
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 207 156 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 125 39 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-wildberry-light-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 0 96 / var(--tw-bg-opacity, 1));
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.\!fill-current {
  fill: currentColor !important;
}
.fill-current {
  fill: currentColor;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-20 {
  padding-bottom: 5rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-20 {
  padding-top: 5rem;
}
.pt-24 {
  padding-top: 6rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.leading-6 {
  line-height: 1.5rem;
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.text-orange-200 {
  --tw-text-opacity: 1;
  color: rgb(252 195 131 / var(--tw-text-opacity, 1));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(236 125 39 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.opacity-25 {
  opacity: 0.25;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-transparent {
  --tw-ring-color: transparent;
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:text-orange-500:hover {
  --tw-text-opacity: 1;
  color: rgb(236 125 39 / var(--tw-text-opacity, 1));
}
.hover\:text-wildberry-light:hover {
  --tw-text-opacity: 1;
  color: rgb(186 0 96 / var(--tw-text-opacity, 1));
}
.hover\:ring-wildberry-light-500:hover {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(186 0 96 / var(--tw-ring-opacity, 1));
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(236 125 39 / var(--tw-ring-opacity, 1));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
@media (min-width: 640px) {

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:ml-4 {
    margin-left: 1rem;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mt-4 {
    margin-top: 1rem;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:h-10 {
    height: 2.5rem;
  }

  .sm\:w-10 {
    width: 2.5rem;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-6 {
    padding: 1.5rem;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
/*!
 * surveyjs - Survey JavaScript library v1.12.27
 * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@font-face{font-family:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.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:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.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:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.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:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.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:"Raleway";font-style:normal;font-weight:400;src:local("Raleway"),local("Raleway-Regular"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ISQ.woff) format("woff")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:700;src:local("Raleway Bold"),local("Raleway-Bold"),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPBg.woff) format("woff")}
:root{--sjs-default-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}
.sv-dragdrop-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)}}
.sv-dragdrop-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)}}
: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 .sv-popup__container{border-radius:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--confirm .sv-popup__body-content{border-radius:var(--sjs-base-unit, var(--base-unit, 8px));max-width:-moz-min-content;max-width:min-content;align-items:flex-end;min-width:452px}
.sv-popup--confirm .sv-popup__body-header{color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));align-self:self-start;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)))}
.sv-popup--confirm .sv-popup__scrolling-content{display:none}
.sv-popup--confirm .sv-popup__body-footer{max-width:-moz-max-content;max-width:max-content}
.sv-popup--confirm .sv-popup__body-footer .sv-action-bar{gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content{min-width:auto}
.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 rgba(0,0,0,0);border-right:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);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:rgba(0,0,0,0)}
.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:rgba(0,0,0,0);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:.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))));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100%;background-color:rgba(0,0,0,0)}
.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{background:var(--background-semitransparent, rgba(144, 144, 144, 0.5))}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container{--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__body-content{max-height:calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px))*8);min-height:min(var(--sv-popup-overlay-max-height),30*(var(--sjs-base-unit, var(--base-unit, 8px))));height:auto}
.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:.15s}
.sv-popup--modal.sv-popup--enter{animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:.25s}
.sv-popup--leave{animation-direction:reverse;animation-name:fadeIn;animation-fill-mode:forwards;animation-duration:.15s}
.sv-popup--modal.sv-popup--leave{animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:.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:.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_progress-buttons__container-center{text-align:center}
.sv_progress-buttons__container{display:inline-block;font-size:0;width:100%;max-width:1100px;white-space:nowrap;overflow:hidden}
.sv_progress-buttons__image-button-left{display:inline-block;vertical-align:top;margin-top:22px;font-size:calc(0.875*(var(--sjs-font-size, 16px)));width:16px;height:16px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTEsMTIgOSwxNCAzLDggOSwyIDExLDQgNyw4ICIvPg0KPC9zdmc+DQo=)}
.sv_progress-buttons__image-button-right{display:inline-block;vertical-align:top;margin-top:22px;font-size:calc(0.875*(var(--sjs-font-size, 16px)));width:16px;height:16px;cursor:pointer;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iNSw0IDcsMiAxMyw4IDcsMTQgNSwxMiA5LDggIi8+DQo8L3N2Zz4NCg==)}
.sv_progress-buttons__image-button--hidden{visibility:hidden}
.sv_progress-buttons__list-container{max-width:calc(100% - 36px);display:inline-block;overflow:hidden}
.sv_progress-buttons__list{display:inline-block;width:-moz-max-content;width:max-content;padding-left:28px;padding-right:28px;margin-top:14px;margin-bottom:14px}
.sv_progress-buttons__list li{width:138px;font-size:calc(0.875*(var(--sjs-font-size, 16px)));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));position:relative;text-align:center;vertical-align:top;display:inline-block}
.sv_progress-buttons__list li:before{width:24px;height:24px;content:"";line-height:30px;display:block;margin:0 auto 10px auto;border:3px solid;border-radius:50%;box-sizing:content-box;cursor:pointer}
.sv_progress-buttons__list li:after{width:73%;height:3px;content:"";position:absolute;top:15px;left:-36.5%}
.sv_progress-buttons__list li:first-child:after{content:none}
.sv_progress-buttons__list .sv_progress-buttons__page-title{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold}
.sv_progress-buttons__list .sv_progress-buttons__page-description{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv_progress-buttons__list li.sv_progress-buttons__list-element--nonclickable:before{cursor:not-allowed}
:root{--sjs-transition-duration: 150ms}
.sv_progress-toc{padding:var(--sjs-base-unit, var(--base-unit, 8px));max-width:336px;height:100%;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:rgba(25,179,148,.1);color:#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 use{fill:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv_progress-toc--left{border-right:1px solid #d6d6d6}
.sv_progress-toc--right{border-left:1px solid #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}
.sv-container-modern{color:var(--text-color, #404040);font-size:var(--font-size, var(--sjs-font-size, 16px));font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)))}
.sv-container-modern__title{color:var(--main-color, #1ab394);padding-left:.55em;padding-top:5em;padding-bottom:.9375em}
@media only screen and (min-width: 1000px){.sv-container-modern__title{margin-right:5%;margin-left:5%}}
@media only screen and (max-width: 1000px){.sv-container-modern__title{margin-right:10px;margin-left:10px}}
.sv-container-modern__title h3{margin:0;font-size:1.875em}
.sv-container-modern__title h5{margin:0}
.sv-container-modern__close{clear:right}
.sv-container-modern fieldset{border:none;padding:0;margin:0}
.sv-container-modern legend{border:none;padding:0;margin:0}
.sv-body{width:100%;padding-bottom:calc(10*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sv-body__timer,.sv-body__page,.sv-body__footer.sv-footer.sv-action-bar{margin-top:2em}
@media only screen and (min-width: 1000px){.sv-body__timer,.sv-body__page,.sv-body__footer.sv-footer.sv-action-bar{margin-right:5%;margin-left:5%}}
@media only screen and (max-width: 1000px){.sv-body__timer,.sv-body__page,.sv-body__footer.sv-footer.sv-action-bar{margin-right:10px;margin-left:10px}}
.sv-body__timer{padding:0 var(--sjs-base-unit, var(--base-unit, 8px));box-sizing:border-box}
.sv-body__progress{margin-bottom:4.5em}
.sv-body__progress:not(:first-child){margin-top:2.5em}
.sv-root-modern{width:100%;--sv-mobile-width: 600px}
.sv-page__title{margin:0;margin-bottom:1.333em;font-size:1.875em;padding-left:.293em}
.sv-page__description{min-height:2.8em;font-size:1em;padding-left:.55em}
.sv-page__title+.sv-page__description{margin-top:-2.8em}
.sv-panel{box-sizing:border-box;width:100%}
.sv-panel__title{font-size:1.25em;margin:0;padding:0;padding-bottom:.1em;padding-left:.44em;padding-right:.44em;position:relative}
.sv-panel__footer{margin:0;padding:1em .44em 1em 0}
.sv-panel__description{padding-left:.55em}
.sv-panel__title--expandable{cursor:pointer;display:flex;padding-right:24px;align-items:center}
.sv-panel__title--expandable:after{content:"";display: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;background-size:10px 12px;width:24px;height:24px;position:absolute;right:0}
.sv-panel__title--expandable.sv-panel__title--expanded:after{transform:rotate(180deg)}
.sv-panel__icon{outline:none}
.sv-panel__icon: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:.5em;width:.6em;margin-left:1.5em;vertical-align:middle}
.sv-panel__icon--expanded:before{transform:rotate(180deg)}
.sv-panel .sv-question__title{font-size:1em;padding-left:.55em}
.sv-panel__content:not(:first-child){margin-top:.75em}
.sv-panel .sv-row:not(:last-child){padding-bottom:1.875em}
.sv-panel__title--error{background-color:var(--error-background-color, rgba(213, 41, 1, 0.2))}
.sv-paneldynamic__progress-container{position:relative;margin-left:.75em;margin-right:250px;margin-top:20px}
.sv-paneldynamic__add-btn{background-color:var(--add-button-color, #1948b3);float:right;margin-top:-18px}
[dir=rtl] .sv-paneldynamic__add-btn,[style*="direction:rtl"] .sv-paneldynamic__add-btn,[style*="direction: rtl"] .sv-paneldynamic__add-btn{float:left}
.sv-paneldynamic__add-btn--list-mode{float:none;margin-top:1em}
.sv-paneldynamic__remove-btn{background-color:var(--remove-button-color, #ff1800);margin-top:1.25em}
.sv-paneldynamic__remove-btn--right{margin-top:0;margin-left:1.25em}
.sv-paneldynamic__prev-btn,.sv-paneldynamic__next-btn{box-sizing:border-box;display:inline-block;fill:var(--text-color, #404040);cursor:pointer;width:.7em;top:-0.28em;position:absolute}
.sv-paneldynamic__prev-btn svg,.sv-paneldynamic__next-btn svg{display:block;height:.7em;width:.7em}
.sv-paneldynamic__prev-btn{left:-1.3em;transform:rotate(90deg)}
.sv-paneldynamic__next-btn{right:-1.3em;transform:rotate(270deg)}
.sv-paneldynamic__prev-btn--disabled,.sv-paneldynamic__next-btn--disabled{fill:var(--disable-color, #dbdbdb);cursor:auto}
.sv-paneldynamic__progress-text{color:var(--progress-text-color, #9d9d9d);font-weight:bold;font-size:.87em;margin-top:.69em;margin-left:1em}
.sv-paneldynamic__separator{border:none;margin:0}
.sv-paneldynamic__progress--top{margin-bottom:1em}
.sv-paneldynamic__progress--bottom{margin-top:1em}
.sv-paneldynamic__panel-wrapper~.sv-paneldynamic__panel-wrapper{padding-top:2.5em}
.sv-paneldynamic__panel-wrapper--in-row{display:flex;flex-direction:row;align-items:center}
@supports(display: flex){.sv-row{display:flex;flex-wrap:wrap}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.sv-row>.sv-row__panel,.sv-row__question:not(:last-child){float:left}}
@media only screen and (-ms-high-contrast: active)and (max-width: 600px), only screen and (-ms-high-contrast: none)and (max-width: 600px){.sv-row>.sv-row__panel,.sv-row__question:not(:last-child){padding-bottom:2.5em;float:none}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){[dir=rtl] .sv-row__question:not(:last-child),[style*="direction:rtl"] .sv-row__question:not(:last-child),[style*="direction: rtl"] .sv-row__question:not(:last-child){float:right}}
@media only screen and (-ms-high-contrast: active)and (max-width: 6000px), only screen and (-ms-high-contrast: none)and (max-width: 6000px){.sv-row__question--small:only-child{max-width:3000px}}
@media only screen and (-ms-high-contrast: active)and (max-width: 3000px), only screen and (-ms-high-contrast: none)and (max-width: 3000px){.sv-row__question--small:only-child{max-width:1200px}}
@media only screen and (-ms-high-contrast: active)and (max-width: 2000px), only screen and (-ms-high-contrast: none)and (max-width: 2000px){.sv-row__question--small:only-child{max-width:700px}}
@media only screen and (-ms-high-contrast: active)and (max-width: 1000px), only screen and (-ms-high-contrast: none)and (max-width: 1000px){.sv-row__question--small:only-child{max-width:500px}}
@media only screen and (-ms-high-contrast: active)and (max-width: 500px), only screen and (-ms-high-contrast: none)and (max-width: 500px){.sv-row__question--small:only-child{max-width:300px}}
@media only screen and (-ms-high-contrast: active)and (max-width: 600px), only screen and (-ms-high-contrast: none)and (max-width: 600px){.sv-row>.sv-row__panel,.sv-row__question{width:100% !important;padding-right:0 !important}}
.sv-row>.sv-row__panel,.sv-row__question{vertical-align:top;white-space:normal}
.sv-row__question:first-child:last-child{flex:none !important}
.sv-row:not(:last-child){padding-bottom:2.5em}
.sv-question{overflow:auto;box-sizing:border-box;font-family:inherit;padding-left:var(--sv-element-add-padding-left, 0px);padding-right:var(--sv-element-add-padding-right, 0px)}
.sv-question__title{position:relative;box-sizing:border-box;margin:0;padding:.25em .44em;cursor:default;font-size:1.25em}
.sv-question__required-text{line-height:.8em;font-size:1.4em}
.sv-question__description{margin:0;padding-left:.55em;font-size:1em}
.sv-question__input{width:100%;height:1.81em}
.sv-question__content{margin-left:.55em}
.sv-question__erbox{color:var(--error-color, #d52901);font-size:.74em;font-weight:bold}
.sv-question__erbox--location--top{margin-bottom:.4375em}
.sv-question__erbox--location--bottom{margin-top:.4375em}
.sv-question__footer{padding:.87em 0}
.sv-question__title--answer{background-color:var(--answer-background-color, rgba(26, 179, 148, 0.2))}
.sv-question__title--error{background-color:var(--error-background-color, rgba(213, 41, 1, 0.2))}
.sv-question__header--location--top{margin-bottom:.65em}
.sv-question__header--location--left{float:left;width:27%;margin-right:.875em}
[dir=rtl] .sv-question__header--location--left,[style*="direction:rtl"] .sv-question__header--location--left,[style*="direction: rtl"] .sv-question__header--location--left{float:right}
.sv-question__header--location--bottom{margin-top:.8em}
.sv-question__content--left{overflow:hidden}
.sv-question__other{margin-top:.5em}
.sv-question__form-group{margin-top:.5em}
.sv-question--disabled .sv-question__header{color:var(--disabled-text-color, rgba(64, 64, 64, 0.5))}
.sv-image{display:inline-block}
.sv-question__title--expandable{cursor:pointer;display:flex;padding-right:24px;align-items:center}
.sv-question__title--expandable:after{content:"";display: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;background-size:10px 12px;width:24px;height:24px;position:absolute;right:0}
.sv-question__title--expandable.sv-question__title--expanded:after{transform:rotate(180deg)}
.sv-question__icon{outline:none}
.sv-question__icon: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:.5em;width:.6em;margin-left:1.5em;vertical-align:middle}
.sv-question__icon--expanded:before{transform:rotate(180deg)}
.sv-progress{height:.19em;background-color:var(--header-background-color, #e7e7e7);position:relative}
.sv-progress__bar{position:relative;height:100%;background-color:var(--main-color, #1ab394)}
.sv-progress__text{position:absolute;margin-top:.69em;color:var(--progress-text-color, #9d9d9d);font-size:.87em;font-weight:bold;padding-left:.6321em}
@media only screen and (min-width: 1000px){.sv-progress__text{margin-left:5%}}
@media only screen and (max-width: 1000px){.sv-progress__text{margin-left:10px}}
.sv_progress-buttons__list li:before{border-color:var(--progress-buttons-color, #8dd9ca);background-color:var(--progress-buttons-color, #8dd9ca)}
.sv_progress-buttons__list li:after{background-color:var(--text-border-color, #d4d4d4)}
.sv_progress-buttons__list .sv_progress-buttons__page-title{color:var(--text-color, #404040)}
.sv_progress-buttons__list .sv_progress-buttons__page-description{color:var(--text-color, #404040)}
.sv_progress-buttons__list li.sv_progress-buttons__list-element--passed:before{border-color:var(--main-color, #1ab394);background-color:var(--main-color, #1ab394)}
.sv_progress-buttons__list li.sv_progress-buttons__list-element--passed+li:after{background-color:var(--progress-buttons-color, #8dd9ca)}
.sv_progress-buttons__list li.sv_progress-buttons__list-element--current:before{border-color:var(--main-color, #1ab394);background-color:#fff}
.sv_progress-buttons__list li.sv_progress-buttons__list-element--passed.sv_progress-buttons__list-element--current:before{border-color:var(--main-color, #1ab394);background-color:#fff}
.sv-title{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal}
.sv-description{color:var(--disabled-text-color, rgba(64, 64, 64, 0.5))}
.sv-question .sv-selectbase{margin-bottom:4px}
.sv-selectbase__item{margin-bottom:.425em;vertical-align:top}
.sv-selectbase__item--inline{display:inline-block;padding-right:5%}
.sv-selectbase__column{min-width:140px;vertical-align:top}
.sv-selectbase__label{position:relative;display:block;box-sizing:border-box;cursor:inherit;margin-left:41px;min-height:30px}
[dir=rtl] .sv-selectbase__label,[style*="direction:rtl"] .sv-selectbase__label,[style*="direction: rtl"] .sv-selectbase__label{margin-right:41px;margin-left:0}
.sv-selectbase__decorator.sv-item__decorator{position:absolute;left:-41px}
[dir=rtl] .sv-selectbase__decorator.sv-item__decorator,[style*="direction:rtl"] .sv-selectbase__decorator.sv-item__decorator,[style*="direction: rtl"] .sv-selectbase__decorator.sv-item__decorator{left:initial;right:-41px}
.sv-selectbase__clear-btn{margin-top:.9em;background-color:var(--clean-button-color, #1948b3)}
.sv-selectbase .sv-selectbase__item.sv-q-col-1{padding-right:0}
.sv-question .sv-q-column-1{width:100%;max-width:100%;display:inline-block;padding-right:1em;box-sizing:border-box}
.sv-question .sv-q-column-2{max-width:50%;display:inline-block;padding-right:1em;box-sizing:border-box}
.sv-question .sv-q-column-3{max-width:33.33333%;display:inline-block;padding-right:1em;box-sizing:border-box}
.sv-question .sv-q-column-4{max-width:25%;display:inline-block;padding-right:1em;box-sizing:border-box}
.sv-question .sv-q-column-5{max-width:20%;display:inline-block;padding-right:1em;box-sizing:border-box}
.sv-multipletext{width:100%;table-layout:fixed}
.sv-multipletext__item-label{display:flex;align-items:center}
.sv-multipletext__item{flex:1}
.sv-multipletext__item-title{margin-right:1em;width:33%}
.sv-multipletext__cell:not(:first-child){padding-left:.5em}
.sv-multipletext__cell:not(:last-child){padding-right:.5em}
.sv-matrix{overflow-x:auto}
.sv-matrix .sv-table__cell--header{text-align:center}
.sv-matrix__label{display:inline-block;margin:0}
.sv-matrix__cell{min-width:10em;text-align:center}
.sv-matrix__cell:first-child{text-align:left}
.sv-matrix__text{cursor:pointer}
.sv-matrix__text--checked{color:var(--body-background-color, white);background-color:var(--main-color, #1ab394)}
.sv-matrix__text--disabled{cursor:default}
.sv-matrix__text--disabled.sv-matrix__text--checked{background-color:var(--disable-color, #dbdbdb)}
.sv-matrix__row--error{background-color:var(--error-background-color, rgba(213, 41, 1, 0.2))}
.sv-matrixdynamic__add-btn{background-color:var(--add-button-color, #1948b3)}
.sv-matrixdynamic__remove-btn{background-color:var(--remove-button-color, #ff1800)}
.sv-detail-panel__icon{display:block;position:absolute;left:50%;top:50%;height:13px;width:24px;transform:translate(-50%, -50%) rotate(270deg)}
.sv-detail-panel__icon--expanded{transform:translate(-50%, -50%)}
.sv-detail-panel__icon:before{content:"";display: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 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239A9A9A;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='19,6 17,4 10,11 3,4 1,6 10,15 '/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-position:center center;height:18px;width:24px}
.sv-root-modern ::-webkit-scrollbar{height:6px;width:6px;background-color:var(--main-hover-color, #9f9f9f)}
.sv-root-modern ::-webkit-scrollbar-thumb{background:var(--main-color, #1ab394)}
.sv-table{width:100%;background-color:rgba(var(--main-hover-color, #9f9f9f), 0.1);border-collapse:separate;border-spacing:0}
.sv-table tbody tr:last-child .sv-table__cell{padding-bottom:2.5em}
.sv-table tr:first-child .sv-table__cell{padding-top:1.875em}
.sv-table td:first-child,.sv-table th:first-child{padding-left:1.875em}
.sv-table td:last-child,.sv-table th:last-child{padding-right:1.875em}
.sv-table__row--detail{background-color:var(--header-background-color, #e7e7e7)}
.sv-table__row--detail td{border-top:1px solid var(--text-border-color, #d4d4d4);border-bottom:1px solid var(--text-border-color, #d4d4d4);padding:1em 0}
.sv-table__cell{padding:.9375em 0;box-sizing:content-box;vertical-align:top}
.sv-table__cell:not(:last-child){padding-right:1em}
.sv-table__cell:not(:first-child){padding-left:1em}
.sv-table__cell--header{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-weight:bold;text-align:left}
.sv-table__cell--rowText{vertical-align:middle}
.sv-table__cell--detail{text-align:center;vertical-align:middle;width:32px}
.sv-table__cell--detail-rowtext{vertical-align:middle}
.sv-table__cell--detail-panel{padding-left:1em}
.sv-table__cell--detail-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;border:3px solid var(--border-color, rgba(64, 64, 64, 0.5));border-radius:50px;text-align:center;vertical-align:middle;width:32px;height:32px;padding:0;margin:0;outline:none;cursor:pointer;background:rgba(0,0,0,0)}
.sv-table__empty--rows--section{text-align:center;vertical-align:middle}
.sv-table__empty--rows--text{padding:20px}
.sv-table__cell--actions sv-action-bar,.sv-table__cell--actions .sv-action-bar{margin-left:0;padding-left:0}
.sv-footer.sv-action-bar{display:block;min-height:var(--base-line-height, 2em);padding:2.5em 0 .87em 0;margin-left:auto}
.sv-footer.sv-action-bar .sv-action__content{display:block}
.sv-footer.sv-action-bar .sv-action:not(:last-child) .sv-action__content{padding-right:0}
.sv-btn--navigation{margin:0 1em;float:right;background-color:var(--main-color, #1ab394)}
.sv-footer__complete-btn,.sv-footer__next-btn,.sv-footer__preview-btn{float:right}
.sv-footer__prev-btn,.sv-footer__edit-btn{float:left}
[dir=rtl] .sv-footer__complete-btn,[style*="direction:rtl"] .sv-footer__complete-btn,[style*="direction: rtl"] .sv-footer__complete-btn{float:left}
[dir=rtl] .sv-footer__preview-btn,[style*="direction:rtl"] .sv-footer__preview-btn,[style*="direction: rtl"] .sv-footer__preview-btn{float:left}
[dir=rtl] .sv-footer__next-btn,[style*="direction:rtl"] .sv-footer__next-btn,[style*="direction: rtl"] .sv-footer__next-btn{float:left}
[dir=rtl] .sv-footer__prev-btn,[style*="direction:rtl"] .sv-footer__prev-btn,[style*="direction: rtl"] .sv-footer__prev-btn{float:right}
[dir=rtl] .sv-footer__edit-btn,[style*="direction:rtl"] .sv-footer__edit-btn,[style*="direction: rtl"] .sv-footer__edit-btn{float:right}
.sv-btn.sv-action-bar-item,.sv-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:1.214em;color:var(--body-background-color, white);cursor:pointer;font-family:inherit;font-size:.875em;font-weight:bold;outline:none;padding:.5em 2.786em .6em;text-align:start}
.sv-btn--navigation{background-color:var(--main-color, #1ab394)}
.sv-item{position:relative;cursor:pointer}
.sv-item--disabled{cursor:default}
.sv-item__decorator{position:relative;display:inline-block;box-sizing:border-box;width:30px;height:30px;border:solid 1px rgba(0,0,0,0);vertical-align:middle}
.sv-item__svg{position:absolute;top:50%;left:50%;display:inline-block;box-sizing:border-box;width:24px;height:24px;margin-right:-50%;transform:translate(-50%, -50%)}
.sv-item__control:focus+.sv-item__decorator{border-color:var(--main-color, #1ab394);outline:none}
.sv-item__control-label{position:relative;top:4px}
.sv-checkbox__decorator{border-radius:2px}
.sv-checkbox__svg{border:3px solid var(--border-color, rgba(64, 64, 64, 0.5));border-radius:2px;fill:rgba(0,0,0,0)}
.sv-checkbox--allowhover:hover .sv-checkbox__svg{border:none;background-color:var(--main-hover-color, #9f9f9f);fill:#fff}
.sv-checkbox--checked .sv-checkbox__svg{border:none;background-color:var(--main-color, #1ab394);fill:#fff}
.sv-checkbox--checked.sv-checkbox--disabled .sv-checkbox__svg{border:none;background-color:var(--disable-color, #dbdbdb);fill:#fff}
.sv-checkbox--disabled .sv-checkbox__svg{border:3px solid var(--disable-color, #dbdbdb)}
.sv-radio__decorator{border-radius:100%}
.sv-radio__svg{border:3px solid var(--border-color, rgba(64, 64, 64, 0.5));border-radius:100%;fill:rgba(0,0,0,0)}
.sv-radio--allowhover:hover .sv-radio__svg{fill:var(--border-color, rgba(64, 64, 64, 0.5))}
.sv-radio--checked .sv-radio__svg{border-color:var(--radio-checked-color, #404040);fill:var(--radio-checked-color, #404040)}
.sv-radio--disabled .sv-radio__svg{border-color:var(--disable-color, #dbdbdb)}
.sv-radio--disabled.sv-radio--checked .sv-radio__svg{fill:var(--disable-color, #dbdbdb)}
.sv-boolean{display:block;position:relative;line-height:1.5em}
.sv-boolean__switch{float:left;box-sizing:border-box;width:4em;height:1.5em;margin-right:1.0625em;margin-left:1.3125em;padding:.125em .1875em;border-radius:.75em;margin-bottom:2px;background-color:var(--main-color, #1ab394)}
.sv-boolean__slider{background-color:var(--slider-color, #fff)}
.sv-boolean__label--disabled{color:var(--disabled-label-color, rgba(64, 64, 64, 0.5))}
.sv-boolean--disabled .sv-boolean__switch{background-color:var(--main-hover-color, #9f9f9f)}
.sv-boolean--disabled .sv-boolean__slider{background-color:var(--disabled-slider-color, #cfcfcf)}
.sv-boolean input:focus~.sv-boolean__switch{outline:1px solid var(--main-color, #1ab394);outline-offset:1px}
[dir=rtl] .sv-boolean__switch,[style*="direction:rtl"] .sv-boolean__switch,[style*="direction: rtl"] .sv-boolean__switch{float:right}
.sv-boolean__slider{display:block;width:1.25em;height:1.25em;transition-duration:.1s;transition-property:margin-left;transition-timing-function:linear;border:none;border-radius:100%}
.sv-boolean--indeterminate .sv-boolean__slider{margin-left:calc(50% - .625em)}
.sv-boolean--checked .sv-boolean__slider{margin-left:calc(100% - 1.25em)}
.sv-boolean__label{cursor:pointer;float:left}
[dir=rtl] .sv-boolean__label,[style*="direction:rtl"] .sv-boolean__label,[style*="direction: rtl"] .sv-boolean__label{float:right}
[dir=rtl] .sv-boolean--indeterminate .sv-boolean__slider,[style*="direction:rtl"] .sv-boolean--indeterminate .sv-boolean__slider,[style*="direction: rtl"] .sv-boolean--indeterminate .sv-boolean__slider{margin-right:calc(50% - .625em)}
[dir=rtl] .sv-boolean--checked .sv-boolean__slider,[style*="direction:rtl"] .sv-boolean--checked .sv-boolean__slider,[style*="direction: rtl"] .sv-boolean--checked .sv-boolean__slider{margin-right:calc(100% - 1.25em)}
.sv-boolean__switch{background-color:var(--main-color, #1ab394)}
.sv-boolean__slider{background-color:var(--slider-color, #fff)}
.sv-boolean__label--disabled{color:var(--disabled-label-color, rgba(64, 64, 64, 0.5))}
.sv-boolean--disabled .sv-boolean__switch{background-color:var(--main-hover-color, #9f9f9f)}
.sv-boolean--disabled .sv-boolean__slider{background-color:var(--disabled-slider-color, #cfcfcf)}
.sv-imagepicker__item{border:none;padding:.24em}
.sv-imagepicker__item--inline{display:inline-block}
.sv-imagepicker__item--inline:not(:last-child){margin-right:4%}
.sv-imagepicker__image{border:.24em solid rgba(0,0,0,0);display:block;pointer-events:none}
.sv-imagepicker__label{cursor:inherit}
.sv-imagepicker__text{font-size:1.14em;padding-left:.24em}
.sv-imagepicker__item--allowhover:hover .sv-imagepicker__image{background-color:var(--main-hover-color, #9f9f9f);border-color:var(--main-hover-color, #9f9f9f)}
.sv-imagepicker__item:not(.sv-imagepicker__item--checked) .sv-imagepicker__control:focus~div .sv-imagepicker__image{background-color:var(--main-hover-color, #9f9f9f);border-color:var(--main-hover-color, #9f9f9f)}
.sv-imagepicker__item--checked .sv-imagepicker__image{background-color:var(--main-color, #1ab394);border-color:var(--main-color, #1ab394)}
.sv-imagepicker__item{cursor:pointer}
.sv-imagepicker__item--disabled{cursor:default}
.sv-imagepicker__item--disabled.sv-imagepicker__item--checked .sv-imagepicker__image{background-color:var(--disable-color, #dbdbdb);border-color:var(--disable-color, #dbdbdb)}
.sv-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;display:block;background:rgba(0,0,0,0);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,repeat;background-position:right .7em top 50%,0 0;background-size:.57em 100%;border:none;border-bottom:.06em solid var(--text-border-color, #d4d4d4);box-sizing:border-box;font-family:inherit;font-size:inherit;padding-block:.25em;padding-inline-end:1.5em;padding-inline-start:.87em;height:2.19em;width:100%;display:flex;justify-content:space-between}
.sv-dropdown input[readonly]{pointer-events:none}
.sv-dropdown:focus,.sv-dropdown:focus-within{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:%231AB394;%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 ");border-color:var(--text-border-color, #d4d4d4);outline:none}
.sv-dropdown::-ms-expand{display:none}
.sv-dropdown--error{border-color:var(--error-color, #d52901);color:var(--error-color, #d52901)}
.sv-dropdown--error::placeholder,.sv-dropdown--error::-ms-input-placeholder{color:var(--error-color, #d52901)}
.sv-dropdown option{color:var(--text-color, #404040)}
.sv-dropdown__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:inherit;color:var(--text-color, #404040);position:relative}
.sv-dropdown__value .sv-string-viewer{line-height:28px}
.sv_dropdown_control__input-field-component{height:auto}
.sv-dropdown__hint-prefix{opacity:.5}
.sv-dropdown__hint-prefix span{word-break:unset;line-height:28px}
.sv-dropdown__hint-suffix{display:flex;opacity:.5}
.sv-dropdown__hint-suffix span{word-break:unset;line-height:28px}
.sv-dropdown_clean-button{padding:3px 12px;margin:auto 0}
.sv-dropdown_clean-button-svg{width:12px;height:12px}
.sv-input.sv-dropdown:focus-within .sv-dropdown__filter-string-input{z-index:2000}
.sv-dropdown__filter-string-input{border:none;outline:none;padding:0;font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:inherit;background-color:rgba(0,0,0,0);width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;left:0;top:0;height:100%}
.sv-dropdown--empty:not(.sv-input--disabled) .sv-dropdown__filter-string-input::-moz-placeholder{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));color:var(--text-color, #404040)}
.sv-dropdown--empty:not(.sv-input--disabled) .sv-dropdown__filter-string-input::placeholder{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));color:var(--text-color, #404040)}
.sv-dropdown__filter-string-input::-moz-placeholder{color:var(--disabled-text-color, rgba(64, 64, 64, 0.5));font-size:inherit;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-moz-appearance:none;appearance:none}
.sv-dropdown__filter-string-input::placeholder{color:var(--disabled-text-color, rgba(64, 64, 64, 0.5));font-size:inherit;width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none}
[dir=rtl] .sv-dropdown,[style*="direction:rtl"] .sv-dropdown,[style*="direction: rtl"] .sv-dropdown{background-position:left .7em top 50%,0 0}
.sv-input.sv-tagbox:not(.sv-tagbox--empty):not(.sv-input--disabled){height:auto;padding:.5em;padding-inline-end:2em}
.sv-tagbox_clean-button{height:1.5em;padding:.5em;margin:auto 0}
.sv-tagbox__value.sv-dropdown__value{position:relative;gap:.25em;display:flex;flex-wrap:wrap;flex-grow:1;padding-inline:unset;margin-inline:unset;margin-block:unset}
.sv-tagbox__item{position:relative;display:flex;color:var(--text-color, #404040);height:1.5em;padding-block:.25em;padding-inline-end:.4em;padding-inline-start:.87em;border:solid .1875em #9f9f9f;border-radius:2px;min-width:2.3125em}
.sv-tagbox__item:hover{background-color:var(--main-hover-color, #9f9f9f);color:var(--body-background-color, white)}
.sv-tagbox__item:hover .sv-tagbox__item_clean-button-svg use{fill:var(--body-background-color, white)}
.sv-tagbox__item-text{color:inherit;font-size:1em}
.sv-tagbox__item_clean-button-svg{margin:.3125em;width:1em;height:1em}
.sv-tagbox__item_clean-button-svg use{fill:var(--text-color, #404040)}
.sv-tagbox__filter-string-input{width:auto;display:flex;flex-grow:1;position:initial}
.sv-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(--main-hover-color, #9f9f9f)}
.sv-tagbox{border-bottom:.06em solid var(--text-border-color, #d4d4d4)}
.sv-tagbox:focus{border-color:var(--text-border-color, #d4d4d4)}
.sv-tagbox--error{border-color:var(--error-color, #d52901);color:var(--error-color, #d52901)}
.sv-tagbox--error::-moz-placeholder{color:var(--error-color, #d52901)}
.sv-tagbox--error::placeholder{color:var(--error-color, #d52901)}
.sv-tagbox--error::-ms-input-placeholder{color:var(--error-color, #d52901)}
.sv-tagbox .sv-dropdown__filter-string-input{height:auto}
.sv-text{box-sizing:border-box;width:100%;height:2.19em;padding:.25em 0 .25em .87em;border:none;border-radius:0;border-bottom:.07em solid var(--text-border-color, #d4d4d4);box-shadow:none;background-color:rgba(0,0,0,0);font-family:inherit;font-size:1em}
.sv-text:focus{border-color:var(--main-color, #1ab394);outline:none;box-shadow:none}
.sv-text:invalid{box-shadow:none}
.sv-text:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset}
.sv-text::-moz-placeholder{opacity:1;color:var(--text-color, #404040)}
.sv-text::placeholder{opacity:1;color:var(--text-color, #404040)}
.sv-text:-ms-input-placeholder{opacity:1;color:var(--text-color, #404040)}
.sv-text::-ms-input-placeholder{opacity:1;color:var(--text-color, #404040)}
.sv-text[type=date]{padding-right:2px;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,repeat;background-position:right .61em top 50%,0 0;background-size:.57em auto,100%}
.sv-text[type=date]:focus{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:%231AB394;%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 ")}
.sv-text[type=date]::-webkit-calendar-picker-indicator{color:rgba(0,0,0,0);background:rgba(0,0,0,0)}
.sv-text[type=date]::-webkit-clear-button{display:none}
.sv-text[type=date]::-webkit-inner-spin-button{display:none}
.sv-text--error{color:var(--error-color, #d52901);border-color:var(--error-color, #d52901)}
.sv-text--error::-moz-placeholder{color:var(--error-color, #d52901)}
.sv-text--error::placeholder{color:var(--error-color, #d52901)}
.sv-text--error::-ms-input-placeholder{color:var(--error-color, #d52901)}
input.sv-text,textarea.sv-comment,select.sv-dropdown{color:var(--text-color, #404040);background-color:var(--inputs-background-color, white)}
.sv-rating{color:var(--text-color, #404040);padding-bottom:3px}
.sv-rating input:focus+.sv-rating__min-text+.sv-rating__item-text,.sv-rating input:focus+.sv-rating__item-text{outline:1px solid var(--main-color, #1ab394);outline-offset:2px}
.sv-rating__item{position:relative;display:inline}
.sv-rating__item-text{min-width:2.3125em;height:2.3125em;display:inline-block;color:var(--main-hover-color, #9f9f9f);padding:0 .3125em;border:solid .1875em var(--main-hover-color, #9f9f9f);text-align:center;font-size:1em;font-weight:bold;line-height:1.13;cursor:pointer;margin:3px 0;margin-right:.26em;box-sizing:border-box}
.sv-rating__item-text>span{margin-top:.44em;display:inline-block}
.sv-rating__item-text:hover{background-color:var(--main-hover-color, #9f9f9f);color:var(--body-background-color, white)}
.sv-rating__item--selected .sv-rating__item-text{background-color:var(--main-color, #1ab394);color:var(--body-background-color, white);border-color:var(--main-color, #1ab394)}
.sv-rating__item--selected .sv-rating__item-text:hover{background-color:var(--main-color, #1ab394)}
.sv-rating__item-star>svg{fill:var(--text-color, #404040);height:32px;width:32px;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,0)}
.sv-rating__item-star>svg:hover{border:1px solid var(--main-hover-color, #9f9f9f)}
.sv-rating__item-star>svg.sv-star-2{display:none}
.sv-rating__item-star--selected>svg{fill:var(--main-color, #1ab394)}
.sv-rating__item-smiley>svg{height:24px;width:24px;padding:4px;display:inline-block;vertical-align:middle;border:3px solid var(--border-color, rgba(64, 64, 64, 0.5));margin:3px 0;margin-right:.26em;fill:var(--main-hover-color, #9f9f9f)}
.sv-rating__item-smiley>svg>use{display:block}
.sv-rating__item-smiley>svg:hover{border:3px solid var(--main-hover-color, #9f9f9f);background-color:var(--main-hover-color, #9f9f9f)}
.sv-rating__item-smiley--selected>svg{background-color:var(--main-color, #1ab394);fill:var(--body-background-color, white);border:3px solid var(--main-color, #1ab394)}
.sv-rating__min-text{font-size:1em;margin-right:1.25em;cursor:pointer}
.sv-rating__max-text{font-size:1em;margin-left:.87em;cursor:pointer}
.sv-question--disabled .sv-rating__item-text{cursor:default;color:var(--disable-color, #dbdbdb);border-color:var(--disable-color, #dbdbdb)}
.sv-question--disabled .sv-rating__item-text:hover{background-color:rgba(0,0,0,0)}
.sv-question--disabled .sv-rating--disabled .sv-rating__item-text:hover .sv-rating__item--selected .sv-rating__item-text{background-color:var(--disable-color, #dbdbdb);color:var(--body-background-color, white)}
.sv-question--disabled .sv-rating__item--selected .sv-rating__item-text{background-color:var(--disable-color, #dbdbdb);color:var(--body-background-color, white)}
.sv-question--disabled .sv-rating__min-text{cursor:default}
.sv-question--disabled .sv-rating__max-text{cursor:default}
.sv-comment{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.06em solid var(--text-border-color, #d4d4d4);border-radius:0;box-sizing:border-box;padding:.25em .87em;font-family:inherit;font-size:1em;outline:none;width:100%;max-width:100%}
.sv-comment:focus{border-color:var(--main-color, #1ab394)}
.sv-file{position:relative}
.sv-file__decorator{background-color:var(--body-container-background-color, #f4f4f4);padding:1.68em 0}
.sv-file__clean-btn{background-color:var(--remove-button-color, #ff1800);margin-top:1.25em}
.sv-file__choose-btn:not(.sv-file__choose-btn--disabled){background-color:var(--add-button-color, #1948b3);display:inline-block}
.sv-file__choose-btn--disabled{cursor:default;background-color:var(--disable-color, #dbdbdb);display:inline-block}
.sv-file__no-file-chosen{display:inline-block;font-size:.87em;margin-left:1em}
.sv-file__preview{display:inline-block;padding-right:23px;position:relative;margin-top:1.25em;vertical-align:top}
.sv-file__preview:not(:last-child){margin-right:31px}
.sv-file__remove-svg{position:absolute;fill:#ff1800;cursor:pointer;height:16px;top:0;right:0;width:16px}
.sv-file__remove-svg .sv-svg-icon{width:16px;height:16px}
.sv-file__sign a{color:var(--text-color, #404040);text-align:left;text-decoration:none}
.sv-file__wrapper{position:relative;display:inline-block;margin:0;margin-left:50%;transform:translate(-50%, 0);padding:0}
.sv-clearfix:after{content:"";display:table;clear:both}
.sv-completedpage{font-family:var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));font-size:1.875em;font-weight:bold;box-sizing:border-box;height:14em;padding-top:4.5em;padding-bottom:4.5em;text-align:center;color:var(--text-color, #404040);background-color:var(--body-container-background-color, #f4f4f4)}
.sv-completedpage:before{display:block;content:"";background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.6, 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 72 72' style='enable-background:new 0 0 72 72;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%239A9A9A;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M11.9,72c-0.6-0.1-1.2-0.3-1.8-0.4C4.2,70.1,0,64.7,0,58.6c0-15.1,0-30.1,0-45.2C0,6,6,0,13.4,0 c12,0,24,0,36,0c2.4,0,4.4,1.7,4.6,4c0.2,2.4-1.3,4.4-3.6,4.9C50,9,49.7,9,49.4,9C37.6,9,25.8,9,14,9c-1.5,0-2.8,0.4-3.9,1.5 c-0.8,0.9-1.2,2-1.2,3.2c0,8.2,0,16.4,0,24.6C9,45,9,51.6,9,58.2c0,2.9,1.9,4.8,4.8,4.8c14.9,0,29.7,0,44.6,0c2.6,0,4.6-2,4.6-4.6 c0-5.9,0-11.8,0-17.7c0-2.4,1.6-4.3,3.9-4.6c2.3-0.3,4.3,1,5,3.4c0,0.1,0.1,0.2,0.1,0.2c0,6.8,0,13.6,0,20.4c0,0.1-0.1,0.3-0.1,0.4 c-0.8,5.4-4.7,9.8-10.1,11.2c-0.6,0.1-1.2,0.3-1.8,0.4C44,72,28,72,11.9,72z'/%3E%3Cpath class='st0' d='M35.9,38.8c0.4-0.4,0.5-0.7,0.7-0.9c8.4-8.4,16.8-16.8,25.2-25.2c1.9-1.9,4.5-2,6.3-0.4 c1.9,1.6,2.1,4.6,0.4,6.4c-0.2,0.2-0.3,0.3-0.5,0.5c-9.5,9.5-19.1,19.1-28.6,28.6c-2.2,2.2-4.8,2.2-7,0 c-5.1-5.1-10.2-10.2-15.4-15.4c-1.3-1.3-1.7-2.8-1.2-4.5c0.5-1.7,1.6-2.8,3.4-3.1c1.6-0.4,3.1,0.1,4.2,1.3c4,4,7.9,7.9,11.9,11.9 C35.6,38.2,35.7,38.5,35.9,38.8z'/%3E%3C/g%3E%3C/svg%3E%0A");width:72px;height:72px;margin-left:calc(50% - 36px);padding:36px 0px;box-sizing:border-box}
@media only screen and (min-width: 1000px){.sv-completedpage{margin-right:5%;margin-left:calc(5% + .293em)}}
@media only screen and (max-width: 1000px){.sv-completedpage{margin-left:calc(10px + .293em);margin-right:10px}}
.sv-header{white-space:nowrap}
.sv-logo--left{display:inline-block;vertical-align:top;margin-right:2em}
.sv-logo--right{vertical-align:top;margin-left:2em;float:right}
.sv-logo--top{display:block;width:100%;text-align:center}
.sv-logo--bottom{display:block;width:100%;text-align:center}
.sv-header__text{display:inline-block;vertical-align:top}
.sjs_sp_container{border:1px dashed var(--disable-color, #dbdbdb)}
.sjs_sp_placeholder{color:var(--foreground-light, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)))}
: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:rgba(0,0,0,0);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:.5}
.sv-action-bar-item:disabled{opacity:.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:rgba(0,0,0,0);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:-moz-fit-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,.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-matrixdynamic-dragged-row .sd-table__cell.sd-table__cell--drag>div{background-color:var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));min-height:calc(6*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-table__cell--header.sd-table__cell--drag,.sd-table__cell.sd-table__cell--drag{padding-right:0;padding-left:0}
.sd-question--mobile .sd-table__cell--header.sd-table__cell--drag,.sd-question--mobile .sd-table__cell.sd-table__cell--drag{display:none}
.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 .sv-popup__container{border-radius:var(--sjs-base-unit, var(--base-unit, 8px))}
.sv-popup--confirm .sv-popup__body-content{border-radius:var(--sjs-base-unit, var(--base-unit, 8px));max-width:-moz-min-content;max-width:min-content;align-items:flex-end;min-width:452px}
.sv-popup--confirm .sv-popup__body-header{color:var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));align-self:self-start;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)))}
.sv-popup--confirm .sv-popup__scrolling-content{display:none}
.sv-popup--confirm .sv-popup__body-footer{max-width:-moz-max-content;max-width:max-content}
.sv-popup--confirm .sv-popup__body-footer .sv-action-bar{gap:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))))}
.sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content{min-width:auto}
.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 rgba(0,0,0,0);border-right:var(--sjs-base-unit, var(--base-unit, 8px)) solid rgba(0,0,0,0);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:rgba(0,0,0,0)}
.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:rgba(0,0,0,0);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:.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))));-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:100%;background-color:rgba(0,0,0,0)}
.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{background:var(--background-semitransparent, rgba(144, 144, 144, 0.5))}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container{--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__body-content{max-height:calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px))*8);min-height:min(var(--sv-popup-overlay-max-height),30*(var(--sjs-base-unit, var(--base-unit, 8px))));height:auto}
.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:.15s}
.sv-popup--modal.sv-popup--enter{animation-timing-function:cubic-bezier(0, 0, 0.58, 1);animation-duration:.25s}
.sv-popup--leave{animation-direction:reverse;animation-name:fadeIn;animation-fill-mode:forwards;animation-duration:.15s}
.sv-popup--modal.sv-popup--leave{animation-timing-function:cubic-bezier(0.42, 0, 1, 1);animation-duration:.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:.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;-webkit-appearance:none;-moz-appearance:none;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:.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}
.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)) rgba(0,0,0,0)}}
.sv_window::-webkit-scrollbar,.sv_window *::-webkit-scrollbar{width:12px;height:12px;background-color:rgba(0,0,0,0)}
.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:rgba(0,0,0,0)}
.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:.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}
.sv-ranking{outline:none;-moz-user-select: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;bottom:0;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))));align-self:flex-start;padding-left:var(--sjs-base-unit, var(--base-unit, 8px));padding-right:var(--sjs-base-unit, var(--base-unit, 8px));margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));box-sizing:content-box}
.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;-moz-user-select: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(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(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 rgba(0,0,0,0);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 rgba(0,0,0,0);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:.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:.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:rgba(0,0,0,0);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:.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(3*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(3*(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:calc(0*(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}
.sd-question--mobile .sv-ranking-item__icon-container,.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container{margin-left:calc(-2*(var(--sjs-base-unit, var(--base-unit, 8px))));display:flex;justify-content:flex-end;padding:0;width:calc(5*(var(--sjs-base-unit, var(--base-unit, 8px))))}
: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{--sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));--sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));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:var(--sjs-list-item-padding-left, 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));width:calc(2*(var(--sjs-base-unit, var(--base-unit, 8px))));height:calc(2*(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--group-selected>.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--group-selected>.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;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::-moz-placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input::placeholder{color:var(--sjs-general-forecolor-light, var(--foreground-light, #909090))}
.sv-list__input:disabled::-moz-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:rgba(0,0,0,0)}
: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:.25s;transition:.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:.25s;opacity:.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:#fff;background-color:var(--sjs-special-red, var(--red, #e60a3e));border:calc(0.25*(var(--sjs-base-unit, var(--base-unit, 8px)))) solid #fff;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:#fff;font-weight:600}
.sv-string-viewer.sv-string-viewer--multiline{white-space:pre-wrap}
.sjs_sp_container{position:relative;max-width:100%}
.sjs_sp_controls{position:absolute;left:0;bottom:0}
.sjs_sp_controls>button{-webkit-user-select:none;-moz-user-select:none;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;-webkit-user-select:none;-moz-user-select:none;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;-o-object-fit:cover;object-fit:cover;max-width:100%;width:100%;height:100%}
:root{--sjs-default-font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}
.sv-boolean__decorator{border-radius:2px}
.sv_main .sv-boolean__decorator+.sv-boolean__label{float:none;vertical-align:top;margin-left:.5em}
.sv-boolean__svg{border:none;border-radius:2px;background-color:#1ab394;fill:#fff;width:24px;height:24px}
.sv-boolean--allowhover:hover .sv-boolean__checked-path{display:inline-block}
.sv-boolean--allowhover:hover .sv-boolean__svg{background-color:#9f9f9f;fill:#fff}
.sv-boolean--allowhover:hover .sv-boolean__unchecked-path,.sv-boolean--allowhover:hover .sv-boolean__indeterminate-path{display:none}
.sv-boolean__checked-path,.sv-boolean__indeterminate-path{display:none}
.sv-boolean--indeterminate .sv-boolean__svg{background-color:inherit;fill:#1ab394}
.sv-boolean--indeterminate .sv-boolean__indeterminate-path{display:inline-block}
.sv-boolean--indeterminate .sv-boolean__unchecked-path,.sv-boolean--checked .sv-boolean__unchecked-path{display:none}
.sv-boolean--checked .sv-boolean__checked-path{display:inline-block}
.sv-boolean--disabled.sv-boolean--indeterminate .sv-boolean__svg{background-color:inherit;fill:#dbdbdb}
.sv-boolean--disabled .sv-boolean__svg{background-color:#dbdbdb}
td.sv_matrix_cell .sv_qbln,td.td.sv_matrix_cell .sv_qbln{text-align:center}
td.sv_matrix_cell .sv_qbln .sv-boolean,td.td.sv_matrix_cell .sv_qbln .sv-boolean{text-align:initial}
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}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question{display:block;width:100% !important}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-question__header--location--left,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-question__header--location--left{float:none}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-selectbase__item--inline,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-imagepicker__item--inline,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-selectbase__item--inline,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-imagepicker__item--inline{display:block}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table{display:block}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table thead,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table thead{display:none}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td.sv-table__cell--choice,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td.sv-table__cell--choice{text-align:initial}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tbody,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tr,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tbody,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tr,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td{display:block}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdropdown .sv-table__responsive-title,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdynamic .sv-table__responsive-title,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdropdown .sv-table__responsive-title,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdynamic .sv-table__responsive-title{display:block}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td label.sv-matrix__label,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label{display:inline}
.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell,.sv_m600 .sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell{text-align:initial}
@media(max-width: 600px){.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question{display:block;width:100% !important}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-question__header--location--left,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-question__header--location--left{float:none}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-selectbase__item--inline,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question .sv-imagepicker__item--inline,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-selectbase__item--inline,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question .sv-imagepicker__item--inline{display:block}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table{display:block}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table thead,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table thead{display:none}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td.sv-table__cell--choice,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td.sv-table__cell--choice{text-align:initial}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tbody,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table tr,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-table td,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tbody,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table tr,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-table td{display:block}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdropdown .sv-table__responsive-title,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrixdynamic .sv-table__responsive-title,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdropdown .sv-table__responsive-title,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrixdynamic .sv-table__responsive-title{display:block}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root td label.sv-matrix__label,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root td label.sv-matrix__label{display:inline}.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-question table.sv-matrix-root .sv-matrix__cell,.sv-root-modern .sv-container-modern .sv-body .sv-page .sv-row .sv-row__question table.sv-matrix-root .sv-matrix__cell{text-align:initial}}
body{--sv-modern-mark: true}
.sv-matrixdynamic__drag-icon{padding-top:16px}
.sv-matrixdynamic__drag-icon:after{content:" ";display:block;height:6px;width:20px;border:1px solid var(--border-color, rgba(64, 64, 64, 0.5));box-sizing:border-box;border-radius:10px;cursor:move;margin-top:12px}
.sv-matrix__drag-drop-ghost-position-top,.sv-matrix__drag-drop-ghost-position-bottom{position:relative}
.sv-matrix__drag-drop-ghost-position-top::after,.sv-matrix__drag-drop-ghost-position-bottom::after{content:"";width:100%;height:4px;background-color:var(--main-color, #1ab394);position:absolute;left:0}
.sv-matrix__drag-drop-ghost-position-top::after{top:0}
.sv-matrix__drag-drop-ghost-position-bottom::after{bottom:0}
.sv-skeleton-element{background-color:var(--background-dim, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)))}

.sv-question__title {
    border-radius: 12px;
    padding: 10px;
}
.sv-btn {
    border-radius: 12px !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(186 0 96 / var(--tw-bg-opacity, 1)) !important;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: transparent;
    --tw-ring-offset-width: 2px;
}
.sv-btn:hover:hover {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(186 0 96 / var(--tw-ring-opacity, 1));
}
.sv-root-modern .sv-radio--checked .sv-radio__svg {
    --tw-border-opacity: 1 !important;
    border-color: rgb(186 0 96 / var(--tw-border-opacity, 1)) !important;
    fill: currentColor !important;
    --tw-text-opacity: 1 !important;
    color: rgb(186 0 96 / var(--tw-text-opacity, 1)) !important;
}
.sv-root-modern .sv-progress__bar {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(186 0 96 / var(--tw-bg-opacity, 1)) !important;
    fill: currentColor !important;
}
.sv-page.sv-body__page {
    margin-top: 0rem;
}
.sv-matrix {
    border-radius: 12px;
}
.sv-table.sv-matrix-root tr:nth-child(even) {
        background-color: rgba(159, 159, 159, 0.2);
}
.sv-matrix-root .sv-matrix__row--error:nth-child(odd) {
    background-color: rgba(213, 41, 1, 0.2) !important;
}
.sv-matrix-root .sv-matrix__row--error:nth-child(even) {
    background-color: rgba(213, 41, 1, 0.3) !important;
}
.sv-container-modern__title {
    padding-top: 2rem;
}
.sv-table__cell.sv-matrix__cell {
    min-width: 3rem;
}
consent-wall {
    --consent-button-bg-color: #ec7d28;
    --consent-button-bg-color-hover: #d76d2a;

    --consent-button-text-color: white;
    --consent-button-text-color-hover: white;

    --consent-link-text-color: #ec7d28;
    --consent-link-text-color-hover: #d76d2a;

    --consent-spinner-color: #ec7d28;
    --consent-text-shadow-color: #000000;
    --consent-bg-color: #000000;
    /* --consent-bg-opacity: 0.2; */
}
/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Player
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  contain: style;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[data-media-player] * {
  box-sizing: border-box;
}

:where([data-media-player][data-view-type='video']) {
  aspect-ratio: 16 / 9;
}

[data-media-player]:focus,
[data-media-player]:focus-visible {
  outline: none;
}

[data-media-player][data-view-type='video'][data-started]:not([data-controls]) {
  pointer-events: auto;
  cursor: none;
}

[data-media-player] slot {
  display: contents;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Provider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-provider] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  overflow: hidden;
}

[data-media-player]:not([data-view-type='audio']) [data-media-provider],
[data-media-player][data-fullscreen] [data-media-provider] {
  height: 100%;
}

[data-media-player][data-view-type='audio'] [data-media-provider] {
  display: contents;
  background-color: unset;
}

[data-media-provider] audio {
  width: 100%;
}

:where(video:not([width]):not([height]), iframe:not([width]):not([height])) {
  width: 100%;
  aspect-ratio: 16 / 9;
}

:where([data-media-provider] video),
:where([data-media-provider] iframe) {
  aspect-ratio: inherit;
  display: inline-block;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  touch-action: manipulation;
  border-radius: inherit;
  width: 100%;
}

[data-media-provider] iframe {
  height: 100%;
}

[data-media-player][data-view-type='audio'] video,
[data-media-player][data-view-type='audio'] iframe {
  display: none;
}

[data-media-player][data-fullscreen] video {
  height: 100%;
}

[data-media-provider] iframe:not([src]) {
  display: none;
}

iframe.vds-youtube[data-no-controls] {
  height: 1000%;
}

.vds-blocker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: auto;
  aspect-ratio: inherit;
  pointer-events: auto;
  border-radius: inherit;
  z-index: 1;
}

[data-ended] .vds-blocker {
  background-color: black;
}

.vds-icon:focus {
  outline: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Google Cast
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-google-cast {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #dedede;
  font-family: sans-serif;
  font-weight: 500;
}

.vds-google-cast svg {
  --size: max(18%, 40px);
  width: var(--size);
  height: var(--size);
  margin-bottom: 8px;
}

.vds-google-cast-info {
  font-size: calc(var(--media-height) / 100 * 6);
}

:where(.vds-buffering-indicator) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 1;
}

:where(.vds-buffering-indicator) :where(.vds-buffering-icon, .vds-buffering-spinner) {
  opacity: 0;
  pointer-events: none;
  transition: var(--media-buffering-transition, opacity 200ms ease);
}

:where(.vds-buffering-indicator)
  :where(.vds-buffering-icon, svg.vds-buffering-spinner, .vds-buffering-spinner svg) {
  width: var(--media-buffering-size, 96px);
  height: var(--media-buffering-size, 96px);
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track, circle[data-part='track']) {
  color: var(--media-buffering-track-color, #f5f5f5);
  opacity: var(--media-buffering-track-opacity, 0.25);
  stroke-width: var(--media-buffering-track-width, 8);
}

:where(.vds-buffering-indicator) :where(.vds-buffering-track-fill, circle[data-part='track-fill']) {
  color: var(--media-buffering-track-fill-color, var(--media-brand));
  opacity: var(--media-buffering-track-fill-opacity, 0.75);
  stroke-width: var(--media-buffering-track-fill-width, 9);
  stroke-dasharray: 100;
  stroke-dashoffset: var(--media-buffering-track-fill-offset, 50);
}

:where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
  opacity: 1;
  animation: var(--media-buffering-animation, vds-buffering-spin 1s linear infinite);
}

@keyframes vds-buffering-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion) {
  :where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) {
    animation-duration: 8s;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-button) {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -moz-user-select: none;
       user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
  border: none;
  border-radius: var(--media-button-border-radius, 8px);
  width: var(--media-button-size, 40px);
  height: var(--media-button-size, 40px);
  transition: transform 0.2s ease-out;
  contain: layout style;
  cursor: pointer;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  flex-shrink: 0;
}

.vds-button {
  border: var(--media-button-border);
  color: var(--media-button-color, var(--media-controls-color, #f5f5f5));
  padding: var(--media-button-padding, 0px);
}

:where([data-fullscreen] .vds-button) {
  width: var(--media-fullscreen-button-size, 42px);
  height: var(--media-fullscreen-button-size, 42px);
}

@media screen and (max-width: 599px) {
  :where([data-fullscreen] .vds-button) {
    width: var(--media-sm-fullscreen-button-size, 42px);
    height: var(--media-sm-fullscreen-button-size, 42px);
  }
}

:where(.vds-button .vds-icon) {
  width: var(--media-button-icon-size, 80%);
  height: var(--media-button-icon-size, 80%);
  border-radius: var(--media-button-border-radius, 8px);
}

:where(.vds-menu-button .vds-icon) {
  display: flex !important;
}

:where(.vds-button[aria-hidden='true']) {
  display: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .vds-button:hover {
    background-color: var(--media-button-hover-bg, rgb(255 255 255 / 0.2));
    transform: var(--media-button-hover-transform, scale(1.05));
    transition: var(--media-button-hover-transition, transform 0.2s ease-in);
  }

  .vds-button[aria-expanded='true'] {
    transform: unset;
  }
}

@media (pointer: coarse) {
  .vds-button:hover {
    border-radius: var(--media-button-touch-hover-border-radius, 100%);
    background-color: var(--media-button-touch-hover-bg, rgb(255 255 255 / 0.2));
  }
}

:where(.vds-button:focus) {
  outline: none;
}

:where(.vds-button[data-focus], .vds-button:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Live Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-live-button) {
  min-width: auto;
  min-height: auto;
  width: var(--media-live-button-width, 40px);
  height: var(--media-live-button-height, 40px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  outline: none;
  border: none;
}

:where(.vds-live-button-text) {
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-live-button-font-size, 12px);
  font-weight: var(--media-live-button-font-weight, 600);
  letter-spacing: var(--media-live-button-letter-spacing, 1.5px);
  transition: color 0.3s ease;
}

.vds-live-button-text {
  background-color: var(--media-live-button-bg, #8a8a8a);
  border-radius: var(--media-live-button-border-radius, 2px);
  color: var(--media-live-button-color, #161616);
  padding: var(--media-live-button-padding, 1px 4px);
}

:where(.vds-live-button[data-focus] .vds-live-button-text) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-live-button[data-edge]) {
  cursor: unset;
}

.vds-live-button[data-edge] .vds-live-button-text {
  background-color: var(--media-live-button-edge-bg, #dc2626);
  color: var(--media-live-button-edge-color, #f5f5f5);
}

@media (pointer: fine) {
  :where(.vds-live-button:hover) {
    background-color: unset;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * States
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* Play Button */

.vds-button:not([data-paused]) .vds-play-icon,
.vds-button[data-ended] .vds-play-icon,
.vds-button[data-paused] .vds-pause-icon,
.vds-button[data-ended] .vds-pause-icon,
.vds-button:not([data-ended]) .vds-replay-icon,
/* PIP Button */
.vds-button[data-active] .vds-pip-enter-icon,
.vds-button:not([data-active]) .vds-pip-exit-icon,
/* Fullscreen Button */
.vds-button[data-active] .vds-fs-enter-icon,
.vds-button:not([data-active]) .vds-fs-exit-icon,
/* Caption Button */
.vds-button:not([data-active]) .vds-cc-on-icon,
.vds-button[data-active] .vds-cc-off-icon,
/* Mute Button */
.vds-button:not([data-muted]) .vds-mute-icon,
.vds-button:not([data-state='low']) .vds-volume-low-icon,
.vds-button:not([data-state='high']) .vds-volume-high-icon {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions) {
  /* Recommended settings in the WebVTT spec (https://www.w3.org/TR/webvtt1). */
  --overlay-padding: var(--media-captions-padding, 1%);
  --cue-color: var(--media-user-text-color, var(--media-cue-color, white));
  --cue-bg-color: var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, 0.7)));
  --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5));
  --cue-font-size: calc(var(--cue-default-font-size) * var(--media-user-font-size, 1));
  --cue-line-height: var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2));
  --cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.6));
  --cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * 0.4));
  --cue-padding: var(--cue-padding-y) var(--cue-padding-x);
  position: absolute;
  inset: 0;
  z-index: 1;
  contain: layout style;
  margin: var(--overlay-padding);
  font-size: var(--cue-font-size);
  font-family: var(--media-user-font-family, sans-serif);
  box-sizing: border-box;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  word-spacing: normal;
  word-break: break-word;
}

:where([data-fullscreen][data-orientation='portrait'] .vds-captions) {
  --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5));
}

:where([data-view-type='audio'] .vds-captions) {
  position: relative;
  margin: 0;
}

:where(.vds-captions[aria-hidden='true']) {
  opacity: 0;
  visibility: hidden;
}

.vds-captions[data-example] {
  opacity: 1 !important;
  visibility: visible !important;
}

:where([data-view-type='video'] .vds-captions [data-part='cue-display'][data-example]) {
  --cue-text-align: center;
  --cue-width: 100%;
  --cue-top: 90%;
  --cue-left: 0%;
}

:where([data-view-type='audio'] .vds-captions [data-part='cue-display']) {
  --cue-width: 100%;
  position: relative !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * VTT Cues
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions [data-part='cue-display']) {
  position: absolute;
  direction: ltr;
  overflow: visible;
  contain: content;
  top: var(--cue-top);
  left: var(--cue-left);
  right: var(--cue-right);
  bottom: var(--cue-bottom);
  width: var(--cue-width, auto);
  height: var(--cue-height, auto);
  box-sizing: border-box;
  transform: var(--cue-transform);
  text-align: var(--cue-text-align);
  writing-mode: var(--cue-writing-mode, unset);
  white-space: pre-line;
  unicode-bidi: plaintext;
  min-width: -moz-min-content;
  min-width: min-content;
  min-height: -moz-min-content;
  min-height: min-content;
  background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
  border-radius: var(--media-cue-display-border-radius);
}

.vds-captions [data-part='cue-display'] {
  padding: var(--media-cue-display-padding);
}

:where(.vds-captions[data-dir='rtl'] [data-part='cue-display']) {
  direction: rtl;
}

:where(.vds-captions [data-part='cue']) {
  display: inline-block;
  contain: content;
  font-variant: var(--media-user-font-variant);
  border: var(--media-cue-border, unset);
  border-radius: var(--media-cue-border-radius, 2px);
  -webkit-backdrop-filter: var(--media-cue-backdrop, blur(8px));
          backdrop-filter: var(--media-cue-backdrop, blur(8px));
  line-height: var(--cue-line-height);
  box-sizing: border-box;
  box-shadow: var(--media-cue-box-shadow, var(--cue-box-shadow));
  white-space: var(--cue-white-space, pre-wrap);
  outline: var(--cue-outline);
  text-shadow: var(--media-user-text-shadow, var(--cue-text-shadow));
}

.vds-captions [data-part='cue'] {
  background-color: var(--cue-bg-color);
  color: var(--cue-color);
  padding: var(--cue-padding);
}

:where(.vds-captions [data-part='cue-display'][data-vertical] [data-part='cue']) {
  --cue-padding: var(--cue-padding-x) var(--cue-padding-y);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * VTT Regions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-captions [data-part='region']) {
  --anchor-x-percent: calc(var(--region-anchor-x) / 100);
  --anchor-x: calc(var(--region-width) * var(--anchor-x-percent));
  --anchor-y-percent: calc(var(--region-anchor-y) / 100);
  --anchor-y: calc(var(--region-height) * var(--anchor-y-percent));
  --vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%);
  --vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100);
  --vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent));
  position: absolute;
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-start;
  width: var(--region-width);
  height: var(--region-height);
  min-height: 0px;
  max-height: var(--region-height);
  writing-mode: horizontal-tb;
  top: var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y)));
  left: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x)));
  right: var(--region-right);
  bottom: var(--region-bottom);
  overflow: hidden;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

:where(.vds-captions [data-part='region'][data-active]) {
}

:where(.vds-captions [data-part='region'][data-scroll='up']) {
  justify-content: end;
}

:where(.vds-captions [data-part='region'][data-active][data-scroll='up']) {
  transition: top 0.433s;
}

:where(.vds-captions [data-part='region'] > [data-part='cue-display']) {
  position: relative;
  width: auto;
  left: var(--cue-offset);
  height: var(--cue-height, auto);
  text-align: var(--cue-text-align);
  unicode-bidi: plaintext;
  margin-top: 2px;
}

:where(.vds-captions [data-part='region'] [data-part='cue']) {
  position: relative;
  border-radius: 0px;
}

:where(.vds-chapter-title) {
  --color: var(--media-chapter-title-color, rgba(255 255 255 / 0.64));
  display: inline-block;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-chapter-title-font-size, 16px);
  font-weight: var(--media-chapter-title-font-weight, 400);
  color: var(--color);
  flex: 1 1 0%;
  padding-inline: 6px;
  overflow: hidden;
  text-align: start;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vds-chapter-title::before {
  content: var(--media-chapter-title-separator, '\2022');
  display: inline-block;
  margin-right: var(--media-chapter-title-separator-gap, 6px);
  color: var(--media-chapter-title-separator-color, var(--color));
}

.vds-chapter-title:empty::before {
  content: '';
  margin: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-controls),
:where(.vds-controls-group) {
  position: relative;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Audio Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-view-type='audio'] .vds-controls) {
  display: inline-block;
  max-width: 100%;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Video Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-view-type='video'] .vds-controls) {
  display: flex;
  position: absolute;
  flex-direction: column;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: var(--media-controls-padding, 0px);
  transition: var(--media-controls-out-transition, opacity 0.2s ease-out);
}

:where([data-view-type='video'] .vds-controls[data-visible]) {
  opacity: 1;
  visibility: visible;
  transition: var(--media-controls-in-transition, opacity 0.2s ease-in);
}

:where(.vds-controls-spacer) {
  flex: 1 1 0%;
  pointer-events: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Gesture
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-gestures) {
  display: contents;
}

:where(.vds-gesture) {
  position: absolute;
  display: block;
  contain: content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none !important;
}

:where(.vds-icon svg) {
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Action
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-action.hidden) {
  opacity: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Text
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-text-wrapper) {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: var(--media-kb-text-top, 10%);
  z-index: 20;
  pointer-events: none;
}

:where(.vds-kb-text) {
  display: inline-block;
  font-size: var(--media-kb-text-size, 150%);
  font-family: var(--media-font-family, sans-serif);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  border-radius: var(--media-kb-border-radius, 2.5px);
  pointer-events: none;
}

.vds-kb-text {
  color: var(--media-kb-text-color, var(--default-color));
  background-color: var(--media-kb-text-bg, var(--default-bg));
  padding: var(--media-kb-text-padding, 10px 20px);
}

.light .vds-kb-text {
  --default-color: #1a1a1a;
  --default-bg: rgb(240 240 240 / 0.6);
}

.dark .vds-kb-text {
  --default-color: #f5f5f5;
  --default-bg: rgb(10 10 10 / 0.6);
}

:where(.vds-kb-text:empty) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Bezel
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-bezel) {
  --size: var(--media-kb-bezel-size, 52px);
  position: absolute;
  left: 50%;
  top: 45%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--size);
  height: var(--size);
  margin-left: calc(-1 * calc(var(--size) / 2));
  margin-right: calc(-1 * calc(var(--size) / 2));
  z-index: 20;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background-color: var(--media-kb-bezel-bg, var(--default-bg));
  animation: var(--media-kb-bezel-animation, vds-bezel-fade 0.35s linear 1 normal forwards);
  border-radius: var(--media-kb-bezel-border-radius, calc(var(--size) / 2));
  pointer-events: none;
}

.vds-kb-bezel:not(:has(svg)) {
  display: none !important;
}

.light .vds-kb-bezel {
  --default-bg: rgb(255 255 255 / 0.6);
}

.dark .vds-kb-bezel {
  --default-bg: rgb(10 10 10 / 0.6);
}

@media (prefers-reduced-motion) {
  :where(.vds-kb-bezel) {
    animation: none;
  }
}

:where(.vds-kb-bezel:has(slot:empty)) {
  opacity: 0;
}

:where(.vds-kb-action[data-action='seek-forward'] .vds-kb-bezel) {
  top: 45%;
  left: unset;
  right: 10%;
}

:where(.vds-kb-action[data-action='seek-backward'] .vds-kb-bezel) {
  top: 45%;
  left: 10%;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Keyboard Icon
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-kb-icon) {
  --size: var(--media-kb-icon-size, 38px);
  width: var(--size);
  height: var(--size);
}

.vds-kb-icon {
  color: var(--media-kb-icon-color, var(--default-color));
}

.light .vds-kb-icon {
  --default-color: #1a1a1a;
}

.dark .vds-kb-icon {
  --default-color: #f5f5f5;
}

@keyframes vds-bezel-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Theme
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items) {
  --color-inverse: var(--media-menu-color-inverse, var(--default-inverse));
  --color-gray-50: var(--media-menu-color-gray-50, var(--default-gray-50));
  --color-gray-100: var(--media-menu-color-gray-100, var(--default-gray-100));
  --color-gray-200: var(--media-menu-color-gray-200, var(--default-gray-200));
  --color-gray-300: var(--media-menu-color-gray-300, var(--default-gray-300));
  --color-gray-400: var(--media-menu-color-gray-400, var(--default-gray-400));

  --text-color: var(--media-menu-text-color, var(--default-text));
  --text-secondary-color: var(--media-menu-text-secondary-color, var(--default-text-secondary));

  --root-border: var(--media-menu-border, var(--default-root-border));
}

.light .vds-menu-items {
  --default-inverse: black;
  --default-gray-50: rgb(80 80 80 / 0.15);
  --default-gray-100: rgb(80 80 80 / 0.45);
  --default-gray-200: rgb(235 235 235 / 0.6);
  --default-gray-300: rgb(238 238 238);
  --default-gray-400: rgb(250 250 250);

  --default-text: #1a1a1a;
  --default-text-secondary: #6b6b6b;

  --default-root-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-menu-items {
  --default-inverse: white;
  --default-gray-50: rgb(245 245 245 / 0.1);
  --default-gray-100: rgb(245 245 245 / 0.45);
  --default-gray-200: rgb(10 10 10 / 0.6);
  --default-gray-300: rgb(27 27 27);
  --default-gray-400: rgb(10 10 10);

  --default-text: #f5f5f5;
  --default-text-secondary: #8a8a8a;

  --default-root-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-menu-items) {
  --font-family: var(--media-font-family, sans-serif);
  --font-size: var(--media-menu-font-size, 14px);
  --font-weight: var(--media-menu-font-weight, 500);

  --root-bg: var(--media-menu-bg, var(--color-gray-400));
  --root-padding: var(--media-menu-padding, 12px);
  --root-border-radius: var(--media-menu-border-radius, 4px);

  --divider: var(--media-menu-divider, 1px solid var(--color-gray-50));

  --section-bg: var(--media-menu-section-bg, var(--color-gray-300));
  --section-border: var(--media-menu-section-border);
  --section-divider: var(--media-menu-section-divider, var(--divider));

  --top-bar-bg: var(--media-menu-top-bar-bg, var(--color-gray-200));
  --top-bar-divider: var(--media-menu-divider, transparent);

  --text-hint-color: var(--media-menu-hint-color, var(--text-secondary-color));

  --chapter-divider: var(--media-chapters-divider, var(--divider));
  --chapter-active-bg: var(--media-chapters-item-active-bg, var(--color-gray-50));
  --chapter-active-border-left: var(--media-chapters-item-active-border-left);

  --chapter-progress-bg: var(--media-chapters-progress-bg, var(--color-inverse));

  --chapter-time-font-size: var(--media-chapters-time-font-size, 12px);
  --chapter-time-font-weight: var(--media-chapters-time-font-weight, 500);
  --chapter-time-gap: var(--media-chapters-time-gap, 6px);

  --chapter-duration-bg: var(--media-chapters-duration-bg);

  --item-border: var(--media-menu-item-border, 0);
  --item-bg: var(--media-menu-item-bg, transparent);
  --item-hover-bg: var(--media-menu-item-hover-bg, var(--color-gray-50));
  --item-icon-size: var(--media-menu-item-icon-size, 18px);
  --item-padding: var(--media-menu-item-padding, 10px);
  --item-min-height: var(--media-menu-item-height, 40px);
  --item-border-radius: var(--media-menu-item-border-radius, 2px);

  --scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, transparent);
  --scrollbar-thumb-bg: var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50));
  --webkit-scrollbar-bg: var(--color-gray-400);
  --webkit-scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, var(--color-gray-50));

  --checkbox-bg: var(--media-menu-checkbox-bg, var(--color-gray-100));
  --checkbox-active-bg: var(--media-menu-checkbox-bg-active, #1ba13f);
  --checkbox-handle-bg: var(--media-menu-checkbox-handle-bg, #f5f5f5);
  --checkbox-handle-border: var(--media-menu-checkbox-handle-border);

  --radio-icon-color: var(--media-menu-radio-icon-color, var(--text-color));
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu[data-root] media-menu[data-root]) {
  display: contents;
}

:where(.vds-menu) {
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
}

:where(.vds-menu[data-disabled][data-root]) {
  display: none;
}

:where(.vds-menu[data-submenu]) {
  display: inline-block;
}

:where(.vds-menu-items:focus) {
  outline: none;
}

:where(.vds-menu-item:focus, .vds-radio:focus) {
  outline: none;
}

:where(
    .vds-menu-item:focus-visible,
    .vds-menu-item[data-focus],
    .vds-radio:focus-visible,
    .vds-radio[data-focus]
  ) {
  outline: none;
  box-shadow: var(--media-focus-ring);
}

:where(.vds-menu[data-open] .vds-tooltip-content) {
  display: none !important;
}

.vds-menu-items [data-hidden] {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Scroll
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

@media (prefers-reduced-motion: no-preference) {
  :where(.vds-menu-items) {
    scroll-behavior: smooth;
  }
}

:where(.vds-menu-items) {
  box-sizing: border-box;
  min-width: var(--media-menu-min-width, 280px);
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
  transform: translate3d(0, 0, 0);
}

:where(.vds-menu-items)::-webkit-scrollbar {
  background-color: var(--webkit-scrollbar-bg);
  border-radius: var(--root-border-radius);
  height: 6px;
  width: 5px;
}

:where(.vds-menu-items)::-webkit-scrollbar-track {
  background-color: var(--webkit-scrollbar-track-bg);
  border-radius: 4px;
}

:where(.vds-menu-items)::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb-bg);
  border-radius: 4px;
}

:where(.vds-menu-items)::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-thumb-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-button) {
  outline: none;
  box-sizing: border-box;
}

:where(.vds-menu-button .vds-rotate-icon) {
  transition: transform 0.2s ease-out;
}

:where(.vds-menu-button[aria-expanded='true'] .vds-rotate-icon) {
  transform: rotate(var(--media-menu-icon-rotate-deg, 90deg));
  transition: transform 0.2s ease-in;
}

:where(.vds-menu-button) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-button .vds-rotate-icon) {
    transition: unset;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Items
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items) {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: var(--font-family);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-items) {
    transition: unset;
  }
}

:where(.vds-menu-items[data-root]) {
  background-color: var(--root-bg);
  border-radius: var(--root-border-radius);
  box-shadow: var(--media-menu-box-shadow);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  height: var(--menu-height, auto);
  will-change: width, height;
  overflow-y: auto;
  overscroll-behavior: contain;
  opacity: 0;
  z-index: 9999999;
  box-sizing: border-box;
  max-height: var(--media-menu-max-height, 250px);
  filter: var(
    --media-menu-filter,
    drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))
  );
}

.vds-menu-items[data-root] {
  border: var(--root-border);
  padding: var(--root-padding);
}

:where([data-view-type='video']) :where(.vds-menu-items[data-root]) {
  max-height: var(--media-menu-video-max-height, calc(var(--player-height) * 0.7));
}

:where(.vds-menu-items[data-transition='height']) {
  --scrollbar-thumb-bg: rgba(0, 0, 0, 0);
  pointer-events: none;
  overflow: hidden;
}

.vds-menu-button[aria-disabled='true'],
.vds-menu-item[aria-disabled='true'],
.vds-menu-item[data-disabled] {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Items Animation
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items[data-root]) {
  --enter-transform: translateY(0px);
  --exit-transform: translateY(12px);
}

/* Mobile Popup */

:where(.vds-menu-items[data-root]:not([data-placement])) {
  --enter-transform: translateY(-24px);
}

:where(.vds-menu-items[data-root][aria-hidden='true']) {
  animation: var(--media-menu-exit-animation, vds-menu-exit 0.2s ease-out);
}

:where(.vds-menu-items[data-root][aria-hidden='false']) {
  animation: var(--media-menu-enter-animation, vds-menu-enter 0.3s ease-out);
  animation-fill-mode: forwards;
}

/* Bottom */

:where(.vds-menu-items[data-placement~='bottom']) {
  --enter-transform: translateY(0);
  --exit-transform: translateY(-12px);
}

@keyframes vds-menu-enter {
  from {
    opacity: 0;
    transform: var(--exit-transform);
  }
  to {
    opacity: 1;
    transform: var(--enter-transform);
  }
}

@keyframes vds-menu-exit {
  from {
    opacity: 1;
    transform: var(--enter-transform);
  }
  to {
    opacity: 0;
    transform: var(--exit-transform);
  }
}

@media (prefers-reduced-motion) {
  :where(.vds-menu-items) {
    animation: none;
    opacity: 1;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Portal
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(media-menu-portal) {
  display: contents;
}

:where(.vds-menu-items[data-root]:not([data-placement])) {
  position: fixed;
  left: 16px;
  right: 16px;
  top: unset;
  bottom: 0;
  max-height: var(--media-sm-menu-portrait-max-height, 40vh);
  max-height: var(--media-sm-menu-portrait-max-height, 40dvh);
  max-width: 480px;
  margin: 0 auto;
}

@media (orientation: landscape) and (pointer: coarse) {
  :where(.vds-menu-items[data-root]:not([data-placement])) {
    max-height: var(--media-sm-menu-landscape-max-height, min(70vh, 400px));
    max-height: var(--media-sm-menu-landscape-max-height, min(70dvh, 400px));
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Submenu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu[data-submenu] .vds-menu-button) {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

:where(.vds-menu-items[data-submenu]) {
  width: 100%;
}

:where(.vds-menu[aria-hidden='true']),
:where(.vds-menu-items[data-submenu][aria-hidden='true']) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Item
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-item, .vds-radio) {
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: var(--item-border-radius);
  box-sizing: border-box;
  min-height: var(--item-min-height);
  font-size: var(--font-size);
  outline: none;
}

.vds-menu-item,
.vds-radio {
  color: var(--text-color);
  background-color: var(--item-bg);
  padding: var(--item-padding);
}

.vds-menu-item:focus-visible,
.vds-menu-item[data-focus],
.vds-radio:focus-visible,
.vds-radio[data-focus] {
  cursor: pointer;
  background-color: var(--item-hover-bg);
}

@media (hover: hover) and (pointer: fine) {
  .vds-menu-item[role]:hover,
  .vds-radio:hover {
    cursor: pointer;
    background-color: var(--item-hover-bg);
  }
}

:where(.vds-menu-items[data-submenu]) {
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

:where(.vds-menu-item[aria-expanded='true']) {
  font-weight: bold;
  border-radius: 0;
  border-top-left-radius: var(--item-border-radius);
  border-top-right-radius: var(--item-border-radius);
}

.vds-menu-item[aria-expanded='true'] {
  border-bottom: var(--top-bar-divider);
}

:where(.vds-menu-item[aria-expanded='true']) {
  position: sticky;
  top: calc(-1 * var(--root-padding));
  left: 0;
  width: 100%;
  z-index: 10;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  margin-bottom: 4px;
}

.vds-menu-item[aria-expanded='true'] {
  background-color: var(--top-bar-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Item Parts
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-item-label) {
  flex: 1 0 0%;
  text-align: start;
}

:where(.vds-menu-item .vds-icon, .vds-radio .vds-icon) {
  --size: var(--item-icon-size);
  width: var(--size);
  height: var(--size);
  margin-right: var(--media-menu-item-icon-spacing, 6px);
}

:where(.vds-menu-open-icon, .vds-menu-close-icon) {
  --size: var(--media-menu-arrow-icon-size, 18px);
  width: var(--size);
  height: var(--size);
}

:where(.vds-menu-item-hint, .vds-menu-open-icon, .vds-radio-hint) {
  color: var(--text-hint-color);
  font-size: var(--media-menu-hint-font-size, 13px);
  font-weight: var(--media-menu-hint-font-weight, 400);
}

:where(.vds-menu-items .vds-menu-open-icon) {
  margin-right: 0;
}

:where(.vds-menu-items) :where(.vds-menu-item-hint, .vds-menu-open-icon) {
  margin-left: auto;
}

:where(.vds-menu-items) :where(.vds-menu-item-hint + .vds-menu-open-icon),
:where(.vds-menu-item-hint + media-icon .vds-menu-open-icon),
:where(.vds-menu-item-hint + slot > .vds-menu-open-icon) {
  margin-left: 2px;
}

:where(.vds-menu-item[aria-hidden='true']),
:where(.vds-menu-item[aria-expanded='true'] .vds-menu-open-icon) {
  display: none !important;
}

:where(.vds-menu-items)
  :where(.vds-menu-item[aria-disabled='true'], .vds-menu-item[data-disabled])
  :where(.vds-menu-open-icon) {
  opacity: 0;
}

:where(.vds-menu-close-icon),
:where(.vds-menu-item[aria-expanded='true'] > .vds-icon) {
  display: none !important;
}

:where(.vds-menu-item[aria-expanded='true'] .vds-menu-close-icon) {
  display: inline !important;
  margin-left: calc(-1 * var(--item-padding) / 2);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Checkbox
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-checkbox) {
  --checkbox-width: var(--media-menu-checkbox-width, 40px);
  --checkbox-height: var(--media-menu-checkbox-height, 18px);
  --checkbox-top: calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2);
  --checkbox-diameter: var(
    --media-menu-checkbox-handle-diameter,
    calc(var(--checkbox-height) - 2px)
  );
  --checkbox-gap: var(--media-menu-checkbox-gap, 2.5px);
  position: relative;
  display: inline-block;
  width: var(--checkbox-width);
  height: var(--checkbox-height);
  border-radius: calc(var(--checkbox-height) / 2);
  transition: 0.3s all ease-in-out;
  box-sizing: border-box;
  cursor: pointer;
  pointer-events: auto;
}

.vds-menu-checkbox {
  background-color: var(--checkbox-bg);
}

:where(.vds-menu-checkbox:focus-visible) {
  outline: none;
  box-shadow: var(--media-focus-ring);
}

.vds-menu-checkbox[aria-checked='true'] {
  background-color: var(--checkbox-active-bg);
}

:where(.vds-menu-checkbox)::after {
  content: '';
  display: inline-block;
  width: var(--checkbox-diameter);
  height: var(--checkbox-diameter);
  border-radius: calc(var(--checkbox-diameter) / 2);
  position: absolute;
  top: var(--checkbox-top);
  transform: translateX(var(--checkbox-gap));
  transition: 0.3s all ease-in-out;
  border: var(--checkbox-handle-border);
  box-sizing: border-box;
}

.vds-menu-checkbox::after {
  background-color: var(--checkbox-handle-bg);
}

:where(.vds-menu-checkbox[aria-checked='true'])::after {
  transform: translateX(
    calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap))
  );
}

@media (prefers-reduced-motion: no-preference) {
  :where(.vds-menu-checkbox[data-active])::after {
    width: calc(var(--checkbox-width) - calc(var(--checkbox-gap) * 2));
  }
}

:where(.vds-menu-checkbox[aria-checked='true'][data-active])::after {
  transform: translateX(var(--checkbox-gap));
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-items .vds-slider) {
  --media-slider-track-bg: var(--media-menu-slider-track-bg, var(--color-gray-50));
  --media-slider-track-fill-bg: var(--media-menu-slider-track-fill-bg, var(--color-inverse));
  --media-slider-height: var(--media-menu-slider-height, 32px);
  --track-focus-height: var(--track-height) !important;
}

:where(.vds-menu-items .vds-slider-thumb) {
  opacity: 1 !important;
}

:where(.vds-menu-slider-item.group) {
  flex-direction: column;
}

:where(.vds-menu-slider-title) {
  margin-top: 4px;
}

:where(.vds-menu-slider-body) {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 6px;
}

:where(.vds-menu-slider-item .vds-icon) {
  margin: 0;
  color: var(--text-hint-color);
}

:where(
    .vds-menu-slider-item[data-min] .vds-icon.down,
    .vds-menu-slider-item[data-max] .vds-icon.up
  ) {
  color: var(--text-color);
  animation: 0.6s ease-in-out vds-slider-icon;
  transition: all 1.2s ease;
}

@keyframes vds-slider-icon {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}

:where(.vds-menu-items .vds-slider-track-fill) {
  transition: opacity 0.3s ease;
}

:where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill) {
  opacity: 0;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Radio
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-radio-group) {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.vds-radio {
  cursor: pointer;
  contain: content;
  padding-left: calc(var(--item-icon-size) + var(--item-padding));
}

.vds-radio[aria-checked='true'] {
  padding-left: 0;
}

.vds-radio .vds-icon {
  display: none;
  color: var(--radio-icon-color);
}

.vds-radio[aria-checked='true'] .vds-icon {
  display: inline-block;
  margin-left: 6px;
}

:where(.vds-radio-hint) {
  margin-left: auto;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Color Picker
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-color-picker {
  width: 32px;
  height: 32px;
  border: 0;
  background-color: transparent;
  outline: none;
}

.vds-color-picker::-webkit-color-swatch {
  border-radius: 2px;
}

.vds-color-picker::-moz-color-swatch {
  border-radius: 2px;
}

.vds-color-picker:focus-visible::-webkit-color-swatch {
  box-shadow: var(--media-focus-ring);
}

.vds-color-picker:focus-visible::-moz-color-swatch {
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menu Section
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-menu-section) {
  width: 100%;
}

:where(.vds-menu-item + .vds-menu-section) {
  margin-top: 8px;
}

:where(.vds-menu-section + .vds-menu-section) {
  margin-top: 24px;
}

:where(.vds-menu-section:first-child) {
  margin-top: 8px;
}

:where(.vds-menu-section:last-child) {
  margin-bottom: 8px;
}

:where(.vds-menu-section-title),
:where(.vds-menu-slider-title) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--text-secondary-color);
  font-size: var(--media-menu-section-header-font-size, 12px);
  font-weight: var(--media-menu-section-header-font-weight, 500);
  padding-inline: 2px;
}

:where(.vds-menu-section-body) {
  width: 100%;
}

:where(.vds-menu-section-title + .vds-menu-section-body) {
  margin-top: var(--media-menu-section-gap, 8px);
}

.vds-menu-section-body {
  background-color: var(--section-bg);
  border: var(--section-border);
  border-radius: var(--media-menu-section-border-radius, 2px);
}

:where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)) {
  border-bottom: var(--section-divider);
}

:where(.vds-menu-section-body .vds-menu:last-child > .vds-menu-item) {
  border-bottom: unset;
}

.vds-menu-section[data-open],
.vds-menu-section[data-open] > .vds-menu-section-body {
  display: contents !important;
  background-color: transparent !important;
}

.vds-menu-section[data-open] > .vds-menu-section-title,
.vds-menu-section[data-open] > .vds-menu-section-body > :not([data-open]) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Chapters Menu
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-chapters-menu-items) {
  min-width: var(--media-chapters-min-width, var(--media-menu-min-width, 220px));
}

.vds-chapters-menu-items {
  padding: var(--media-chapters-padding, 0);
}

:where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])) {
  min-width: var(--media-chapters-with-thumbnails-min-width, 300px);
}

:where(.vds-chapter-radio) {
  border-radius: 0;
}

.vds-chapter-radio {
  border-bottom: var(--chapter-divider);
  padding: var(--item-padding);
}

.vds-chapter-radio[aria-checked='true'] {
  padding-left: var(--item-padding);
}

:where(.vds-chapter-radio:last-child) {
  border-bottom: 0;
}

.vds-chapter-radio[aria-checked='true'] {
  background-color: var(--chapter-active-bg);
  border-left: var(--chapter-active-border-left);
}

:where(.vds-chapter-radio[aria-checked='true']):after {
  content: ' ';
  width: var(--progress);
  height: var(--media-chapters-progress-height, 4px);
  position: absolute;
  bottom: 0;
  left: 0;
}

.vds-chapter-radio[aria-checked='true']:after {
  border-radius: var(--media-chapters-progress-border-radius, 0);
  background-color: var(--chapter-progress-bg);
}

.vds-chapters-radio-group :where(.vds-thumbnail) {
  margin-right: var(--media-chapters-thumbnail-gap, 12px);
  flex-shrink: 0;
  min-width: var(--media-chapters-thumbnail-min-width, 100px);
  min-height: var(--media-chapters-thumbnail-min-height, 56px);
  max-width: var(--media-chapters-thumbnail-max-width, 120px);
  max-height: var(--media-chapters-thumbnail-max-height, 68px);
}

.vds-chapters-radio-group .vds-thumbnail {
  border: var(--media-chapters-thumbnail-border, 0);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-label) {
  color: var(--text-secondary-color);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  white-space: nowrap;
}

:where(.vds-chapter-radio[aria-checked='true'] .vds-chapter-radio-label) {
  color: var(--text-color);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-start-time) {
  display: inline-block;
  letter-spacing: var(--media-chapters-start-time-letter-spacing, 0.4px);
  border-radius: var(--media-chapters-start-time-border-radius, 2px);
  font-size: var(--chapter-time-font-size);
  font-weight: var(--chapter-time-font-weight);
  margin-top: var(--chapter-time-gap);
}

.vds-chapters-radio-group .vds-chapter-radio-start-time {
  color: var(--text-secondary-color);
  background-color: var(--section-bg);
  padding: var(--media-chapters-start-time-padding, 1px 4px);
}

:where(.vds-chapters-radio-group .vds-chapter-radio-duration) {
  color: var(--text-hint-color);
  font-size: var(--chapter-time-font-size);
  font-weight: var(--chapter-time-font-weight);
  margin-top: var(--chapter-time-gap);
}

.vds-chapters-radio-group .vds-chapter-radio-duration {
  background-color: var(--chapter-duration-bg);
  border-radius: var(--media-chapters-duration-border-radius, 2px);
}

.vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail, media-thumbnail) {
  display: none;
}

:where(.vds-chapter-radio-content) {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content) {
  width: 100%;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) {
  margin-top: 0;
  margin-left: auto;
}

:where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration) {
  margin-top: 4px;
  flex-basis: 100%;
}

.vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within {
  padding: var(--media-chapters-focus-padding, 4px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Poster
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-poster) {
  display: block;
  contain: content;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border: 0;
  pointer-events: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease-out;
  background-color: var(--media-poster-bg, black);
}

:where(.vds-poster img) {
  -o-object-fit: inherit;
     object-fit: inherit;
  -o-object-position: inherit;
     object-position: inherit;
  pointer-events: none;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box;
}

.vds-poster :where(img) {
  border: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

:where(.vds-poster[data-hidden]) {
  display: none;
}

:where(.vds-poster[data-visible]) {
  opacity: 1;
}

.vds-poster:not(:defined),
.vds-poster img:not([src]) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider) {
  --width: var(--media-slider-width, 100%);
  --height: var(--media-slider-height, 48px);

  --thumb-size: var(--media-slider-thumb-size, 15px);
  --thumb-focus-size: var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1));

  --track-width: var(--media-slider-track-width, 100%);
  --track-height: var(--media-slider-track-height, 5px);
  --track-focus-width: var(--media-slider-focused-track-width, var(--track-width));
  --track-focus-height: var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25));

  display: inline-flex;
  align-items: center;
  width: var(--width);
  height: var(--height);
  /** Prevent thumb flowing out of slider. */
  margin: 0 calc(var(--thumb-size) / 2);
  position: relative;
  contain: layout style;
  outline: none;
  pointer-events: auto;
  cursor: pointer;
  -moz-user-select: none;
       user-select: none;
  touch-action: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
}

:where(.vds-slider[aria-hidden='true']) {
  display: none !important;
}

:where(.vds-slider[aria-disabled='true']) {
  cursor: unset;
}

:where(.vds-slider:focus) {
  outline: none;
}

:where(.vds-slider:not([data-chapters])[data-focus], .vds-slider:not([data-chapters]):focus-visible)
  :where(.vds-slider-track) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-slider .vds-slider-track) {
  z-index: 0;
  position: absolute;
  width: var(--track-width);
  height: var(--track-height);
  top: 50%;
  left: 0;
  border-radius: var(--media-slider-track-border-radius, 2px);
  transform: translateY(-50%) translateZ(0);
  background-color: var(--media-slider-track-bg, rgb(255 255 255 / 0.3));
  contain: strict;
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-track) {
  outline-offset: var(--thumb-size);
}

:where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track) {
  width: var(--track-focus-width);
  height: var(--track-focus-height);
}

:where(.vds-slider .vds-slider-track-fill) {
  z-index: 2; /** above track and track progress. */
  background-color: var(--media-slider-track-fill-bg, var(--media-brand));
  width: var(--slider-fill, 0%);
  will-change: width;
}

:where(.vds-slider .vds-slider-thumb) {
  position: absolute;
  top: 50%;
  left: var(--slider-fill);
  opacity: 0;
  contain: layout size style;
  width: var(--thumb-size);
  height: var(--thumb-size);
  border: var(--media-slider-thumb-border, 1px solid #cacaca);
  border-radius: var(--media-slider-thumb-border-radius, 9999px);
  background-color: var(--media-slider-thumb-bg, #fff);
  transform: translate(-50%, -50%) translateZ(0);
  transition: opacity 0.15s ease-in;
  pointer-events: none;
  will-change: left;
  z-index: 2; /** above track fill. */
}

:where(.vds-slider[data-dragging], .vds-slider[data-focus], .vds-slider:focus-visible)
  :where(.vds-slider-thumb) {
  box-shadow: var(--media-slider-focused-thumb-shadow, 0 0 0 4px hsla(0, 0%, 100%, 0.4));
}

:where(.vds-slider[data-active] .vds-slider-thumb) {
  opacity: 1;
  transition: var(--media-slider-thumb-transition, opacity 0.2s ease-in, box-shadow 0.2s ease);
}

:where(.vds-slider[data-dragging] .vds-slider-thumb) {
  width: var(--thumb-focus-size);
  height: var(--thumb-focus-size);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Value
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-value) {
  display: inline-block;
  contain: content;
  font-size: 14px;
  font-family: var(--media-font-family, sans-serif);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Thumbnail
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-thumbnail) {
  display: block;
  contain: content;
  box-sizing: border-box;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Video
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-video) {
  background-color: black;
  box-sizing: border-box;
  contain: content;
  display: inline-block;
  border: var(--media-thumbnail-border, 1px solid white);
}

:where(.vds-slider-video video) {
  display: block;
  height: auto;
  width: 156px;
}

/* Temporarily hide video while loading. */

:where(.vds-slider-video[data-loading]) {
  opacity: 0;
}

/* Hide video if it fails to load. */

:where(.vds-slider-video[data-hidden], .vds-slider-video[data-hidden] video) {
  display: none;
  width: 0px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Previews
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider .vds-slider-preview) {
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  background-color: var(--media-slider-preview-bg);
  border-radius: var(--media-slider-preview-border-radius, 2px);
  pointer-events: none;
  transition: opacity 0.2s ease-out;
  will-change: left, opacity;
  contain: layout paint style;
}

:where(.vds-slider-preview[data-visible]) {
  opacity: 1;
  transition: opacity 0.2s ease-in;
}

.vds-slider-value {
  background-color: var(--media-slider-value-bg, black);
  border-radius: var(--media-slider-value-border-radius, 2px);
  border: var(--media-slider-value-border);
  color: var(--media-slider-value-color, white);
  padding: var(--media-slider-value-padding, 1px 10px);
}

:where(
    .vds-slider-video:not([data-hidden]) + .vds-slider-chapter-title,
    .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-chapter-title
  ) {
  margin-top: var(--media-slider-chapter-title-gap, 6px);
}

:where(
    .vds-slider-video:not([data-hidden]) + .vds-slider-value,
    .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-value,
    .vds-slider-chapter-title + .vds-slider-value
  ) {
  margin-top: var(--media-slider-value-gap, 2px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Vertical Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider[aria-orientation='vertical']) {
  --width: var(--media-slider-width, 48px);
  --height: var(--media-slider-height, 100%);

  --track-width: var(--media-slider-track-width, 4px);
  --track-height: var(--media-slider-track-height, 100%);
  --track-focus-width: var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25));
  --track-focus-height: var(--media-slider-focused-track-height, var(--track-height));

  /** Prevent thumb flowing out of slider. */
  margin: calc(var(--thumb-size) / 2) 0;
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-track) {
  top: unset;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-track-fill) {
  width: var(--track-width);
  height: var(--slider-fill);
  will-change: height;
  transform: translateX(-50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-progress) {
  top: unset;
  bottom: 0;
  width: var(--track-width);
  height: var(--slider-progress, 0%);
  will-change: height;
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-thumb) {
  top: unset;
  bottom: var(--slider-fill);
  left: 50%;
  will-change: bottom;
  transform: translate(-50%, 50%) translateZ(0);
}

:where(.vds-slider[aria-orientation='vertical'] .vds-slider-preview) {
  will-change: bottom, opacity;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-live] .vds-time-slider .vds-slider-track-fill) {
  background-color: var(--media-slider-track-fill-live-bg, #dc2626);
}

:where(.vds-time-slider .vds-slider-progress) {
  z-index: 1; /** above track. */
  left: 0;
  width: var(--slider-progress, 0%);
  will-change: width;
  background-color: var(--media-slider-track-progress-bg, rgb(255 255 255 / 0.5));
}

:where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value) {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Steps
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-slider-steps) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

:where(.vds-slider-step) {
  width: var(--media-slider-step-width, 2.5px);
  height: calc(var(--track-height) + 1px);
  background-color: var(--media-slider-step-color, rgb(124, 124, 124));
  opacity: 0;
  transition: opacity 0.3s ease;
}

:where(.vds-slider[data-active] .vds-slider-step) {
  opacity: 1;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Slider Chapters
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-time-slider .vds-slider-chapters) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-chapters) {
  box-shadow: var(--media-focus-ring);
  height: var(--track-height);
}

:where(.vds-time-slider .vds-slider-chapter) {
  margin-right: 2px;
}

:where(.vds-time-slider .vds-slider-chapter:last-child) {
  margin-right: 0;
}

:where(.vds-time-slider .vds-slider-chapter) {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  will-change: height, transform;
  contain: layout style;
  border-radius: var(--media-slider-track-border-radius, 1px);
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill) {
  width: var(--chapter-fill, 0%);
  will-change: width;
}

:where(.vds-time-slider .vds-slider-chapter .vds-slider-progress) {
  width: var(--chapter-progress, 0%);
  will-change: width;
}

@media (hover: hover) and (pointer: fine) {
  :where(.vds-time-slider:hover .vds-slider-chapters) {
    contain: strict;
  }

  :where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)) {
    transform: var(--media-slider-chapter-hover-transform, scaleY(2));
    transition: var(
      --media-slider-chapter-hover-transition,
      transform 0.1s cubic-bezier(0.4, 0, 1, 1)
    );
  }
}

:where(.vds-time-slider .vds-slider-chapter-title) {
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-slider-chapter-title-font-size, 14px);
  color: var(--media-slider-chapter-title-color, #f5f5f5);
  background-color: var(--media-slider-chapter-title-bg);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Thumbnail
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-thumbnail) {
  --min-width: var(--media-thumbnail-min-width, 140px);
  --max-width: var(--media-thumbnail-max-width, 180px);
  --aspect-ratio: var(--media-thumbnail-aspect-ratio, var(--thumbnail-aspect-ratio));
  display: block;
  width: var(--thumbnail-width);
  height: var(--thumbnail-height);
  background-color: var(--media-thumbnail-bg, black);
  contain: strict;
  overflow: hidden;
  box-sizing: border-box;
  min-width: var(--min-width);
  min-height: var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio)));
  max-width: var(--max-width);
  max-height: var(--media-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio)));
}

.vds-thumbnail {
  border: var(--media-thumbnail-border, 1px solid white);
}

:where(.vds-thumbnail img) {
  min-width: unset !important;
  max-width: unset !important;
  will-change: width, height, transform;
}

:where(.vds-thumbnail[data-loading] img) {
  opacity: 0;
}

:where(.vds-thumbnail[aria-hidden='true']) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-time-group) {
  display: flex;
  align-items: center;
}

.vds-time-divider {
  margin: 0 var(--media-time-divider-gap, 2.5px);
  color: var(--media-time-divider-color, #e0e0e0);
}

:where(.vds-time) {
  display: inline-block;
  contain: content;
  font-size: var(--media-time-font-size, 15px);
  font-weight: var(--media-time-font-weight, 400);
  font-family: var(--media-font-family, sans-serif);
  border-radius: var(--media-time-border-radius, 2px);
  letter-spacing: var(--media-time-letter-spacing, 0.025em);
}

.vds-time {
  outline: 0;
  color: var(--media-time-color, var(--default-color));
  background-color: var(--media-time-bg);
  border: var(--media-time-border);
  padding: var(--media-time-padding, 2px);
}

:where(.vds-time:focus-visible) {
  box-shadow: var(--media-focus-ring);
}

.light .vds-time {
  --default-color: rgb(10 10 10);
}

.dark .vds-time {
  --default-color: #f5f5f5;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tooltips
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-tooltip, media-tooltip) {
  display: contents;
}

:where(.vds-tooltip-content) {
  display: inline-block;
  box-sizing: border-box;
  font-family: var(--media-font-family, sans-serif);
  font-size: var(--media-tooltip-font-size, 13px);
  font-weight: var(--media-tooltip-font-weight, 500);
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  z-index: 10;
  will-change: transform, opacity;
}

.vds-tooltip-content {
  border-radius: var(--media-tooltip-border-radius, 2px);
  background-color: var(--media-tooltip-bg-color, var(--default-bg));
  border: var(--media-tooltip-border, var(--default-border));
  color: var(--media-tooltip-color, var(--default-color));
  padding: var(--media-tooltip-padding, 2px 8px);
}

.light .vds-tooltip-content {
  --default-color: #1a1a1a;
  --default-bg: white;
  --default-border: 1px solid rgb(0 0 0 / 0.2);
}

.dark .vds-tooltip-content {
  --default-color: #f5f5f5;
  --default-bg: black;
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-menu .vds-menu-button[role='button'][data-pressed] .vds-tooltip-content) {
  opacity: 0;
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tooltip Animation
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-tooltip-content) {
  --enter-transform: translateY(0px) scale(1);
  --exit-transform: translateY(12px) scale(0.8);
}

:where(.vds-tooltip-content:not([data-visible])) {
  animation: var(--media-tooltip-exit-animation, vds-tooltip-exit 0.2s ease-out);
}

:where(.vds-tooltip-content[data-visible]) {
  animation: var(--media-tooltip-enter-animation, vds-tooltip-enter 0.2s ease-in);
  animation-fill-mode: forwards;
}

/* Bottom */

:where(.vds-tooltip-content[data-placement~='bottom']) {
  --enter-transform: translateY(0) scale(1);
  --exit-transform: translateY(-12px) scale(0.8);
}

/* Left */

:where(.vds-tooltip-content[data-placement~='left']) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(12px) scale(0.8);
}

/* Right */

:where(.vds-tooltip-content[data-placement~='right']) {
  --enter-transform: translateX(0) scale(1);
  --exit-transform: translateX(-12px) scale(0.8);
}

@keyframes vds-tooltip-enter {
  from {
    opacity: 0;
    transform: var(--exit-transform);
  }
  to {
    opacity: 1;
    transform: var(--enter-transform);
  }
}

@keyframes vds-tooltip-exit {
  from {
    opacity: 1;
    transform: var(--enter-transform);
  }
  to {
    opacity: 0;
    transform: var(--exit-transform);
  }
}

@media (prefers-reduced-motion) {
  :where(.vds-tooltip-content) {
    animation: none;
  }

  :where(.vds-tooltip-content[data-visible]) {
    opacity: 1;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * States
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* Play Button */

[data-media-player]:not([data-paused]) .vds-play-tooltip-text,
[data-media-player][data-paused] .vds-pause-tooltip-text,
/* PIP Button */
[data-media-player][data-pip] .vds-pip-enter-tooltip-text,
[data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text,
/* Fullscreen Button */
[data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text,
[data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text,
/* Caption Button */
[data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text,
[data-media-player][data-captions] .vds-cc-off-tooltip-text,
/* Mute Button */
[data-media-player]:not([data-muted]) .vds-mute-tooltip-text,
[data-media-player][data-muted] .vds-unmute-tooltip-text {
  display: none;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Video Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] .vds-video-layout:not([data-match]) {
  display: none !important;
}

[data-media-player][data-layout='video'] {
  background-color: var(--video-bg, black);
}

[data-media-player][data-layout='video']:not([data-fullscreen]) {
  border-radius: var(--video-border-radius, 6px);
  border: var(--video-border, 1px solid rgb(255 255 255 / 0.1));
}

:where(.vds-video-layout) {
  --media-brand: var(--video-brand, #f5f5f5);
  --media-font-family: var(--video-font-family, sans-serif);
  --media-controls-color: var(--video-controls-color, #f5f5f5);
  --media-tooltip-y-offset: 6px;
  --media-menu-y-offset: 6px;
  --media-focus-ring-color: var(--video-focus-ring-color, rgb(78 156 246));
  --media-focus-ring: var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color));
  color: var(--video-controls-color, #f5f5f5);
  display: contents;
}

:where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls) {
  border-radius: var(--video-border-radius, 6px);
  box-shadow: var(--media-focus-ring);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-controls[data-visible]) {
  border-radius: var(--video-border-radius, 6px);
  background-image: linear-gradient(
    to top,
    rgb(0 0 0 / 0.6),
    10%,
    transparent,
    95%,
    rgb(0 0 0 / 0.3)
  );
}

.vds-video-layout .vds-controls-group {
  align-items: center;
  display: flex;
  pointer-events: auto;
  z-index: 0;
  padding: 4px 6px;
}

.vds-video-layout .vds-controls-group:first-child {
  z-index: 50;
}

/* second last group */

.vds-video-layout .vds-controls-group:nth-last-child(2) {
  padding: 0 12px;
  z-index: 11;
  margin-bottom: -16px;
}

.vds-video-layout:not([data-sm]) .vds-controls-group:last-child {
  --media-menu-y-offset: 26px;
  --media-tooltip-y-offset: 26px;
  --media-slider-preview-offset: 26px;
  z-index: 10;
}

:where(.vds-video-layout .vds-button) {
  margin-right: 2.5px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Title
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-chapter-title) {
  font-size: var(--video-sm-chapter-title-font-size, 15px);
}

:where([data-fullscreen] .vds-video-layout .vds-chapter-title) {
  font-size: var(--video-fullscreen-chapter-title-font-size, 16px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout:not([data-sm]) .vds-mute-button) {
  margin-left: -2.5px;
  margin-right: -5px;
}

:where(.vds-video-layout[data-sm]) {
  --media-button-size: var(--video-sm-button-size, 36px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Sliders
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-time-slider) {
  --media-slider-height: 45px;
  flex-grow: 0;
}

:where(.vds-video-layout .vds-slider-thumbnail) {
  --media-thumbnail-border: var(--video-slider-thumbnail-border, 1px solid #f5f5f5);
  border-radius: var(--video-slider-thumbnail-border-radius, 2px);
}

.vds-video-layout .vds-time-slider .vds-slider-value {
  background-color: var(--video-time-bg, unset);
  text-shadow:
    -1px -1px 0 #333333,
    1px -1px 0 #333333,
    -1px 1px 0 #333333,
    1px 1px 0 #333333;
}

:where(.vds-video-layout[data-sm] .vds-time) {
  text-shadow: unset;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Large Layout Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-lg] .vds-volume) {
  --gap: var(--video-volume-gap, 10px);
  display: contents;
}

:where(.vds-video-layout[data-lg] .vds-volume-popup) {
  display: contents;
}

:where(.vds-video-layout[data-lg] .vds-volume-slider) {
  margin: 0;
  max-width: 0;
  transition: all 0.15s ease;
}

:where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider),
:where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) {
  margin-left: var(--gap);
  opacity: 1;
  visibility: visible;
  max-width: var(--video-volume-slider-max-width, 72px);
}

/* safe area. */

.vds-video-layout[data-lg] .vds-volume-slider::after {
  content: '';
  position: fixed;
  top: 0;
  left: calc(-1 * var(--gap));
  width: var(--gap);
  height: 100%;
  z-index: 1;
  pointer-events: auto;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Small Layout Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-volume) {
  --media-slider-height: var(--video-volume-height, 96px);
  --media-slider-preview-offset: calc(-200% - 6px);
  --gap: var(--video-volume-gap, 10px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(.vds-video-layout[data-sm] .vds-volume-popup) {
  display: block;
  position: absolute;
  top: calc(100% + var(--gap));
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition:
    opacity 150ms ease-out,
    visibility 150ms ease-out;
  border-radius: var(--video-volume-border-radius, 8px);
  filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)));
  visibility: hidden;
}

/* safe area. */

.vds-video-layout[data-sm] .vds-mute-button::after {
  content: '';
  position: fixed;
  bottom: calc(-1 * var(--gap));
  right: 0;
  width: 100%;
  height: var(--gap);
  z-index: 1;
  pointer-events: auto;
}

.vds-video-layout .vds-volume-popup {
  background-color: var(--video-volume-bg, var(--media-menu-bg, var(--default-bg)));
  border: var(--video-volume-border, var(--default-border));
}

.light .vds-video-layout .vds-volume-popup,
.vds-video-layout.light .vds-volume-popup {
  --default-bg: rgb(250 250 250);
  --default-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-video-layout .vds-volume-popup,
.vds-video-layout.dark .vds-volume-popup {
  --default-bg: rgb(10 10 10);
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup),
:where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup) {
  transition:
    opacity 150ms ease-in,
    visibility 150ms ease-in;
  opacity: 1;
  visibility: visible;
}

:where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-time[data-type='current']) {
  margin-right: 2px;
}

:where(.vds-video-layout .vds-time[data-type='current'][remainder]) {
  margin-left: 2px;
}

.vds-video-layout .vds-time {
  --default-color: #f5f5f5 !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-preview] .vds-video-layout .vds-captions) {
  opacity: 0;
}

:where(.vds-video-layout .vds-captions) {
  z-index: 10;
  transition: var(--video-captions-transition, bottom 0.3s ease-in-out);
}

@media (min-width: 980px) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: var(--video-lg-fullscreen-captions-offset, 54px);
  }
}

:where([data-media-player][data-controls] .vds-video-layout .vds-captions) {
  bottom: var(--video-captions-offset, 78px);
}

:where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions) {
  bottom: var(--video-sm-captions-offset, 48px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Chapters
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) {
  width: 100%;
  text-align: center;
  text-shadow:
    -1px -1px 0 #212121,
    1px -1px 0 #212121,
    -1px 1px 0 #212121,
    1px 1px 0 #212121;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Gestures
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-gesture) {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

:where(.vds-video-layout .vds-gesture[action='seek:-10']) {
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

:where(.vds-video-layout .vds-gesture[action='seek:10']) {
  left: unset;
  right: 0;
  width: var(--video-gesture-seek-width, 20%);
  z-index: 1;
}

@media (pointer: coarse) {
  :where(.vds-video-layout .vds-gesture[action='toggle:paused']) {
    display: none;
  }
}

@media not (pointer: coarse) {
  :where([data-media-player] .vds-video-layout .vds-gesture[action='toggle:controls']) {
    display: none;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Live Button
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-live-button) {
  margin-left: 12px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Group
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout:not([data-sm]) .vds-time-group) {
  margin-left: 10px;
}

:where(.vds-video-layout[data-sm] .vds-time) {
  font-size: var(--video-sm-time-font-size, 14px);
}

:where([data-fullscreen] .vds-video-layout .vds-time) {
  font-size: var(--video-fullscreen-time-font-size, 16px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Load Container
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout .vds-load-container) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 99;
}

:where(
    [data-media-player][data-load='play']:not([data-started])
      .vds-video-layout[data-match]
      .vds-load-container
  ) {
  display: flex;
}

:where(.vds-video-layout .vds-load-container .vds-play-button) {
  --size: var(--video-load-button-size, 56px);
  --color: var(--video-load-button-color, rgb(0 0 0 / 0.8));
  --bg-color: var(--video-load-button-bg, var(--media-brand));

  --media-button-hover-transform: 0;
  --media-button-border: var(--video-load-button-border, var(--color));
  --media-button-hover-bg: var(--video-load-button-bg, var(--media-brand));

  width: var(--size);
  height: var(--size);
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-video-layout .vds-load-container .vds-play-button {
  border-radius: var(--video-load-button-border-radius, 100%);
  color: var(--color);
  background-color: var(--bg-color);
}

:where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button) {
  --size: var(--video-sm-load-button-size, 48px);
  --media-button-hover-transform: translateY(0%);
  width: var(--size);
  height: var(--size);
  transform: translateY(0%);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Small Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)) {
  pointer-events: none;
}

:where(.vds-video-layout[data-sm] .vds-controls-group:last-child) {
  z-index: 2;
  margin-top: -2.5px;
  margin-bottom: -6px;
}

:where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child) {
  margin-bottom: 0;
}

.vds-video-layout[data-sm] .vds-controls-group {
  padding: 2px;
}

:where(.vds-video-layout[data-sm])
  :where(
    .vds-button,
    .vds-slider:not(.vds-time-slider),
    .vds-time,
    .vds-time-divider,
    .vds-chapter-title
  ) {
  transition: opacity 0.15s ease;
}

:where([data-media-player]:not([data-started]) .vds-video-layout[data-sm])
  :where(.vds-button .vds-slider, .vds-time-group) {
  opacity: 0;
  visibility: hidden;
}

:where(.vds-video-layout[data-sm] .vds-time-slider) {
  transition: transform 0.1s linear;
}

@media (pointer: coarse) {
  :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]))
    :where(
      .vds-button,
      .vds-slider:not(.vds-time-slider),
      .vds-time,
      .vds-chapter-title,
      .vds-time-divider,
      .vds-captions,
      .vds-live-button
    ) {
    opacity: 0;
  }

  :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider) {
    --track-height: var(--video-sm-slider-focus-track-height, 12px);
    transform: translateY(-6px);
    transition: transform 0.1s linear;
  }
}

:where(.vds-video-layout[data-sm] .vds-controls .vds-play-button) {
  --size: var(--video-sm-play-button-size, 45px);
  --media-button-hover-transform: translateY(25%);
  width: var(--size);
  height: var(--size);
  transform: translateY(25%);
  border-radius: 100%;
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-video-layout[data-sm] .vds-controls .vds-play-button {
  background-color: var(--video-sm-play-button-bg, rgba(0 0 0 / 0.6));
}

:where(
    [data-media-player]:not([data-started])
      .vds-video-layout[data-sm]
      .vds-controls-group:not(:nth-child(3))
  ) {
  opacity: 0;
  visibility: hidden;
}

/* center big play button inside buffering indicator. */

:where(.vds-video-layout[data-sm] .vds-buffering-indicator) {
  --media-buffering-size: 64px;
  transform: translate(-2px, -4px);
}

:where(.vds-video-layout .vds-start-duration .vds-time) {
  position: absolute;
  right: 8px;
  bottom: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  z-index: 10;
}

.vds-video-layout .vds-start-duration .vds-time {
  padding: var(--video-sm-start-duration-padding, 3px 6px);
  color: var(--video-sm-start-duration-color, var(--video-controls-color));
  background-color: var(--video-sm-start-duration-bg, rgba(0 0 0 / 0.64));
}

:where([data-started] .vds-video-layout .vds-start-duration .vds-time) {
  display: none;
}

:where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time) {
  opacity: 0;
}

:where(.vds-video-layout[data-sm] .vds-time[data-type='current']) {
  margin-left: 8px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Fullscreen
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
  margin-bottom: -16px;
}

@media (orientation: portrait) {
  :where([data-fullscreen] .vds-video-layout .vds-captions) {
    bottom: 30lvh;
    bottom: 10dvh;
  }
}

@media (orientation: landscape) {
  :where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) {
    margin-bottom: -12px;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Audio Layout
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

[data-media-player] .vds-audio-layout:not([data-match]) {
  display: none !important;
}

:where([data-media-player][data-layout='audio']) {
  border-radius: var(--audio-border-radius, 6px);
}

:where(.vds-audio-layout) {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 100%;
  height: 60px;
  color: var(--audio-controls-color, var(--default-color));
  background-color: var(--audio-bg, var(--default-bg));
  border-radius: var(--audio-border-radius, 6px);
  box-sizing: border-box;
  filter: var(
    --audio-filter,
    drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06))
  );
}

.vds-audio-layout {
  border: var(--audio-border, 1px solid rgb(255 255 255 / 0.1));
}

:where([data-media-player][data-focus]:not([data-playing]) .vds-audio-layout) {
  box-shadow: var(--media-focus-ring);
}

:where(.vds-audio-layout) {
  --media-brand: var(--audio-brand, var(--default-brand));
  --media-font-family: var(--audio-font-family, sans-serif);
  --media-controls-color: var(--audio-controls-color, var(--default-controls-color));
  --media-menu-y-offset: 18px;
  --media-tooltip-y-offset: 18px;
  --media-slider-track-bg: var(--audio-slider-track-bg, var(--default-slider-track-bg));
  --media-slider-track-fill-bg: var(--audio-slider-track-bg, var(--media-brand));
  --media-slider-track-progress-bg: var(
    --audio-slider-progress-bg,
    var(--default-slider-progress-bg)
  );
  --media-slider-value-border: var(--audio-slider-value-border, 1px solid rgb(255 255 255 / 0.1));
  --media-slider-value-gap: var(--audio-slider-value-gap, 6px);
  --media-focus-ring-color: var(--audio-focus-ring-color, rgb(78 156 246));
  --media-focus-ring: var(--audio-focus-ring, 0 0 0 3px var(--media-focus-ring-color));
}

.vds-audio-layout.light,
.light .vds-audio-layout {
  --default-brand: rgb(10 10 10);
  --default-color: rgb(10 10 10);
  --default-bg: rgb(250 250 250);
  --default-controls-color: rgb(10 10 10);
  --default-border: 1px solid rgb(100 100 100 /0.2);
  --default-slider-track-bg: rgb(50 50 50 / 0.1);
  --default-slider-progress-bg: rgb(10 10 10 / 0.2);
}

.vds-audio-layout.dark,
.dark .vds-audio-layout {
  --default-brand: #f5f5f5;
  --default-color: #f5f5f5;
  --default-controls-color: #f5f5f5;
  --default-bg: black;
  --default-slider-track-bg: rgb(255 255 255 / 0.3);
  --default-slider-progress-bg: rgb(255 255 255 / 0.5);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Controls
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

.vds-audio-layout .vds-controls {
  padding-inline: 6px;
  border-radius: var(--audio-border-radius, 6px);
}

:where(.vds-audio-layout .vds-controls-group) {
  display: flex;
  align-items: center;
  pointer-events: auto;
  width: 100%;
}

:where(.vds-audio-layout .vds-button) {
  width: var(--audio-button-size, 36px);
  height: var(--audio-button-size, 36px);
  margin-right: 2.5px;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Buttons
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-play-tooltip) {
  --media-tooltip-y-offset: 18px;
}

:where(.vds-audio-layout .vds-button) {
  transition: max-width 140ms ease-in;
  max-width: var(--audio-button-size, 36px);
}

:where(.vds-audio-layout .vds-play-button) {
  --media-button-hover-transform: 0;
  --media-button-border: var(--audio-play-button-border, var(--color));
  --media-button-hover-bg: var(--bg-color);
  --media-button-touch-hover-bg: var(--bg-color);
  width: var(--audio-play-button-size, 32px);
  height: var(--audio-play-button-size, 32px);
  border-radius: var(--audio-play-button-border-radius, 100%);
  pointer-events: auto;
  margin-bottom: 2px;
  overflow: hidden;
}

.vds-audio-layout .vds-play-button {
  color: var(--audio-play-button-color, var(--default-color));
  background-color: var(--audio-play-button-bg, var(--default-bg));
}

.light .vds-audio-layout .vds-play-button,
.vds-audio-layout.light .vds-play-button {
  --default-color: #f5f5f5;
  --default-bg: var(--media-brand);
}

.dark .vds-audio-layout .vds-play-button,
.vds-audio-layout.dark .vds-play-button {
  --default-color: rgb(10 10 10);
  --default-bg: var(--media-brand);
}

:where(.vds-audio-layout .vds-caption-button:not([data-active])) {
  opacity: var(--audio-caption-button-off-opacity, 0.64);
}

:where(.vds-audio-layout .vds-live-button) {
  margin-right: 8px;
}

:where(.vds-audio-layout .vds-seek-button) {
  max-width: 0px;
  visibility: hidden;
}

:where([data-playing] .vds-audio-layout .vds-seek-button) {
  max-width: var(--audio-button-size, 36px);
  visibility: visible;
}

:where(.vds-audio-layout .vds-settings-menu .vds-button) {
  margin-right: 0;
}

@media (pointer: coarse) {
  :where(.vds-audio-layout .vds-caption-button) {
    display: none;
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Title
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-title) {
  display: flex;
  align-items: center;
  position: relative;
  margin-left: 6px;
  margin-right: auto;
  max-width: 100%;
  opacity: 1;
  transition:
    max-width 150ms ease-in,
    opacity 150ms ease-in;
  overflow: hidden;
  text-wrap: nowrap;
  white-space: nowrap;
  transition-delay: 75ms;
}

:where([data-playing] .vds-audio-layout .vds-title) {
  opacity: 0;
  margin: 0;
  max-width: 0px;
  transition: none;
  transition-delay: 0;
}

:where(.vds-audio-layout .vds-title-text) {
  display: inline-flex;
  align-items: center;
}

:where(.vds-audio-layout .vds-marquee .vds-title-text) {
  animation: vds-marquee 8s linear infinite;
}

:where(.vds-audio-layout .vds-title:hover *) {
  animation-play-state: paused;
}

:where(.vds-audio-layout .vds-title-text:nth-child(2)) {
  margin-left: 16px;
}

@keyframes vds-marquee {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(calc(-100% - 16px));
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-time) {
  margin-inline: 8px;
  transition: max-width 140ms ease-in;
  font-size: var(--audio-time-font-size, 15px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Time Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-time-slider) {
  --media-slider-preview-offset: 14px;
  opacity: 0;
  max-width: 0px;
  transform: scaleX(0);
  transform-origin: center left;
  transition: none;
  visibility: hidden;
}

:where([data-media-player]:not([data-paused]) .vds-audio-layout .vds-time-slider) {
  opacity: 1;
  max-width: 100%;
  transform: scaleX(1);
  transition:
    opacity 150ms ease-in,
    transform 150ms ease-in;
  transition-delay: 75ms;
  visibility: visible;
}

:where(.vds-audio-layout .vds-slider-chapter-title) {
  color: var(--audio-slider-chapter-title-color, black);
}

:where(.dark .vds-audio-layout .vds-slider-chapter-title) {
  color: var(--audio-slider-chapter-title-color, white);
}

:where([data-buffering] .vds-audio-layout .vds-slider-progress) {
  --stripe-color: var(--audio-buffering-stripe-color, rgb(0 0 0 / 0.25));
  --stripe-size: var(--audio-buffering-stripe-size, 30px);
  width: 100% !important;
  background-image: linear-gradient(
    -45deg,
    var(--stripe-color) 25%,
    transparent 25%,
    transparent 50%,
    var(--stripe-color) 50%,
    var(--stripe-color) 75%,
    transparent 75%,
    transparent
  );
  background-size: var(--stripe-size) var(--stripe-size);
  animation: vds-audio-track-progress var(--audio-buffering-stripe-speed, 2s) linear infinite;
}

@keyframes vds-audio-track-progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: var(--stripe-size) var(--stripe-size);
  }
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Volume Slider
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-volume) {
  --media-slider-height: var(--audio-volume-height, 96px);
  --media-slider-preview-offset: 6px;
  --gap: var(--audio-volume-gap, 16px);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

:where(.vds-audio-layout .vds-volume-popup) {
  position: absolute;
  bottom: calc(100% + var(--gap));
  left: 50%;
  opacity: 0;
  transform: translateX(-50%);
  transition:
    opacity 150ms ease-out,
    visibility 150ms ease-out;
  border-radius: var(--audio-volume-border-radius, 8px);
  filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)));
  visibility: hidden;
}

/* safe area. */

.vds-audio-layout .vds-volume-popup::after {
  content: '';
  position: fixed;
  bottom: calc(-1 * var(--gap));
  right: 0;
  width: 100%;
  height: var(--gap);
  z-index: 1;
  pointer-events: auto;
}

.vds-audio-layout .vds-volume-popup {
  background-color: var(--audio-volume-bg, var(--media-menu-bg, var(--default-bg)));
  border: var(--audio-volume-border, var(--default-border));
}

.light .vds-audio-layout .vds-volume-popup,
.vds-audio-layout.light .vds-volume-popup {
  --default-bg: rgb(250 250 250);
  --default-border: 1px solid rgb(10 10 10 / 0.1);
}

.dark .vds-audio-layout .vds-volume-popup,
.vds-audio-layout.dark .vds-volume-popup {
  --default-bg: rgb(10 10 10);
  --default-border: 1px solid rgb(255 255 255 / 0.1);
}

:where(.vds-audio-layout .vds-volume[data-active] .vds-volume-popup),
:where(.vds-audio-layout .vds-volume:has([data-active]) .vds-volume-popup) {
  transition:
    opacity 150ms ease-in,
    visibility 150ms ease-in;
  opacity: 1;
  visibility: visible;
}

:where(.vds-audio-layout .vds-volume[data-active] .vds-tooltip-content) {
  display: none !important;
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Menus
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-menu-items[data-root]) {
  max-height: var(--audio-menu-max-height, 320px);
}

/*
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Captions
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

:where(.vds-audio-layout .vds-captions) {
  --cue-font-size: calc(var(--audio-cue-font-size, 14px) * var(--media-user-font-size, 1));
  display: inline-block;
  position: absolute;
  width: 100%;
  top: unset;
  bottom: calc(100% + var(--audio-captions-offset, 4px));
  text-align: center;
  background-color: var(--media-user-display-bg, var(--media-cue-display-bg));
}

:where([data-preview] .vds-audio-layout .vds-captions),
:where([data-paused] .vds-audio-layout .vds-captions) {
  opacity: 0;
}

@media (pointer: coarse) {
  .vds-audio-layout[data-scrubbing] :where(.vds-button, .vds-time) {
    max-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: max-width 150ms ease-out;
  }
}

/*************************************************************************************************
 * Player
 *************************************************************************************************/

media-player {
    --brand-color: #ec7d28;
    --focus-color: #d76d2a;

    --audio-brand: var(--brand-color);
    --audio-focus-ring-color: var(--focus-color);
    --audio-border-radius: 2px;

    --video-brand: var(--brand-color);
    --video-focus-ring-color: var(--focus-color);
    --video-border-radius: 2px;

    /* 👉 https://vidstack.io/docs/player/components/layouts/default#css-variables for more. */
}

media-player[data-view-type="audio"] media-poster {
    display: none;
}

media-player[data-view-type="video"] {
    /* aspect-ratio: 16 /9; */
}

media-poster.vds-poster img {
    -o-object-fit: cover;
       object-fit: cover;
}
media-encoding-status {
    --media-encoding-status-text-color: #ffffff;
    --media-encoding-status-bg-color: #000000;
    --media-encoding-status-bg-opacity: 20%;

    --media-encoding-status-text-shadow-color: #000000;

    --media-encoding-status-icon-color-inprogress: #ec7d28;
    --media-encoding-status-icon-color-error: #ff0000;
}