/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

tr {
  border: 1px solid transparent;
}

td {
  border: 1px solid transparent;
}

td,
th {
  padding: 0;
}

:where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.050em;--font-letterspacing-3:.075em;--font-letterspacing-4:.150em;--font-letterspacing-5:.500em;--font-letterspacing-6:.750em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.50,0,1,1);--ease-in-3:cubic-bezier(.70,0,1,1);--ease-in-4:cubic-bezier(.90,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.50,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-5:cubic-bezier(.5,1.75,.75,1.25);--ease-squish-1:cubic-bezier(.5,-.1,.1,1.5);--ease-squish-2:cubic-bezier(.5,-.3,.1,1.5);--ease-squish-3:cubic-bezier(.5,-.5,.1,1.5);--ease-squish-4:cubic-bezier(.5,-.7,.1,1.5);--ease-squish-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.6180/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--grape-0:#f8f0fc;--grape-1:#f3d9fa;--grape-2:#eebefa;--grape-3:#e599f7;--grape-4:#da77f2;--grape-5:#cc5de8;--grape-6:#be4bdb;--grape-7:#ae3ec9;--grape-8:#9c36b5;--grape-9:#862e9c;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75%,at 110%,#f0f,#fffaf0);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50%,at 0%,#111,50%,#222,#111);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40%,at -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25%,at -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50%,at 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50%,at -250%,#374151,#111827,#000);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50%,at -25%,blue,#8a2be2);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,0.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,0.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,0.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,0.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,0.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,0.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25%,at 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0%,at 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125%,at 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50%,at 105%,#fff,orchid);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,hsl(250 100% 85%/0%)),radial-gradient(circle at bottom left,#86acf9,hsl(220 90% 75%/0%));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,hsl(150 100% 84%/0%));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px,calc(100vw - 100%) * 1e5,var(--radius-6))}@media (prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%}}@keyframes fade-in{to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translateX(100%)}}@keyframes slide-out-left{to{transform:translateX(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}}@keyframes slide-in-left{0%{transform:translateX(100%)}}@keyframes shake-x{0%,to{transform:translateX(0)}20%{transform:translateX(-5%)}40%{transform:translateX(5%)}60%{transform:translateX(-5%)}80%{transform:translateX(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}


.HelpBubbleWrapper {
    position: absolute;
    display: none;
    width: 255px;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid;
    border-color: #bbb #bbb #a8a8a8;
    z-index: 999
}
.HelpBubbleWrapper.visible {
    display: block
}
.HelpBubbleWrapper>.HelpBubbleWrapperArrow {
    position: absolute;
    width: 12px;
    height: 12px
}
.HelpBubbleWrapper>.HelpBubbleWrapperArrow:before,
.HelpBubbleWrapper>.HelpBubbleWrapperArrow:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingUp {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin-top: 12px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingUp>.HelpBubbleWrapperArrow {
    top: 0;
    left: 50%
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingUp>.HelpBubbleWrapperArrow:before {
    border-top: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #bbb;
    border-left: 13px solid transparent;
    bottom: 0px;
    left: calc(-50% - 1px)
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingUp>.HelpBubbleWrapperArrow:after {
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    border-left: 12px solid transparent;
    bottom: 0px;
    left: -50%
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingRight {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
    margin-left: -12px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingRight>.HelpBubbleWrapperArrow {
    top: 50%;
    right: -12px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingRight>.HelpBubbleWrapperArrow:before {
    border-top: 13px solid transparent;
    border-right: 0px solid #bbb;
    border-bottom: 13px solid transparent;
    border-left: 13px solid #bbb;
    left: 0px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingRight>.HelpBubbleWrapperArrow:after {
    border-top: 12px solid transparent;
    border-right: 0px solid #fff;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #fff;
    left: 0px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingDown {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    margin-top: -12px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingDown>.HelpBubbleWrapperArrow {
    bottom: 0;
    left: 50%
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingDown>.HelpBubbleWrapperArrow:before {
    border-top: 13px solid #bbb;
    border-right: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent;
    top: calc(200% + 1px);
    left: calc(-50% - 1px)
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingDown>.HelpBubbleWrapperArrow:after {
    border-top: 12px solid #fff;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid transparent;
    top: 200%;
    left: 1px;
    left: -50%
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingLeft {
    -webkit-transform: translate(12px, -50%);
    -ms-transform: translate(12px, -50%);
    transform: translate(12px, -50%)
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingLeft>.HelpBubbleWrapperArrow {
    top: 50%;
    left: -12px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingLeft>.HelpBubbleWrapperArrow:before {
    border-top: 13px solid transparent;
    border-right: 13px solid #bbb;
    border-bottom: 13px solid transparent;
    border-left: 0px solid #bbb;
    right: 0px
}
.HelpBubbleWrapper.HelpBubbleWrapperPointingLeft>.HelpBubbleWrapperArrow:after {
    border-top: 12px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    border-left: 0px solid #fff;
    right: 0px
}

.translateDialog {
    display: block;
    width: 300px;
    height: 300px;
    border: 1px solid gainsboro;
}

.form_DataEntry {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  margin-left: -11px;  
  overflow-y: auto;
}

.form_DataEntry:hover .dropdown-content {
  display: block;
}

.activeTranslation {
    background-image: url(/[-doccontext-]/content/green-tick.png) !important;
}

.translateAddRow {
    width: 24px;
    height: 24px;
    background-image: url(/[-doccontext-]/content/plus-4-xxl.png);
    right: 30px;
    top: 0px;
    background-size: cover;
    display: inline-block;
    vertical-align: top;
}

.rightAlign {
    text-align: right;
}

.rightAlign input {
    text-align: right;
}

.userCanSelect {
  -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text; /* Safari */
     -khtml-user-select: text; /* Konqueror HTML */
       -moz-user-select: text; /* Firefox */
        -ms-user-select: text; /* Internet Explorer/Edge */
            user-select: text; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: none;
}
html, body {
    height: 100%;
    margin:0;
    padding:0;
}

#pageForm {
    position: relative;
  min-height: 100vh;
    margin:0; padding:0;
}

.touchScrollable { -webkit-overflow-scrolling: touch !important;}

@media print {

body {
  background-color: white !important;
}

#pageForm>div:not(.printable) {
    display: none !important;
    visibility: hidden;
  }

  .printable {
    display: block !important;
    visibility: visible;
  }

}  



.attributeContainer {
    display: flex;
    border-bottom: 1px solid whitesmoke;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    width: 600px;
    font-family: 'Open Sans';
    font-size: 10pt;
    max-width: 100%;    
}

.attributeName {
    display: inline-block !important;
    width: 200px;
}

.attributeName:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; /* Adjusts for spacing */
}

.attributeName span {
 vertical-align: middle;
  display: inline-block;
}

.attributeValue {
    display: inline-block !important;
    width: calc( 100% - 220px );
}

.attributeClose {

    cursor: pointer;
    display: inline-block;
    padding-left: 10px;
    background-image: url(/.Platform/core/1.0.0/images/minus-circle-solid-silver.png);
    color: whitesmoke;
    background-size: 12px;
    background-repeat: no-repeat;    
    padding: 5px;
    width: 30px;
    background-position-x: 6px;
    background-position-y: 12px;

}

.attributeNumber {
    display: inline-block !important;
    width: 140px;
    margin-right: 5px;  
}

.numRangeWord {
    display: inline-block;
    padding-left: 5px;
    padding-right: 10px;
}

.attributePrefix {
    display: inline-block;
    padding-right: 6px;
}

.attributeSuffix {
    display: inline-block;
    padding-left: 6px;
}

.attributeUOM {
    display: inline-block !important;
    width: 110px;   
}

.attributeUOMrangeWord {
    display: inline-block;
    padding-left: 10px;    
    padding-right: 10px;
    font-weight: bold;
}


.attributeUOMrangeWord_ml {
    display: block;
    padding-bottom: 10px;
    text-align: center;
}

.attributeUOMseg,.attributeUOMsegPrefix,.attributeUOMsegValue,.attributeUOMsegSuffixB,.attributeUOMsegUnit,.attributeUOMsegSuffixE {
    display: inline-block !important;
}

.attributeUOMsegSuffixE {
    padding-right: 6px;
}


.attributeUOMsegPrefix {
    min-width: 20px;
    padding-bottom: 20px;
}

.attributeUOMsegSuffixB,.attributeUOMsegUnit,.attributeUOMsegSuffixE {
   padding-left: 6px;   
}

.searchAttribute_filters {
    padding-top: 10px;
    padding-bottom: 10px;
}

.searchAttribute_addNew_bottom {
    padding-top: 10px;    
    border-top: 2px solid gainsboro;
}

.searchAttribute_addNew_top {
    padding-bottom: 10px;
    border-bottom: 2px solid gainsboro;
}

.searchAttributeContainer {
    border-bottom: 1px solid whitesmoke;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: 'Open Sans';
    font-size: 10pt;      
    padding-left: 0px;
    width: 100%;
}

.attributeNameHeader {
    display: block !important;
    width: 100%;
    padding-bottom: 4px;
    font-size: 9pt;
    color: darkgray;    
}

.searchAttributeName {
    display: inline-block !important;
}

.searchAttributeClose {
    display: inline-block !important;
    float: right;
    cursor: pointer;
    padding-right: 2px;
    padding-left: 10px;
    background-image: url(/.Platform/core/1.0.0/images/minus-circle-solid-silver.png);
    color: whitesmoke;
    background-size: 12px;
    background-repeat: no-repeat;
    width: 14px;
    background-position-y: 4px;
    height: 30px;
    vertical-align: top;
}

.searchAttributeValue {
    display: block !important;
    width: 100%;
}

.searchAttribute_addNewFilterBy {
   display: inline-block !important;
   vertical-align: top;
   width: calc( 100% - 100px );
}
.searchAttribute_addNewApply {
   display: inline-block !important;
   vertical-align: top;
   width: 80px;
   margin-left: 10px;   
}

* {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */  
}

body { font-family: "Open Sans","Arial"; 
       font-size: 10pt;
       margin: 0 0 0 0;  
       background-color: white;  }


:root {
  --100vh: calc( 100vh );
  --100vw: calc( 100vw );
  --max-page-width: 1100px;
}

html {
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}    

body {
  overflow-y: auto !important;
}

#surfaces {
  min-height: calc( 100vh );
  height: calc( 100vh );
}

.wcSurface {
  xopacity:  0.5;
  min-height: 100%;
  height: 100%;
}

.wcLoadingAnimation {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  xbackground-color: limegreen;
  xheight: 100%;
  xwidth: 100%;  
  justify-content: center;
  align-content: center;
  align-items: center;  
}

.wcLoadingAnimation img {
    width: 140px;
    height: 140px;
    border: 1px solid rgb(220 220 220 / 25%);
    padding: 20px;
}

.xxwcSurfaceLoading .wcLoadingAnimation {
  display: block;
  display: flex;  
}

.wcSurfaceLoading {
  opacity:  0.2;
  pointer-events: none;
  xpadding: 20px;
  xbackground-color: orange!important;
}

.wcSurfaceLoaded {
  opacity:  1;
  transition: opacity 0.25s;
}

.wcNode {
  background-repeat: no-repeat;
  flex-wrap: wrap;
  vertical-align: top;
  position: relative;
  max-width: 100%;
}

.wcActiveNode {
  outline-color: cadetblue;
  outline-style: dashed;
  outline-offset: 4px;
  outline-width: 1px;
}

.wcNoIcon {
  min-width: 32px;
  min-height: 32px;
  color:  silver;
  font-size: 32px;  
}

.wcNoImage {
  min-width: 48px;
  min-height: 48px;
  color:  silver;
  font-size: 48px;
}

.wcAnyIcon,.wcFontIcon,.wcImage {
  display: inline-block;
}

.wcText {
  overflow: hidden;
  overflow-wrap: break-word;
  /* min-width: 1em; */
  /* min-height: 1em; */
}

.wcTree li {
  border-bottom: 1px dotted gainsboro;
  white-space: nowrap;
}

.wcTree .wcParentTreeItemNode {
  display: flex;
  align-items: baseline;    
}

.wcTree li:last-child {
  border-bottom: 1px dotted transparent;
}

.wcTree ul.wcTreeChildren {
    list-style-type: none;
    border-top: 1px dotted gainsboro;
}

.wcRowIndent {
    display: none;
}

.wcRowNotExpandable {
    display: none;
}

.tsCollapsed>.wcTreeChildren {
  display: none;
}

.wcRowExpanded,.wcRowCollapsed {
  display: none;
}

.tsCollapsed>.wcParentTreeItemNode>.wcRowCollapsed {
  display: inline-block;  
}

.tsCollapsed[data-hc="0"]>.wcParentTreeItemNode>.wcRowIndent {
  display: inline-block;   
}

.tsCollapsed[data-hc="0"]>.wcParentTreeItemNode>.wcRowCollapsed {
  display: none; 
}

.tsExpanded>.wcParentTreeItemNode>.wcRowExpanded {
  display: inline-block;  
}

.tsExpanded[data-hc="0"]>.wcParentTreeItemNode>.wcRowExpanded {
  display: none;
}

.tsCollapsed[data-hc="0"]>.wcParentTreeItemNode>.wcRowNotExpandable {
    display: inline-block;
}

.wcSlideContainer .wcDesignedSlide {
  display: none;
}

.wcActiveSlide {
  display: block !important;
}

.wcList {
  list-style: none;
}

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


.wcIconAsImage {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.wcVideoWrapper {
  padding: 10px;
}

.wcForm > .wcNode {
  display:  none;
}

.stateNotVisible {
    display: none !important;
}

.wcDialog {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100vh;
}

.wcPopup {
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;  
}

.wcGestureCover {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.wcStackedDialog {
    width: 100%;
    height: 100%;
    position: fixed;
}    

.wcFloatingHost {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    pointer-events: none;
}

.wcPopupHost {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0px;
    left: 0px;
    xpointer-events: none;
    display: none;
}

input, select {
    background-color: transparent;
}

.wcActionBar {
    padding-top: 10px;
    display: flex;
    gap: 10px;
    padding: 16px;
    background-color: white;
    border-top: 1px solid gainsboro;
    border-top: 1px solid rgb(220 220 220 / 50%);
    padding-top: 14px;
}

.wcAutoUI_AnObject_Title  {
    padding-bottom: 10px;
}

.vsExpandHorz {
  flex-grow: 1;
}

.wcFullScreeniFrame {
    width: 100%;
    height: 100%;
}

#surfaces>.wcFullScreeniFrame { 
    height: calc( 100vh - 4px );
}

.vsAutoUI {
    height: 100%;
}

.wcFieldList {
    height: 100%;
    overflow: auto;
    padding-right: 10px;
    padding: 16px;
}

.wcFieldList>div {
  padding-bottom: 10px;
}

.wcFieldList>div:empty {
  padding-bottom: 0px;
}

.textAdd,.textEdit,.textDelete {
    display: none;
}

.vsContainerInAdd .textNormal,
.vsContainerInEdit .textNormal,
.vsContainerInDelete .textNormal {
  display: none;
}


.vsContainerInAdd .textAdd {
    xdisplay: inline;
}

.vsContainerInEdit .textEdit {
    xdisplay: inline;
}

.vsContainerInDelete .textDelete {
    xdisplay: inline;
}

video {
    max-width: 100%;
    max-height: 100%;
}
.wcText .scBold {
	font-weight: bold;
}

.wcText .scItalic {
	font-style: italic;
}

.wcText .scUnderline {
	text-decoration: underline;
}

.wcText .scStrikethrough {
	text-decoration: line-through;
}

.wcText .scSuperscript {
  vertical-align: super;
  font-size: smaller;
}

.wcText .scSubscript {
  vertical-align: sub;
  font-size: smaller;
}

.wcText .scAction {
  cursor: pointer;
  text-decoration: underline;
}

.wcText ul {
    list-style-position: outside;
    padding-left: 20px;
}

.wcText .scAlignLeft {
  text-align:  left;
}

.wcText .scAlignCenter {
  text-align:  center;
}

.wcText .scAlignRight {
  text-align:  right;
}

.wcText .scAlignJustify {
  text-align:  justify;
}

.wcText table {
  width: 100%;
  table-layout: fixed;
}

.wcText table,tr,td {
    border: 1px dotted gainsboro !important;
}

.wcText img {
    width: auto;
    height: auto;
    max-width: 100%;
}