/* Local mode: animation-fixes.css
**************************************/

.no-animate,
.no-animate *,
.no-animate *:before,
.no-animate *:after,
body.resizing,
body.resizing *,
html.init,
html.init *,
html.init *:before,
html.init *:after {
    -webkit-transition:none !important;
    -moz-transition:none !important;
    -ms-transition:none !important;
    -o-transition:none !important;
    transition:none !important;
}

body.resizing,
body.resizing * {
    -webkit-animation-play-state:paused !important;
    animation-play-state:paused !important;
    -moz-animation-play-state:paused !important;
    -o-animation-play-state:paused !important;
}

/* This will increase performance a lot */
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader .entries,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Entitylist,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader .Readerentry,*/
/*html.desktop[data-desktop="1"] body.authorized.resizing .Reader > * {*/
/*    visibility:hidden !important;*/
/*}*/

html.desktop[data-desktop="1"] body.authorized.resizing > main:after {
    content:'';
    z-index:9999999;
    background:rgba(0, 0, 0, .5);
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
}




/* Local mode: animation-vars.css
**************************************/

@-webkit-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes ani-attention {
    5% {
        opacity:1;
    }
    10% {
        opacity:0;
    }
    15% {
        opacity:1;
    }
    20% {
        opacity:0;
    }
    25% {
        opacity:1;
        color:#FF0000;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-moz-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-o-keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@keyframes ani-pulsate {
    0% {
        opacity:1;
    }
    50% {
        opacity:.5;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@-moz-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@-o-keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}

@keyframes ani-jump-down {
    0% {
        transform:translateY(0);
    }
    50% {
        transform:translateY(5px);
    }
    100% {
        transform:translateY(0);
    }
}





@-webkit-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@-o-keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}

@keyframes ani-rotate-attention {
    0% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
    50% {
        transform-origin:50% 50%;
        transform:rotate(-3deg);
    }
    100% {
        transform-origin:50% 50%;
        transform:rotate(0deg);
    }
}







@-moz-keyframes ani-spin {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes ani-spin {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes ani-spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@-moz-keyframes ani-rotate-45 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(45deg);
    }
}

@-webkit-keyframes ani-rotate-45 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(45deg);
    }
}

@keyframes ani-rotate-45 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(45deg);
    }
}

@-moz-keyframes ani-rotate-45-back {
    from {
        -moz-transform:rotate(45deg);
    }
    to {
        -moz-transform:rotate(0deg);
    }
}

@-webkit-keyframes ani-rotate-45-back {
    from {
        -webkit-transform:rotate(45deg);
    }
    to {
        -webkit-transform:rotate(0deg);
    }
}

@keyframes ani-rotate-45-back {
    from {
        transform:rotate(45deg);
    }
    to {
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-90 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(90deg);
    }
}

@-webkit-keyframes ani-rotate-90 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(90deg);
    }
}

@keyframes ani-rotate-90 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(90deg);
    }
}

@-moz-keyframes ani-rotate-90-back {
    from {
        -moz-transform:rotate(90deg);
    }
    to {
        -moz-transform:rotate(0deg);
    }
}

@-webkit-keyframes ani-rotate-90-back {
    from {
        -webkit-transform:rotate(90deg);
    }
    to {
        -webkit-transform:rotate(0deg);
    }
}

@keyframes ani-rotate-90-back {
    from {
        transform:rotate(90deg);
    }
    to {
        transform:rotate(0deg);
    }
}

@-moz-keyframes ani-rotate-180 {
    from {
        -moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(180deg);
    }
}

@-webkit-keyframes ani-rotate-180 {
    from {
        -webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(180deg);
    }
}

@keyframes ani-rotate-180 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(180deg);
    }
}

@-moz-keyframes ani-rotate-180-back {
    from {
        -moz-transform:rotate(180deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes ani-rotate-180-back {
    from {
        -webkit-transform:rotate(180deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes ani-rotate-180-back {
    from {
        transform:rotate(180deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes ani-width-grow {
    from {
        width:0%;
    }
    to {
        width:100%;
    }
}




/* Local mode: box.css
**************************************/

*, 
*:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}




/* Local mode: console-debug.css
**************************************/

body > .response-prompt {
    color:#000;
    position:fixed;
    top:0px;
    left:50%;
    z-index:9999999;
}

html.mobile body > .response-prompt {
    margin-left:-50%;
    width:100%;
    margin-top:20px;
}

html.desktop body > .response-prompt,
html.tablet body > .response-prompt {
    margin-left:-20%;
    width:40%;
}

body.prompting > *:not(.response-prompt) {
    opacity:.5;
}

body > .response-prompt > .response {
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

    background:#FAFAFA;
    text-align:center;
    margin-top:2px;
    border-radius:5px;
    position:relative;
    overflow:hidden;
    padding: 10px;
}

body > .response-prompt > .response.info {
    min-height:40px;
    padding:15px 75px 15px 15px;
    text-align:left;
}

body > .response-prompt > .response.info.is-auto > h3 {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

}

body > .response-prompt > .response.info.is-auto:after {
    content:'';
    height:2px;
    background:#58a9da;
    width:0%;
    bottom:0px;
    left:0px;
    display:block;
    position:absolute;
    animation:ani-width-grow 3s 1 linear;
    animation-fill-mode:forwards;
}

body > .response-prompt > .response.info > h3:empty {
    display:none;
}

body > .response-prompt > .response.info.is-auto > h3 {
    display:block;
    margin-right:5px;
    color:#58a9da;
}

body > .response-prompt > .response.info > .proceed {
    position:absolute;
    right:0px;
    top:50%;
    /*height:29px;*/
    margin-top:-15px;
    border-radius:3px;
}

body > .response-prompt > .response.info > h3,
body > .response-prompt > .response.info > .context {
    padding:0;
}

body > .response-prompt > .response.info > .context {
    text-align:left;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline;
}

body > .response-prompt > .response.sys > .context {
    text-align:left;
    background:#F0F0F0;
    max-height:500px;
    overflow:hidden;
    overflow-y:auto;
    font-size:16px;
}

body > .response-prompt > .response.sys > .context pre {
    max-height:250px;
    overflow:hidden;
    overflow-y:auto;
    overflow-x:auto;
}

body > .response-prompt > .response > h3 {
    padding:4px 2px;
}

body > .response-prompt > .response.sys > h3 {
    background:#FAFAFA;
    color:#414652;
}

body > .response-prompt > .response.lost > h3 {
    color:#FF9191;
}

body > .response-prompt > .response > .context > .stack {
    max-height:200px;
    text-align:left;
    overflow:auto;
}

body > .response-prompt > .response > .context {
    font-size:20px;
    padding:15px 30px;
    overflow-wrap:break-word;
    font-weight:300;
}

body > .response-prompt > .response > button:active,
body > .response-prompt > .response > button:hover {
    background:#58a9da;
    color:#326c8e;
}

body > .response-prompt > .response > button {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    margin:8px;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    padding:10px 15px;
    border-radius:2em;
    display:inline-block;
    background:#414652;
    color:#FFF;
    border:0;
    cursor:pointer;
}




/* Local mode: default.css
**************************************/

h1, h2, h3, h4, h5, b, strong {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    margin:0px;
}

body {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

html.desktop {
    font-size:14px;
}

html:not(.desktop) {
    font-size:15px;
}

.href > span[data-icon],
.href,
a,
a:link,
a:visited {
    cursor:pointer;
    color:#aab1c3;
}

.href:hover,
a:hover {
    color:#7d95cc;
}

strong *,
b * {
    font-size:inherit;
    font-weight:inherit;
    font-family:inherit;
    color:inherit;
}

b {
    font-family:inherit;
    font-weight:700;
}





/* Local mode: loading.css
**************************************/

body.busy {
    cursor:wait;
}




/* Local mode: preloader.css
**************************************/

.preloader {
        position:fixed;
        z-index:9999;
        top:0px;
        left:0px;
        background-color:#ffdd88;
        height:1px;
        margin-top:1px;
        width:100%;
}
.preloader.k {
        opacity:0;
}




/* Local mode: scrollbar.css
**************************************/

html.desktop *::-webkit-scrollbar {
    width:10px;
    height:7px;
}

html.desktop *::-webkit-scrollbar-thumb {
    background:#a9b1c3;
    border-radius:2px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

html.desktop *::-webkit-scrollbar-thumb:hover {
    background:#343740;
}

html.desktop *::-webkit-scrollbar-track {
    background:#d6d8dc;
}




/* Local mode: shortcuts.css
**************************************/

body.block,
body.block * {
    cursor:default;
}




/* Local mode: font-import_uri.css
**************************************/

/**
 * @license
 * MyFonts Webfont Build ID 4204053, 2021-11-01T03:53:22-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Fractul-Hairline by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/hairline/
 * 
 * Webfont: Fractul-Thin by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/thin/
 * 
 * Webfont: Fractul-Light by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/light/
 * 
 * Webfont: Fractul-LightItalic by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/light-italic/
 * 
 * Webfont: Fractul-Regular by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/regular/
 * 
 * Webfont: Fractul-Italic by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/italic/
 * 
 * Webfont: Fractul-Medium by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/medium/
 * 
 * Webfont: Fractul-SemiBold by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/semi-bold/
 * 
 * Webfont: Fractul-Bold by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/bold/
 * 
 * Webfont: Fractul-ExtraBold by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/extra-bold/
 * 
 * Webfont: Fractul-Black by Adam Ladd
 * URL: https://www.myfonts.com/fonts/adam-ladd/fractul/black/
 * 
 * 
 * Webfonts copyright: Copyright © 2019 by Adam Ladd. All rights reserved.
 * 
 * © 2021 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/402615");

@font-face {
    font-family:"Fractul";
    font-weight:100;
    /*font-family:"Fractul-Hairline";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulHairline/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulHairline/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:200;
    /*font-family:"Fractul-Thin";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulThin/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulThin/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:300;
    font-style:italic;
    /*font-family:"Fractul-LightItalic";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulLightItalic/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulLightItalic/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:300;
    /*font-family:"Fractul-Light";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulLight/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulLight/font.woff') format('woff');
}

@font-face {
    /*font-family:"Fractul-Italic";*/
    font-family:"Fractul";
    font-weight:400;
    font-style:italic;
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulItalic/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulItalic/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:400;
    /*font-family:"Fractul-Regular";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulRegular/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulRegular/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:500;
    /*font-family:"Fractul-Medium";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulMedium/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulMedium/font.woff') format('woff');
}

@font-face {
    /*font-family:"Fractul-Bold";*/
    font-family:"Fractul";
    font-weight:600;
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulBold/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulBold/font.woff') format('woff');
}


@font-face {
    font-family:"Fractul";
    font-weight:700;
    /*font-family:"Fractul-SemiBold";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulSemiBold/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulSemiBold/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:800;
    /*font-family:"Fractul-ExtraBold";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulExtraBold/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulExtraBold/font.woff') format('woff');
}

@font-face {
    font-family:"Fractul";
    font-weight:900;
    /*font-family:"Fractul-Black";*/
    src:url('https://assets.uify.nl/library/core/fonts/fractul/FractulBlack/font.woff2') format('woff2'), url('https://assets.uify.nl/library/core/fonts/fractul/FractulBlack/font.woff') format('woff');
}

html {
    --font-alt:'Fractul';
    --font-alt-space:-.035em;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body strong {
    font-family:'Fractul';
    font-weight:600;
}




/* Local mode: ValueAsDatalist.css
**************************************/

.Value.Datalist {

}





/* Local mode: ValueAsDatalistPulldown.css
**************************************/

.Value.Datalist.Pulldown {
    padding:0px !important;
    border:1px #E3E3E3 solid;
}




/* Local mode: auths.css
**************************************/

body[data-at="a1"] .a4,
body[data-at="a1"] .a3,
body[data-at="a1"] .a2 {
    display:none !important;
}

body[data-at="a2"] .a4,
body[data-at="a2"] .a3 {
    display:none !important;
}

body[data-at="a3"] .a4 {
    display:none !important;
}




/* Local mode: body-html.css
**************************************/

html, body {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    opacity:1;
}

body.initializing {
    visibility:hidden;
}

body {
    overflow-x:hidden;
    font-size:14px;
    color:#414652;
    padding:0px;
}

html.mobile body.nav-top-open {
    overflow:hidden;
}

html.desktop body {
    overflow-y:auto;
}




/* Local mode: DomFooter.css
**************************************/

body > main > footer:not(:has( > .as-icon)) {
    background:#FFF;
}

body > main > footer {
    position:fixed;
    text-align:right;
    z-index:999999999999999999;
    color:#5b6680;
    padding:5px 10px;
    font-size:11px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

body > main > footer.a-center {
    text-align:center;
    width:100px;
    margin-left:-50px;
    left:50%;
    bottom:0px;
}

body > main > footer.a-left {
    bottom:0px;
    left:0px;
}

body > main > footer:not(.a-left):not(.a-center) {
    bottom:0px;
    right:0px;
}

footer a:active,
footer a:hover {
    color:#58a9da;
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

footer a {
    color:#326c8e;
    text-decoration:none;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

footer:empty {
    display:none;
}




/* Local mode: DomImg.css
**************************************/

.Img.p {
    /*  transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
*/
}


.Img.p.preloading {
    /*  animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;
*/
    opacity:.25;
    filter:blur(5px);
}

.Img.p:not(.preloading) {
    filter:blur(0px);
    opacity:1;
}





/* Local mode: DomImgSvg.css
**************************************/

.Unit.Button > .Img.Svg:not(.exact) {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    transform:translateY(1px);
}

.Unit.Button:active > .Img.Svg,
.Unit.Button:hover > .Img.Svg {
    filter:drop-shadow(1px 1px 0px rgba(30, 30, 30, .1)) brightness(1.5);
}




/* Local mode: Remove.css
**************************************/

.Unit.Button.Remove {
    background:#FFCAC3;
    color:#5b6680;
}
.Unit.Button:hover,
.Unit.Button:active {
    color:#3f4451;
}





/* Local mode: UnitButton.css
**************************************/

.Unit.Button {
    background:none;
    outline:none;
    cursor:pointer;
    border:0;
}

.Unit.Button > svg,
.Unit.Button > span.fms {
    vertical-align:middle;
}

.Unit.Button.is-toggle.is-toggled svg:not(.is-alt),
.Unit.Button.is-toggle:not(.is-toggled) svg.is-alt {
    display:none;
}

.Unit.Button.is-locked {
      user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;

    opacity:.5;
}




/* Local mode: UnitButtonPlain.css
**************************************/

.Unit.Button.Plain {
    padding:2px 4px;
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline-block;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:relative;
    color:#5b6680;
}

.Unit.Button.Plain:hover,
.Unit.Button.Plain:active {
    color:#6bb586;
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Unit.Button.Plain:active {
    transform:scale(.95);
}

.Unit.Button.Plain.active {
    color:#FFF;
}




/* Local mode: UnitButtonSquare.css
**************************************/

.Unit.Button.Square {
    padding:10px 15px;
    font-size:16px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:inline-block;
      border-radius:0px;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  -o-border-radius:0px;
  -ms-border-radius:0px;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:relative;
    background:var(--grey-lightest);
    color:var(--grey-dark);
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}

.Unit.Button.Square:hover,
.Unit.Button.Square:active {
    color:var(--color-heading-light);
    background:var(--color-heading-dark);
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Unit.Button.Square.is-invert {
    background:var(--color-heading-dark);
    color:#FFF;
}

.Unit.Button.Square.is-invert:hover,
.Unit.Button.Square.is-invert:active {
    color:var(--color-heading-dark);
    background:var(--color-heading-light);
}

.Unit.Button.Square:active {
    transform:scale(.99);
}

html.touch body .Unit.Button.Square {
    padding:8px 16px;
}

html.mobile body .Unit.Button.Square {
    font-size:13px;
}




/* Local mode: Entityrender.css
**************************************/

.Entityrender {
    position:relative;
}

html.touch .app.pilkes .Reader:not(.plain) > .list > .entries > .Readerentry > .Entityrender {
    padding:15px;
}

/* Quick/n/d only pilkes apps have this padding */
html.desktop .app.pilkes .Reader:not(.plain) > .list > .entries > .Readerentry > .Entityrender {
    padding:15px;
}

/* Custom treatment generalized Body html markup */
.Entityrender .Body.v > div {
    margin-bottom:1em;
}

.Entityrender .Body.v > div > div div {
    margin-left:10px;
    padding-left:5px;
}

.Entityrender .Body.v > div div {
    margin-bottom:1em;
}





/* Local mode: EntityrenderAuto.css
**************************************/

.Entityrender.Auto {

}

.Entityrender .Auto div.Level,
.Entityrender.Auto div.Level {
    line-height:15px;
}

.Entityrender .Auto .Level.Group,
.Entityrender.Auto .Level.Group {
    margin-top:5px;
}

.Entityrender .Auto .Level.Group > .key,
.Entityrender.Auto .Level.Group > .key {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Entityrender .Auto .Level .key,
.Entityrender.Auto .Level .key {
    color:#AAA;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    font-size:11px;
}

.Entityrender .Auto div.Level .value:empty,
.Entityrender.Auto div.Level .value:empty {
    content:'/';
}

.Entityrender .Auto div.Level.Expression .value {
    white-space:pre;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    color:#5b6680;
}

.Entityrender .Auto div.Level .value,
.Entityrender.Auto div.Level .value {
    display:block;
    padding:4px 2px;
    font-size:11px;
}

.Entityrender .Auto .Level,
.Entityrender.Auto .Level {
    margin-left:0px;
    padding-left:15px;
    border-left:1px #FAFAFA solid;
}




/* Local mode: Global-Title.css
**************************************/

.Reader .Entityrender.As > .Title:not(.g):not(.Value) {
    font-size:18px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    color:#5b6680;
}




/* Local mode: Global-id.css
**************************************/

/*.Entityrender > .id {*/
/*    text-align:left;*/
/*}*/

.Reader.Input.open .Entityrender.Input > .id,
.Entityrender.As > .id {
    top:5px;
    text-align:right;
    right:5px;
}

.Entityrender.Input > .id,
.Entityrender.As > .id {
    color:#5b6680;
}

.Entityrender.As > .id {
    position:absolute;
}

.Reader.Input.open .Entityrender.Input > .id {
    position:relative;
    float:right;
}

.Entityrender.Input > .id {
    font-size:9px;
}

.Reader.Input.open .Entityrender.Input.directing {
    padding-right:30px;
}




/* Local mode: Value.css
**************************************/

.Valuegroup.has-resp.resp-err {
    border-left:4px #FF9191 solid;
}

.Valuegroup:not(.Restricted).has-resp.resp-err {
    background:#FFF;
}

.Valuegroup.has-resp.resp-ok {
    border-left:2px #6bb586 solid;
}

.Valuegroup:not(.Restricted).has-resp > .label {
    display:none;
}

.value-response {
    white-space:normal;
    font-size:13px;
    display:block;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    padding-bottom:10px;
}

.has-resp.resp-err .value-response,
.Valuegroup.has-resp.resp-err .value-response {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    color:#FF9191;
}

.has-resp.resp-ok .value-response,
.Valuegroup.has-resp.resp-ok .value-response {
    color:#6bb586;
}

.Valuegroup.has-resp .value-response > b {
    display:block;
}




/* Local mode: ValueAs.css
**************************************/

.Str.Paragraph.Value.As {
    max-width:100%;
    width:100%;
}

/* All value objects (Valueform or Form)*/
.Str.Paragraph.Value.As,
select.Value.As,
input.Value.As,
.Value.As > input.inherit {
    color:#343740;
    border:0px;
}

/* Only value objects with a Valuegroup (Form) */
.Valuegroup .Str.Paragraph.Value.As,
.Valuegroup select.Value.As,
.Valuegroup input.Value.As,
.Valuegroup .Value.As > input.inherit {
    background:rgba(255, 255, 255, .5);
}

/* :FOCUS Only value objects with a Valuegroup (Form) */
.Valuegroup .Str.Paragraph.Value.As:focus,
.Valuegroup .Value.As:focus,
.Valuegroup .Value.As > input.inherit:focus {
    background:rgba(255, 255, 255, 1);
    -webkit-box-shadow:inset 1px 1px 1px rgba(30, 30, 30, 0.1);
    box-shadow:inset 1px 1px 1px rgba(30, 30, 30, 0.1);
}

/* :FOCUS All value objects (Valueform or Form)*/
.Str.Paragraph.Value.As:focus,
.Value.As:focus,
.Value.As > input.inherit:focus {
    outline:none;
}

html.desktop .Str.Paragraph.Value.As,
html.desktop .Value.As > .Value.As > input.inherit,
html.desktop .Value.As {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

/* :FOCUS All value objects within Valuegroup.PLAIN */
.Valuegroup.Plain .Str.Paragraph.Value.As:focus,
.Form .Valuegroup.Plain select.Value:focus,
.Form .Valuegroup.Plain .Value > input.inherit:focus,
.Form .Valuegroup.Plain input.Value:focus {
    background:#FFF !important;
}

.Valuegroup.Restricted .Str.Paragraph.Value.As:focus,
.Form .Valuegroup.Restricted select.Value:focus,
.Form .Valuegroup.Restricted .Value > input.inherit:focus,
.Form .Valuegroup.Restricted input.Value:focus {
    background:#4e525f;
}

.Str.Paragraph.As:active,
input.Value.As:active,
.Value.As > input.inherit:active {
    color:#000;
}

/** Below used to be preceded by .Form  -------------------------------------------------------------------------- */

.Value > input.inherit,
.Value {
    font-size:16px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    position:relative;
}

.Input.Search,
select.Value,
input.Value,
.Value > input.inherit,
.Valuegroup > .Value:not(.Branch):not(.Reader) {
    padding:5px;
}

select.Value,
input.Value,
.Value > input.inherit,
.Valuegroup > .Value:not(.Branch):not(.Reader) {
    background:none;
    border-radius:0;
}

.Input.Search {
    background:rgba(255, 255, 255, .9);
}






/* Local mode: ValueAsBool.css
**************************************/

.Value.As.Bool {
    height:38px;
}

.Value.As.Bool.th-tiny {
    height:20px;
}

.Value.As.Bool {
    position:relative;
    display:inline-block;
    vertical-align:middle;
}

.Value.As.Bool:hover > .guide {
    color:var(--color-heading-dark, #326c8e);
}

.Value.As.Bool.th-tiny > .guide {
    font-size:14px;
    padding-left:47px;
    transform:translateY(1px);
}

.Value.As.Bool > .guide {
    position:relative;
    padding-left:70px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    transform:translateY(9px);
      white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}

.Value.As.Bool * {
    cursor:pointer;
}

/* Hide default HTML checkbox */
.Value.As.Bool > .slider,
.Value.As.Bool > input {
    width:60px;
}

.Value.As.Bool.th-tiny > .slider,
.Value.As.Bool.th-tiny > input {
    width:40px;
}

.Value.As.Bool > input {
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    outline:none;
    opacity:0;
    z-index:999;
    position:absolute;
    top:0px;
    left:0px;
    padding:15px;
    height:29px;
}

/* The slider */
.Value.As.Bool:hover > .slider {
    background-color:rgba(0, 0, 0, .2);
}

.Value.As.Bool > .slider {
    height:30px;
    position:absolute;
    top:4px;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0, 0, 0, .15);
    -webkit-transition:.2s;
    transition:.2s;
}

.Value.As.Bool.th-tiny > .slider {
    height:20px;
    top:0px;
}

.Value.As.Bool.inverted > .slider {
    background-color:var(--color-heading, #58a9da);
}

.Value.As.Bool > .slider:before {
    position:absolute;
    content:"";
    height:26px;
    width:26px;
    left:2px;
    bottom:2px;
    background-color:#FFF;
    /*border:1px #EEE solid;*/
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Value.As.Bool.th-tiny > .slider:before {
    height:16px;
    width:16px;
}

.Value.As.Bool > input:checked + .slider {
    background-color:var(--color-heading, #58a9da);
}

.Value.As.Bool.inverted > input:checked + .slider {
    background-color:#FF9191;
}

.Value.As.Bool > input:focus + .slider {
    box-shadow:0 0 1px var(--color-heading, #58a9da);
}

.Value.As.Bool.th-tiny > input:checked + .slider:before {
    -webkit-transform:translateX(20px);
    -ms-transform:translateX(20px);
    transform:translateX(20px);
}

.Value.As.Bool > input:checked + .slider:before {
    -webkit-transform:translateX(30px);
    -ms-transform:translateX(30px);
    transform:translateX(30px);
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

    /*border:1px #326c8e solid;*/
}

/* Rounded sliders */
.Value.As.Bool > .slider.round {
    border-radius:30px;
}

.Value.As.Bool.th-tiny > .slider.round {
    border-radius:20px;
}

.Value.As.Bool > .slider.round:before {
    border-radius:50%;
}

.Value.As.Bool:not(.requesting):before,
.Value.As.Bool:not(.requesting):before {
    text-shadow:rgba(0, 0, 0, .1) 1px 1px 0px;
}

.Value.As.Bool:not(.requesting).selected:before {
    content:'\2713';
    position:absolute;
    left:10px;
    top:7px;
    font-size:20px;
    z-index:999;
    color:#FFF;
}

.Value.As.Bool.th-tiny:not(.requesting).selected:before {
    left:6px;
}

.Value.As.Bool.th-tiny:not(.requesting):not(.selected):before,
.Value.As.Bool.th-tiny:not(.requesting).selected:before {
    font-size:14px;
    top:1px;
}

.Value.As.Bool.th-tiny:not(.requesting):not(.selected):before {
    left:25px;
}

.Value.As.Bool:not(.requesting):not(.selected):before {
    content:'\2717';
    content:'';
    position:absolute;
    left:37px;
    top:6px;
    font-size:20px;
    z-index:999;
}

.Value.As.Bool:not(.requesting):not(.selected):before {
    color:#FF9191;
}




/* Local mode: ValueAsReader.css
**************************************/

.Value.Reader {
    padding:0px;
    background:none;
    border:none;
}

.Valuegroup.isReader:not(.Restricted) > .label {
    /*display:none;*/
}




/* Local mode: ValueAsStr.css
**************************************/

.Value.Str {
    width:100%;
}




/* Local mode: ValueAsStrColor.css
**************************************/

.Value.Str.Color {
    height:50px;
}




/* Local mode: ValueAsStrDate.css
**************************************/

.Value.Str.Date.invalidated {
    border:1px #FF9191 dotted;
}




/* Local mode: ValueAsStrParagraph.css
**************************************/

.Value.As.Str.Paragraph {
    max-height:300px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:10px !important;
}




/* Local mode: ValueBranch.css
**************************************/

.Value.Branch .Valuegroup {
    padding:5px;
    background:rgba(240, 240, 240, 0.5);
}

.Value.Branch > .Valuegroup .Valuegroup {
    margin-left:5px;
}





/* Local mode: ValueBranchRoot.css
**************************************/

.Value.Branch.Root {

}





/* Local mode: ValueBranchRootBool.css
**************************************/

.Value.Branch.Root.bool-enabler.bool-on {
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}

.Value.Branch.Root.bool-enabler.bool-off > .Valuegroup:not(:first-child) {
    display:none;
}

.Value.Branch.Root.bool-enabler > .Valuegroup:first-child > .Value.As.Bool {
    position:absolute;
    top:50%;
    margin-top:-19px;
    left:5px;
}

.Value.Branch.Root.bool-enabler > .Valuegroup:first-child {
    min-height:41px;
    background:rgba(240, 240, 240, 1);
}

.Value.Branch.Root.bool-enabler.bool-on > .Valuegroup:not(:first-child) {
    background:#FFF;
    border-left:76px rgba(240, 240, 240, 1) solid;
}

.Value.Branch.Root.bool-enabler > .Valuegroup:first-child > .label {
    padding-left:75px;
    padding-bottom:0px;
}




/* Local mode: ValueGroupInStyleBrand.css
**************************************/

.Value.Branch.Root.Style.Brand {
    padding:5px 0px;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:2px;
}





/* Local mode: DomDivAsMarkupEditor.css
**************************************/

.Valueapp.Editor > .Markup.Editor {
    background:#b76a6a;
    padding:5px;
    margin: 10px 0px;
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}

.Valueapp.Editor > .Markup.Editor > .title:hover {
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Valueapp.Editor > .Markup.Editor > .title > .close {
    background:#FFF;
      border-radius:100%;

    padding:2px;
    float:left;
    margin-right:5px;
}

.Valueapp.Editor > .Markup.Editor > .title {
    font-size:14px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    padding:0px 0px 5px 5px;
    color:#FFF;
    cursor:pointer;
}

.Valueapp.Editor > .Markup.Editor > .html {
    width:100%;
    resize:none;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size:1em;

    font-size:11px;
    z-index:999;
    background:#EEE;
    color:#414652;
    white-space:pre-wrap;
    padding:10px;
    outline:none;
    min-height:36px;
    height:250px;
    border:0px;
}

.Valueapp.Editor > .Markup.Editor > .html,
.Valueapp.Editor > .Markup.Editor {
    border-radius:3px;
}

.Valueapp.Editor > .Markup.Editor:not(.on),
.Valueapp.Editor > .Markup.Editor:empty {
    display:none;
}

.Valueapp.Editor > .Markup.Editor > .html:focus {
    background:#FFF;
}

.Valueapp.Editor > .Markup.Editor.on {
    display:block;
}





/* Local mode: ValueappTypeEditor.css
**************************************/

.Valueapp.Editor > .control > .section > button > .svg {
    vertical-align:middle;
    display:inline-block;
}

.Valueapp.Editor > .control > .section > button > span {
    vertical-align:baseline;
}

.Valueapp.Editor > .control > .section:not(.selection) > button:not(:last-child) {
    margin-right:2px;
}

.Valueapp.Editor > .control > .section > button > .svg {
    opacity:.85;
}

.Valueapp.Editor > .control > .section > button {
    padding:8px;
    font-size:14px;
    border:0;
    color:#414652;
    cursor:pointer;
    outline:none;
    background:none;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Valueapp.Editor > .control > .section > button:hover > .svg {
    opacity:1;
}

.Valueapp.Editor > .control > .section > button:hover {
    background:#FFF;
    color:#326c8e;
}

.Valueapp.Editor > .control > .section.selection > button[data-param="UNWRAP"] > span .tag {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:300;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Valueapp.Editor > .control > .section.selection > button.custom.rem {
    background:#b76a6a;
}

.Valueapp.Editor > .control > .section.selection > button.custom {
    background:#58a9da;
    color:#FFF;
}

.Valueapp.Editor > .control > .section.selection > button > .svg {
    margin-right:10px;
}

.Valueapp.Editor > .control > .section.selection > button > span {
    display:inline-block;
}

.Valueapp.Editor > .control > .section.selection > button:not(:last-child) {
    border-bottom:1px #E7E7E7 solid;
}

.Valueapp.Editor > .control > .section.selection > button {
    padding:10px;
    text-align:left;
    display:block;
    width:100%;
}

.Valueapp.Editor > .control > .section.selection > .selection-preview .tag {
    font-weight:300;
    color:#FFF;
}

.Valueapp.Editor > .control > .section.selection > .selection-preview > b {
    color:#58a9da;
}

.Valueapp.Editor > .control > .section.selection > .selection-preview {
    font-size:14px;
    padding:10px;
    color:#a6d8fe;
    background:#326c8e;
}

.Valueapp.Editor > .control > .section.selection {
    text-align:left;
    display:none;
    z-index:999;
    padding:0px;
    border:1px #58a9da solid;
}

.Valueapp.Editor > .control > .section {
    padding:5px;
    border:1px #E7E7E7 solid;
    margin-top:-1px;
}

.Valueapp.Editor > .control > .section {
    font-size:0;
    white-space:nowrap;
    overflow:hidden;
    overflow-x:auto;
    min-height:28px;
    position:relative;
}

.Valueapp.Editor > .control > .section.func {
    background:#EFEFEF;
}

.Valueapp.Editor > .control > .section:not(.selection) > button:active > span,
.Valueapp.Editor > .control > .section:not(.selection) > button:hover > span {
    position:absolute;
    right:8px;
    top:11px;
    font-size:16px;
}

.Valueapp.Editor > .control > .section > button:active > span,
.Valueapp.Editor > .control > .section > button:hover > span {
    display:inline-block;
}

.Valueapp.Editor > .control > .section > button > span {
    display:none;
}





/* Local mode: ValueappTypeEditorValueExtender.css
**************************************/

.Value.Str.Paragraph {
    border-top-width:0px;
}

.Value.Str.Paragraph div:not(.selected) {
    cursor:pointer;
}

.Value.Str.Paragraph div:not(.selected):hover:before {
    background-color:rgba(0, 0, 0, .25);
}

.Value.Str.Paragraph div:not(.selected):before {
    width:1px;
    height:100%;
    content:'';
    position:absolute;
    left:-1px;
    top:0px;
    background-color:rgba(0, 0, 0, .1);
}

.Value.Str.Paragraph img:not([style]) {
    min-width:150px;
    min-height:100px;
    max-width:100%;
}

.Value.Str.Paragraph img.is-focus {
    outline:2px #6bb586 solid;
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

}

.Value.Str.Paragraph img {
    cursor:pointer;
    background:#EEE;
}

.Value.Str.Paragraph script {
    background:#e7b5a4;
    color:#911b1b;
}

.Value.Str.Paragraph script,
.Value.Str.Paragraph style {
    display:block;
    font-family:monospace;
    padding:5px 10px;
    font-size:12px;
}

.Value.Str.Paragraph style {
    background:#FF0;
}

.Value.Str.Paragraph div {
    position:relative;
    min-height:20px;
    padding-left:5px;
}


.Value.Str.Paragraph div:not(:last-child) {
    margin-bottom:2em;
}

.xValue.Str.Paragraph br {
    content:'';
    display:block;
    height:0px;
}


.xValue.Str.Paragraph br:before {
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size:1em;

    content:"↩";
    position:absolute;
    right:5px;
    transform:translateY(-10px);
    background:#414652;
    color:#EEE;
    padding:0px 5px;
      border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;

}

.Value.Str.Paragraph pre {
    background:#FFFEF5;
    padding:4px 8px;
}

.Value.Str.Paragraph pre,
.Value.Str.Paragraph mark {
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size:1em;

    font-size:smaller;
}

.Value.Str.Paragraph div > div:not(.custom) {
    padding-left:5px;
    margin-left:5px;
    margin-bottom:1em;
}

.Value.Str.Paragraph.editing *.selected {
    color:#343740;
    background:#FFF;
      box-shadow:inset -3px -3px 10px -5px rgba(0, 0, 0, 0.2);

    cursor:text;
}

.Value.Str.Paragraph.editing *:not(.selected) {
    color:#BBB;
}

.Value.Str.Paragraph br.selected:before,
.Value.Str.Paragraph .selected {
    /* Must be half transparent, so caret at last index is not hidden by border. Also adding padding causes unwanted effects with layout items */
    outline:1px rgb(88, 169, 218, .5) solid;
}

.Value.Str.Paragraph .selected:empty {

}







/* Local mode: Entitylist.css
**************************************/

.Entitylist {
    font-size:14px;
}




/* Local mode: Preview.css
**************************************/

ui.Preview.Image.See {
    font-size:0px;
}




/* Local mode: EntitylistInBrandcoverAsBrowse.css
**************************************/

.Entitylist.Brandcover.Browse {
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    width:100%;
    height:100%;
}




/* Local mode: EntitylistInMollieCartAsIntent.css
**************************************/

html.mobile .Entitylist.Cart.As.Intent {
    background:var(--grey-side);
}

html.tablet .Entitylist.Cart.As.Intent,
html.desktop .Entitylist.Cart.As.Intent {
    position:sticky;
    top:10px;
    left:5px;
    z-index:99999;
    border-radius:11px;
}

.Entitylist.Cart.As.Intent.view-rel {
    position:relative !important;
}

html.mobile .Entitylist.Cart.As.Intent {
    margin:0px;
}

html.tablet .Entitylist.Cart,
html.desktop .Entitylist.Cart {
    width:300px;
}

.Entitylist.Cart.As.Intent fieldset > legend,
.Entitylist.Cart.As.Intent fieldset > .value-response {
    font-size:12px;
}

.Entitylist.Cart.As.Intent fieldset > legend {
    padding:2px 4px;
    background:transparent;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    border-radius:2px;
    color:var(--grey-light);
}

.Entitylist.Cart.As.Intent fieldset:focus-within > legend {
    background:var(--color-heading);
    color:#FFF;
}

.Entitylist.Cart.As.Intent fieldset:not(:last-child) {
    margin-bottom:5px;
}

.Entitylist.Cart.As.Intent fieldset:focus-within .Value {
    background:#FFF;
}

.Entitylist.Cart.As.Intent fieldset:focus-within {
    background:var(--grey-lightest);
}

.Entitylist.Cart.As.Intent fieldset {
    margin:0px;
    border:1px var(--grey-lightest) solid;
    padding:2px 10px 10px;
}

.Entitylist.Cart.As.Intent > .body {
    font-size:14px;
    padding:15px;
}

.Entitylist.Cart.As.Intent > .Manage,
.Entitylist.Cart.As.Intent > .empty,
.Entitylist.Cart.As.Intent > .body {
    background:#FFF;
}

.Entitylist.Cart.As.Intent > .body.scroll {
    max-height:500px;
    overflow:hidden;
    overflow-y:auto;
}

.Entitylist.Cart.As.Intent > .header {
    color:var(--grey-lightest);
    /*background:var(--grey-dark);*/
    padding:10px 1px 1px;
}

.Entitylist.Cart.As.Intent > .header > .opt:not(.is-on):active,
.Entitylist.Cart.As.Intent > .header > .opt:not(.is-on):hover,
.Entitylist.Cart.As.Intent > .header > .opt:active,
.Entitylist.Cart.As.Intent > .header > .opt:hover {
    color:#FFF;
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

}

.Entitylist.Cart.As.Intent > .header > .opt:not(:last-child) {
    margin-bottom:1px;
}

.Entitylist.Cart.As.Intent > .header > .opt.is-on {
    font-weight:400;
    color:var(--color-heading);
}

.Entitylist.Cart.As.Intent > .header > .opt > .Img {
    display:inline-block;
    margin-right:4px;
}

.Entitylist.Cart.As.Intent > .header > .opt {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    font-size:14px;
    padding:8px;
    font-family:var(--font-alt);
    text-transform:uppercase;
    cursor:pointer;
    font-weight:600;
    background:var(--grey-darker);
    color:var(--color-heading-light);

}


.Entitylist.Cart.As.Intent > .header > h2 {
    font-size:16px;
    color:inherit;
    font-weight:500;
    margin:10px 10px 20px 10px;
}

.Entitylist.Cart.As.Intent > .header > h2 > .Svg {
    margin-right:3px;
}

.Entitylist.Cart.As.Intent > .header > h2 > * {
    vertical-align:middle;
}

/*.Entitylist.Cart.As.Intent > .empty > .Svg {*/
/*    position:absolute;*/
/*    left:10px;*/
/*    top:50%;*/
/*    margin-top:-10px;*/
/*}*/

.Entitylist.Cart.As.Intent > .empty {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    color:var(--grey-light);
    text-align:center;
    position:relative;
    padding:50px 25px;
    position:relative;
    font-size:18px;
}

.Entitylist.Cart.As.Intent > .Manage {
    padding:10px;
    font-size:0;
}

.Entitylist.Cart.As.Intent > .Manage > .Value {
    background:var(--grey-lightest);
    width:70%;
}

.Entitylist.Cart.As.Intent > .Manage > .Button:active,
.Entitylist.Cart.As.Intent > .Manage > .Button:hover {
    color:#FFF;
}

.Entitylist.Cart.As.Intent > .Manage > .Button {
    width:30%;
    padding:5px 10px;
    background:var(--color-heading);
    color:var(--color-heading-light);
    text-align:center;
}


.Entitylist.Cart.As.Intent > .options > .Value:not(:last-child) {
    margin-bottom:4px;
    padding-bottom:24px;
    /*border-top:1px var(--color-heading-dark) solid;*/
}

.Entitylist.Cart.As.Intent > .options .Value {
    width:100%;
}

.Entitylist.Cart.As.Intent > .options > .Value.As.Bool > .guide {
    color:var(--grey-lightest);
}

.Entitylist.Cart.As.Intent > .options > .Value.As.Bool:hover > .guide {
    color:var(--color-heading-light);
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Entitylist.Cart.As.Intent > .options > .Value.Bool > .slider {
    background-color:rgba(0, 0, 0, .3);
}

.Entitylist.Cart.As.Intent > .options.closed > .Value {
    display:none;
}

.Entitylist.Cart.As.Intent > .options.closed > .toggle-close,
.Entitylist.Cart.As.Intent > .options:not(.closed) > .toggle-open {
    display:none;
}

.Entitylist.Cart.As.Intent > .options:not(.closed) > .toggle-opt > div {
    padding:2px 0px 5px 0px;
}

.Entitylist.Cart.As.Intent > .options.closed > .toggle-opt > div > .svg {
    margin-right:3px;
    transform:translateY(-1px);
}

html.desktop .Entitylist.Cart.As.Intent > .options > .toggle-opt:active > div > .svg,
.Entitylist.Cart.As.Intent > .options > .toggle-opt:hover > div > .svg {
    opacity:1;
}

.Entitylist.Cart.As.Intent > .options > .toggle-opt > div > .svg {
    display:inline-block;
    opacity:.6;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Entitylist.Cart.As.Intent > .options:not(.closed) > .toggle-opt {
    text-align:center;
    position:absolute;
    left:50%;
    margin-left:-8px;
    bottom:-28px;
}

.Entitylist.Cart.As.Intent > .options.closed > .toggle-opt {
    padding-right:3px;
    text-align:right;
    font-size:11px;
}

.Entitylist.Cart.As.Intent > .options > .toggle-opt {
    cursor:pointer;
    font-size:14px;
}

.Entitylist.Cart.As.Intent > .options:not(.closed) {
    padding:10px 10px 3px 10px;
    background:var(--grey-dark);
    margin:10px;
    border-radius:10px;
    margin-bottom:30px;
}

/*.Entitylist.Cart.As.Intent > .options:hover,*/
.Entitylist.Cart.As.Intent > .options:not(.closed),
.Entitylist.Cart.As.Intent > .options:not(.closed) > .toggle-opt {
    color:var(--grey-light);
}

.Entitylist.Cart.As.Intent > .options {
    position:relative;
    z-index:999;
    padding:10px;
    color:var(--color-heading-light);
}

.Entitylist.Cart.As.Intent > .contextual:not(:last-child) {
    border-bottom:1px var(--color-heading-dark) solid;
}

.Entitylist.Cart.As.Intent > .contextual a {
    color:var(--color-heading);
}

.Entitylist.Cart.As.Intent > .contextual a:hover {
    color:var(--color-heading-light);
}

.Entitylist.Cart.As.Intent > .contextual {
    text-align:left;
    padding:15px;
    color:#FFF;
    font-weight:300;
    background:var(--color-heading-dark);
}





/* Local mode: Valueform.css
**************************************/

.Entitylist.Cart .Valueform.Compose.on-light .vfg > .Value {
    /*background:#a6d8fe;*/
    /*color:#FFF;*/
    font-weight:600;
    padding:5px 10px;
}


.Entitylist.Cart .Valueform.Compose > .header {
    color:#58a9da;
    margin:6px 3px 10px 3px;
}

.Entitylist.Cart .Valueform.Compose.on-light .vfg:not(:last-child) {
    border-bottom:0px;
    margin-bottom:2px;
}

.Entitylist.Cart .Valueform.Compose.on-light .vfg > .Value::placeholder {
    color:var(--grey-side);
    font-weight:300;
}




/* Local mode: EntitylistInMollieProductcategoryAsBrowse.css
**************************************/






/* Local mode: EntitylistrenderAsIntroInBrandskill.css
**************************************/

.Entitylistrender.Brandskill.Intro {
    position:fixed;
    top:0px;
    left:0px;
    height:100vh;
    width:100vw;
    overflow:hidden;
}

.Entitylistrender.Brandskill.Intro > .group {
    display:grid;
    grid-template-columns:1fr;
    grid-gap:15px;
    height:100vh;
    place-content:center;
}




/* Local mode: EntityrenderInBrandAsBrowse.css
**************************************/

.Entityrender.Brand.Browse:not(.no-logo) {

}

html.mobile .Entityrender.Brand.Browse:not(.no-logo) {
    padding:20px 20px 20px 75px;
}

.Entityrender.Brand.Browse {
    cursor:pointer;
    font-weight:300;
    font-size:12px;
    position:relative;
    color:#F3F3F3;
    padding:20px 50px 20px 110px;
    max-width:1024px;
    text-align:left;
    min-width:325px;
}

.Entityrender.Brand.Browse > .Img {
    width:50px;
    height:50px;
    object-fit:contain;
    object-position:50%;
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    left:25px;
    top:50%;
    margin-top:-25px;
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

html.mobile .Entityrender.Brand.Browse:not(.no-logo) > .Img {
    left:5px;
}

.Entityrender.Brand.Browse:hover {
    color:#FFF;
}

.Entityrender.Brand.Browse:hover > .Img {
    left:20px;
    margin-top:-30px;
    width:60px;
    height:60px;
}

.Entityrender.Brand.Browse > .Img.is-invert {
    background:#FFF;
    padding:5px;
    border-radius:5px;
}

.Entityrender.Brand.Browse.is-open > .Contact {
    display:grid;
}

.Entityrender.Brand.Browse > .Contact {
    display:none;
    grid-template-columns:1fr;
    grid-auto-flow:row;
    text-align:left;
    margin-top:10px;
    grid-gap:4px;
}

.Entityrender.Brand.Browse > .Contact > a:hover {
    color:var(--color-heading);
    background:#00000077;
}

.Entityrender.Brand.Browse > .Contact > a,
.Entityrender.Brand.Browse > .Contact > a > .Svg {
    vertical-align:middle;
}

.Entityrender.Brand.Browse > .Contact > a > .Svg {
    display:inline-block;
    margin-right:10px;
    transform:translateY(-1px);
}

.Entityrender.Brand.Browse > .Contact > a {
    text-decoration:none;
}

html.mobile .Entityrender.Brand.Browse > .Contact > * {
    text-align:left;
}

.Entityrender.Brand.Browse > .trigger > div > .Svg {
    margin-right:5px;
}

.Entityrender.Brand.Browse:hover > .trigger > div {
    color:var(--color-heading);
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    border-color:var(--color-heading);
}

.Entityrender.Brand.Browse > .trigger > div {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    font-size:20px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    /*text-transform:uppercase;*/
    border-radius:2em;
    border:4px #FFFFFF33 solid;
    display:inline-block;
    text-align:center;
    background:#000;
    padding:10px 20px;
}

html.tablet .Entityrender.Brand.Browse > .trigger > div,
html.desktop .Entityrender.Brand.Browse > .trigger > div {
    min-width:325px;
}

html.mobile .Entityrender.Brand.Browse > .trigger > div {
    min-width:100%;
}

.Entityrender.Brand.Browse > .trigger {
    margin-top:10px;
}

.Entityrender.Brand.Browse > .trigger > .open > .Svg {
    margin-left:-12px;
}

.Entityrender.Brand.Browse.is-open > .trigger > .open {
    display:none;
}

.Entityrender.Brand.Browse > .Contact > * {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    cursor:pointer;
    background:#00000099;
    padding:10px 15px;
    font-weight:700;
    border-radius:5px;
    color:#FFF;
    font-size:16px;
    /*text-align:center;*/
      white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;

}

.Entityrender.Brand.Browse > .Name,
.Entityrender.Brand.Browse > .Proposition {
    font-size:16px;
}

.Entityrender.Brand.Browse > .Name {
    color:var(--color-heading);
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    display:block;
}

.Entityrender.Brand.Browse > .Proposition {
    font-weight:300;
    font-size:13px;
}

.Entityrender.Brand.Browse > .Action {
    display:block;
    margin-top:3px;
    color:#DDD;
}





/* Local mode: EntityrenderInBrandAsBrowseSnap.css
**************************************/

html.touch .Entityrender.Brand.Browse.Snap,
html.desktop .Entityrender.Brand.Browse.Snap {
      transition:all 600ms ease-out;
  -webkit-transition:all 600ms ease-out;
  -moz-transition:all 600ms ease-out;
  -o-transition:all 600ms ease-out;
  -ms-transition:all 600ms ease-out;

    position:fixed;
    bottom:-300px;
    right:0px;
    z-index:9999999;
    text-align:left;
    margin-bottom:0px;
    padding:20px;
    background:#00000000;
    border-radius:5px 0px 0px 0px;
    max-width:400px;
}

html.mobile .Entityrender.Brand.Browse.Snap {
    max-width:unset;
}

.Entityrender.Brand.Browse.Snap > .Action {
    margin:10px 0px;
    color:var(--grey-light);
}

.Entityrender.Brand.Browse.Snap > .Proposition,
.Entityrender.Brand.Browse.Snap > .Name,
.Entityrender.Brand.Browse.Snap > .Action {
    padding:0px 10px;
}

html.touch .Entityrender.Brand.Browse.Snap > .trigger {
    margin-top:0px;
}

html.desktop .Entityrender.Brand.Browse.Snap > .trigger {
    margin-top:15px;
}

.Entityrender.Brand.Browse.Snap > .trigger > .open {
    text-align:center;
    display:block;
}

html.mobile .Entityrender.Brand.Browse.Snap {
    width:100%;
    padding:10px;
}

html.mobile .Entityrender.Brand.Browse.Snap > .Proposition,
html.mobile .Entityrender.Brand.Browse.Snap > .Name,
html.mobile .Entityrender.Brand.Browse.Snap > .Action {
    display:none;
}

/* Mobile always visible */
html.mobile body.off-top .Entityrender.Brand.Browse.Snap,
html.tablet body[data-p="100"] .Entityrender.Brand.Browse.Snap,
html.desktop body[data-p="100"] .Entityrender.Brand.Browse.Snap {
    bottom:0px;
    background:#00000066;
}


html.touch body.off-top .Entityrender.Brand.Browse.Snap.is-open,
html.desktop body.off-top .Entityrender.Brand.Browse.Snap.is-open {
    background:#00000099;
}




/* Local mode: EntityrenderInBrandcoverAsBrowse.css
**************************************/

.Entityrender.Brandcover.As.Browse {
    position:absolute;
    top:0px;
    left:0px;
    height:100%;
    width:100%;
}

.Mollie.Productcategory.Browse.is-brand > .Title:hover .Entityrender.Brandcover.Browse > .Cover {
    background-position-y:50% !important;
    opacity:.25;
}

.Mollie.Productcategory.Browse.is-brand:not(.is-closed) > .Title .Entityrender.Brandcover.Browse,
.Mollie.Productcategory.Browse.is-brand:not(.is-closed) > .Title .Entityrender.Brandcover.Browse > .Cover {
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

html.desktop .Mollie.Productcategory.Browse.is-brand > .Title .Entityrender.Brandcover.Browse > .Cover {
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

html.touch .Mollie.Productcategory.Browse.is-brand > .Title .Entityrender.Brandcover.Browse > .Cover {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

html.mobile .Mollie.Productcategory.Browse.is-brand > .Title .Entityrender.Brandcover.Browse > .Cover {
    width:100%;
}

.Mollie.Productcategory.Browse.is-brand > .Title .Entityrender.Brandcover.Browse > .Cover {
    position:relative;
    opacity:.15;
    width:calc(100% - 20px);
    height:calc(100% - 20px);
    z-index:0;
    top:10px;
    left:10px;
}




/* Local mode: EntityrenderInBrandskillAsIntro.css
**************************************/

.Entityrender.Brandskill.Intro {
    font-size:42px;
    width:100%;
    padding:10vw;
}

html.mobile .Entityrender.Brandskill.Intro {
    font-size:28px;
    padding:20px;
}

.Entityrender.Brandskill.Intro > .Block {
    text-shadow:rgba(0, 0, 0, .5) 3px 3px 0px;
    display:grid;
    grid-gap:20px;
    position:relative;
}

.Entityrender.Brandskill.Intro > .Block > .Skill {
    font-family:var(--font-alt);
    letter-spacing:var(--font-alt-space);
    color:var(--color-heading);
    text-transform:uppercase;
    font-weight:300;
    font-size:clamp(40px, 12vw, 160px);
    line-height:0.8em;
}

.Entityrender.Brandskill.Intro > .Block .index {
    font-size:13px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:900;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    background:var(--color-heading-dark);
    padding:5px;
    position:absolute;
    left:calc(50% - 20px);
    width:40px;
    text-align:center;
    top:-50px;
}

.Entityrender.Brandskill.Intro > .Block > .Description a:hover {
    color:var(--color-heading);
}

.Entityrender.Brandskill.Intro > .Block > .Description a {
    color:inherit;
    font-weight:500;
}

.Entityrender.Brandskill.Intro > .Block > .Description {
    max-width:65vw;
    margin:0px auto;
}

html.mobile .Entityrender.Brandskill.Intro > .Block > .Description {
    max-width:80vw;
}

.Entityrender.Brandskill.Intro > .Block > a.Cta:hover {
    color:var(--color-heading);
}

.Entityrender.Brandskill.Intro > .Block > a.Cta > .Svg {
    vertical-align:middle;
    margin-right:5px;
}

.Entityrender.Brandskill.Intro > .Block > .Cta {
    display:block;
    line-height:0.8em;
    fill:#FFF;
    font-size:20px;
    text-decoration:none;
    color:#FFF;
    font-weight:700;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}




/* Local mode: DomDivAsSideLogo.css
**************************************/

.Venture > .side > .logo > .Entitylist > .group > .Entityrender > .Cover,
.Venture > .side > .logo > .Entitylist > .group > .Entityrender,
.Venture > .side > .logo > .Entitylist > .group,
.Venture > .side > .logo > .Entitylist {
    height:100%;
}

/*.Venture > .side > .logo.is-invert > .Img {*/
/*    background:#FFFFFFDD;*/
/*    background:radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);*/
/*    padding:8px;*/
/*    border-radius:10px;*/
/*      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);
*/
/*}*/

.Venture > .side > .logo:not(.is-invert) > .Entitylist {
    filter:brightness(0.5);
}

.Venture > .side > .logo.is-invert > .Entitylist .Entityrender > .Cover {
    opacity:.5;
}

.Venture > .side > .logo.is-invert > .Entitylist {
    background:#FFF;
}

.Venture > .side > .logo > .Entitylist {
    z-index:-1;
    background:#000;
}

html.tablet .Venture > .side > .logo > .Entitylist,
html.desktop .Venture > .side > .logo > .Entitylist {
    clip-path:polygon(0 0, 100% 0%, 100% 75%, 0% 100%);
}

html.tablet .Venture > .side > .logo,
html.desktop .Venture > .side > .logo {
    margin-bottom:-30px;
}




/* Local mode: Navgroup.css
**************************************/

.Navgroup.Root.Generic.User.Apps {
    position:fixed;
    top:10px;
    right:10px;
}




/* Local mode: Venture.css
**************************************/

html, body {
    overscroll-behavior-y:none;
}

body {
    --grey-darker:#343434;
    --grey-dark:#3A3A3A;
    --grey-light:#AAA;
    --grey-medium:#555;
    --grey-lightest:#F5F3ED;
    --grey-side:#414546;
}

body.off-top:has( .Venturestage.Expo) > main > footer {
    display:none;
}

.Venture {
    display:grid;
}

.Venture > .side,
.Venture {
    position:relative;
}

html.tablet .Venture,
html.desktop .Venture {
    grid-template-columns:310px calc( 100% - 310px );
}

html.mobile .Venture {
    grid-template-columns:100%;
}


html.desktop .Venture > .side,
html.tablet .Venture > .side {
    /*padding:5px;*/
}

.Venture > .side > .logo {
    text-align:center;
    padding:20px 40px 40px;
    position:relative;
    z-index:1;
}

html.mobile .Venture > .side > .logo {

}

.Venture > .Venturestage {
    max-width:1024px;
    width:100%;
}

html.tablet .Venture > .Venturestage,
html.desktop .Venture > .Venturestage {
    padding-top:20vh;
}

html.desktop .Venture > .Venturestage {
    margin:0px auto;
}

html.mobile .Venture > .Venturestage {
    overflow:hidden;
}

html.tablet > body .Venture.mode-hide,
html.desktop > body .Venture.mode-hide {
    grid-template-columns:10px calc( 100% - 10px );
}

html.tablet > body .Venture.mode-hide > .side > *:not(.minimize),
html.desktop > body .Venture.mode-hide > .side > *:not(.minimize) {
    display:none;
}

body {

      transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:2000ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, background, background-color, filter, color, opacity, transform, border-color;


    --color-sidecar:#a6d8fe;
    --color-heading:#58a9da;
    --color-heading-dark:#326c8e;
    --color-heading-light:#a6d8fe;
    --color-accent-text:#6bb586;
    --color-accent:#E1FFEB;
    --color-dark:#5b6680;

    --bg-gradient-color:#a6d8fe;
    background:var(--bg-gradient-color);
}

.Venture a:hover {
    color:var(--color-heading);
}

.Venture a {
    color:var(--color-heading-dark);
}

html.mobile .Venture.mode-hide .Entitylist.Cart.As.Intent {
    display:none;
}

html.tablet body .Venture.mode-hide:before,
html.desktop body .Venture.mode-hide:before {
    left:-300px;
}

html.mobile .Venture > .side {
    background:#000000;
}

html.tablet body .Venture.mode-hide:before,
html.desktop body .Venture.mode-hide:before {
    background:#FFF;
}

html.tablet body .Venture:before,
html.desktop body .Venture:before {
    content:'';
    background:var(--grey-side);
    top:0px;
    position:fixed;
    left:0px;
    height:100%;
    width:310px;
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    z-index:99;
}

.Venture > .side {
    z-index:100;
}




/* Local mode: VentureLogin.css
**************************************/

.Dom.Body.Runtime.Login:not(.authorized) .Venture {
    filter:blur(8px);
}




/* Local mode: VentureRedun.css
**************************************/


.Venture > .side > .subtle-bg {
    width:100%;
    height:100%;
    position:absolute;
    background-size:cover;
    background-position:50% 50%;
    z-index:0;
    opacity:.2;
}

.Venture > .subtle-bg {
    width:100%;
    height:100%;
    position:fixed;
    background-size:cover;
    background-position:50% 50%;
    z-index:-1;
    opacity:.2;
}

.Venture > h3 {
    padding-top:20px;
    font-size:54px;
    padding-bottom:10px;
    padding-left:10px;
    font-family:var(--font-alt);
}





/* Local mode: VentureReelGrid.css
**************************************/

.Venture:has( > .Venturestage.Expo ) > .Entitylistrender.Reel.Expo.Brand {
    opacity:1;
}

.Venture > .Entitylistrender.Reel.Expo.Brand {
    opacity:.25;
}


.Venture > .Entitylistrender.Reel.Expo.Brand:before {
    top:0px;
    left:0px;
    content:'';
    position:fixed;
    width:100%;
    height:100%;
    background:radial-gradient(rgba(255, 255, 255, 0), var(--color-heading-dark));
    z-index:1;
    mix-blend-mode:multiply;
}

html:not(.mobile) .Entityrender.Site.Page.Intent,
html:not(.mobile) .Venture,
html:not(.mobile) .Venture > .Venturestage.Expo {
    height:inherit;
}




/* Local mode: VentureSideToggle.css
**************************************/

html.tablet .Venture.mode-hide > .side > .minimize,
html.desktop .Venture.mode-hide > .side > .minimize {
    left:0px;
}

html.mobile .Venture > .side > .minimize > .Svg {
    transform:scale(1.25);
}

html.mobile .Venture > .side > .minimize > .counter,
html.mobile .Venture.mode-hide > .side > .minimize > .Svg {
    transform:rotate(-90deg) scale(1.25) translateX(1px) !important;
}

html.mobile .Venture > .side > .minimize {
    transform:rotate(90deg);
    position:absolute;
    left:50%;
    bottom:-54px;
    margin-left:-18px;
    padding:30px 10px;
    box-shadow:2px 0px 10px #00000044;
}

.Venture.mode-hide > .side > .minimize > .counter {
      animation:ani-pulsate 3s infinite 0s;
  -webkit-animation:ani-pulsate 3s infinite 0s;
  -moz-animation:ani-pulsate 3s infinite 0s;
  -o-animation:ani-pulsate 3s infinite 0s;
  -ms-animation:ani-pulsate 3s infinite 0s;

    background:red;
    color:white;
}

.Venture > .side > .minimize > .counter {
    background:var(--color-heading);
    color:var(--color-heading-dark);
    text-align:center;
    padding:3px 6px;
    position:absolute;
    top:-5px;
    right:-5px;
    border-radius:5px;
    font-size:12px;
    font-weight:700;
}

html.tablet .Venture > .side > .minimize,
html.desktop .Venture > .side > .minimize {
    left:0px;
    top:50%;
    left:309px;
    margin-top:-30px;
    position:fixed;
    padding:20px 8px;
}

.Venture.mode-hide > .side > .minimize {
    border-radius:0px 10px 10px 0px;
    background:var(--color-heading);
}

.Venture > .side > .minimize {
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    z-index:99999;
    background:var(--color-heading-dark);
    border-radius:0px 10px 10px 0px;
    cursor:pointer;
    box-shadow:inset 10px 0px 8px -10px rgba(0, 0, 0, .5);
}

.Venture:not(.mode-hide) > .side > .minimize > .Svg.is-off,
.Venture.mode-hide > .side > .minimize > .Svg.is-on {
    display:none;
}

.Venture > .side > .minimize > .Svg {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Venture:not(.mode-hide) > .side > .minimize > .Svg {
    fill:#FFF;
}

.Venture.mode-hide > .side > .minimize > .Svg {
    fill:var(--color-heading-dark);
}

.Venture > .side > .minimize:hover > .Svg {
    transform:scale(1.05);
}

.Venture > .side > .minimize:hover {
    background:var(--color-heading-light);
    transform:scale(1.05) translateX(1px);
}

.Venture > .side > .minimize:before {
    content:'';
    position:absolute;
    height:200px;
    width:2px;
    top:-68px;
    left:-1px;
    z-index:0;
    background:#2C2C2C;
    background:linear-gradient(180deg,
    rgba(0, 0, 0, 0) 0%,
    #2C2C2C 50%,
    rgba(0, 0, 0, 0) 100%);
}






/* Local mode: Venturenav.css
**************************************/






/* Local mode: VenturenavTypeFoot.css
**************************************/

html.mobile .Venturenav.Foot {
    position:relative;
    padding:15px 30px;
    grid-template-columns: 1fr 1fr;
    line-height:1.25em;
    grid-gap:5px;
    margin-bottom:15px;
}

html.mobile .Venture.mode-hide .Venturenav.Foot {
    display:none;
}

html:not(.mobile) .Venturenav.Foot {
    position:absolute;
    bottom:30px;
    left:30px;
    margin-top:30px;
}

.Venturenav.Foot {
    display:grid;
    grid-template-rows: 1fr;
    grid-gap:25px;
    font-weight:400;
    color:var(--grey-light);
    line-height:1.5em;
}

.Venturenav.Foot > div.copy {
    max-width:450px;
}

.Venturenav.Foot > div > b {
    position:relative;
    color:#58a9da;
    display:inline-block;
    padding:2px 10px;
    font-weight:900;
    color:var(--color-heading);
    margin-left:-10px;
}

html:not(.mobile) .Venturenav.Foot > div > b {
    background:var(--grey-darker);
    margin-bottom:5px;
}

.Venturenav.Foot a {
    color:var(--color-heading-light);
    text-decoration:none;
    font-weight:500;
}

.Venturenav.Foot a:hover {
    color:#FFF;
}

html.mobile .Venturenav.Foot > div {
    font-size:11px;
}

.Venturenav.Foot > div {
    position:relative;
    text-align:left;
    font-size:13px;
}

.Venturenav.Foot a:hover > img {
    opacity:1;
}

.Venturenav.Foot a > img {
    opacity:.7;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Venturenav.Foot a > img {
    max-width:250px;
    height:auto;
    border:0;
}




/* Local mode: VenturenavTypeHead.css
**************************************/

html.mobile .Venturenav.Head {
    position:relative;
    padding:0px;
    background:#000;
    padding:5px;
    padding-top:25px;
    grid-auto-flow:row;
    grid-gap:2px;
    width:100%;
    margin-bottom:100px;
}

.Venturenav.Head {
    z-index:9;
    font-weight:800;
    font-size:20px;
    text-transform:uppercase;
    text-align:center;
    color:var(--grey-lightest);
    white-space:nowrap;
    display:grid;
    grid-auto-flow:column;
    width:fit-content;
    place-items:center;
    grid-gap:1px;
}

html.tablet body.off-top .Venturenav.Head a,
html.desktop body.off-top .Venturenav.Head a {
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}

html.tablet body.off-top .Venturenav.Head,
html.desktop body.off-top .Venturenav.Head {
    /*transform:scale(0.9);*/
}


html.tablet .Venturenav.Head,
html.desktop .Venturenav.Head {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:fixed;
    top:5px;
    right:5px;
    z-index:99999;
}

.HeadLike:not(.active):hover,
.Venturenav.Head > a:not(.active):hover {
    background:var(--color-heading-dark);
    color:#FFF;
}

html.tablet .Venturenav.Head > a:not(.active):hover,
html.desktop .Venturenav.Head > a:not(.active):hover {
    transform:translateY(2px);
}

html.tablet .Venturenav.Head:has( > a:not(.active):hover) > a:not(:hover):not(.active),
html.desktop .Venturenav.Head:has( > a:not(.active):hover) > a:not(:hover):not(.active) {
    /*transform:translateY(-2px);*/
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}

.HeadLike.active,
.HeadLike:not(.active):active,
.Venturenav.Head > a.active,
html.desktop .Venturenav.Head > a:not(.active):active {
    /*  box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);
*/
}

.HeadLike.active,
.Venturenav.Head > a.active {
    background:var(--color-heading);
    color:#FFF;
      text-shadow:rgba(0, 0, 0, .5) 1px 1px 0px;

    font-weight:800;
}

.HeadLike:not(.active):active,
.Venturenav.Head > a:not(.active):active {
    background:var(--color-heading);
}

.HeadLike:not(.active),
.Venturenav.Head > a:not(.active) {
    cursor:pointer;
}

html.mobile .HeadLike,
html.mobile .Venturenav.Head > a {
    display:block;
    width:100%;
    padding:20px;
}

/*html.mobile .Venturenav.Head > a:not(:last-child) {*/
/*    margin-bottom:5px;*/
/*}*/

html:not(.mobile) .Venturenav.Head > a {
    border-radius:1px;
    height:100%;
}

.Venturenav.Head > a[data-stage="testimony"]:hover {
    fill:var(--color-heading-dark);
}

.Venturenav.Head > a[data-stage="testimony"].active {
    fill:var(--color-heading-dark);
}

.Venturenav.Head > a[data-stage="testimony"] {
    font-size:0;
    fill:var(--color-heading);
}

.HeadLike,
.Venturenav.Head > a {
    cursor:default;
    text-decoration:none;
    color:#F3F3F3;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    display:inline-block;
    background:var(--grey-darker);
    padding:5px 20px;
    font-family:var(--font-alt);
    font-weight:400;
}

html.mobile main > .Venture.mode-hide .Venturenav.Head > a {
    display:none;
}





/* Local mode: Venturestage.css
**************************************/

html.mobile .Venturestage > .logo {
    display:none;
}

.Venture:not(.mode-hide) .Venturestage > .logo {
    z-index:-1;
}

.Venturestage > .logo:hover {
    transform:scale(.98);
      box-shadow:0px 4px 8px 0px rgba(0, 0, 0, .25);

}

.Venturestage > .logo {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    position:fixed;
    z-index:0;
    top:30px;
    left:calc(5% + 5px);
    cursor:pointer;
}

.Venturestage > .logo.is-invert {
    background:#FFF;
    border-radius:50%;
    padding:10px;
}

.Venturestage > .logo > img {
    display:block;
}

.Venturestage > .intro {
    color:#FFF;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    font-size:16px;
    margin:50px;
    text-align:center;
}




/* Local mode: Confirmation.css
**************************************/

.Venturestage.Expo > .header > .confirmation {
    position: absolute;
    top: 50vh;
    z-index: 0;
    transform: rotate(-5deg);
    left: 50vw;
    width: 550px;
    margin-left: -275px;
    margin-top: -210px;
    background: var(--color-accent-text);
    padding: 10px 20px;
    font-size: 28px;
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

    text-shadow:rgba(0, 0, 0, .2) 1px 1px 0px;
      animation:ani-rotate-attention 1.5s infinite 0s;
  -webkit-animation:ani-rotate-attention 1.5s infinite 0s;
  -moz-animation:ani-rotate-attention 1.5s infinite 0s;
  -o-animation:ani-rotate-attention 1.5s infinite 0s;
  -ms-animation:ani-rotate-attention 1.5s infinite 0s;

    clip-path:polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
}

html.mobile .Venturestage.Expo > .header > .confirmation {
    font-size:16px;
    width:350px;
    margin-left:-175px;
    margin-top:-100px;
    top:28vh;
}

.Venturestage.Expo > .header > .confirmation > h1 {
    color:#E1FFEB;
    font-weight:600;
}

.Venturestage.Expo > .header > .confirmation > div {
    color:#FFF;
}

html.mobile .Venturestage.Expo > .header > .confirmation > div {

}





/* Local mode: VenturestageTypeExpo.css
**************************************/

html.desktop.highres .Venturestage.Expo,
html.desktop.w100 .Venturestage.Expo,
html.desktop.w75 .Venturestage.Expo,
html.desktop.w50 .Venturestage.Expo {
    max-width:1600px;
}

html > body[data-p="99"] .Venturestage.Expo > .Button,
html > body[data-p="100"] .Venturestage.Expo > .Button {
    display:block;
}

.Venturestage.Expo > .Button {
    display:none;
    position:fixed;
    top:15vh;
    width:300px;
    left:calc(50% - 150px);
    border-radius:50px;
    font-size:18px !important;
    font-weight:800;
    background:var(--color-heading);
    color:var(--color-heading-dark);
    text-transform:uppercase;
    padding:15px 30px;
}

html.mobile .Venturestage.Expo > .Button {
    top:5vh;
}

.Venturestage.Expo > .Button:hover {
    background:var(--color-heading-dark);
    color:var(--color-heading);
}

.Venturestage.Expo > .context > span.is-members {
    background:#a6d8fe;
    color:#326c8e;
}

body.off-top .Venturestage.Expo > .context {
    opacity:0;
}

.Venturestage.Expo > .context > svg:hover > g {
    transform:scale(1.1);
    fill:var(--color-heading-light);
}

.Venturestage.Expo > .context > svg > g {
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

    transform-origin:50% 50%;
}

.Venturestage.Expo > .context > svg {
    cursor:pointer;
    fill:var(--color-heading);
    display:block;
    margin:5px auto;
    width:30px;
    height:30px;
      animation:ani-jump-down 1.5s infinite 0s;
  -webkit-animation:ani-jump-down 1.5s infinite 0s;
  -moz-animation:ani-jump-down 1.5s infinite 0s;
  -o-animation:ani-jump-down 1.5s infinite 0s;
  -ms-animation:ani-jump-down 1.5s infinite 0s;

}

.Venturestage.Expo > .context {
    text-align:center;
    color:#FFF;
    font-size:16px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    position:fixed;
    bottom:50px;
    left:0px;
    width:100%;
    padding:10px 75px;
}

html.mobile .Venturestage.Expo > .context br {
    display:none;
}

html.desktop .Venturestage.Expo > .header {

}

.Venturestage.Expo > .header {
    color:#FFF;
    text-align:center;
    display:grid;
    align-items:center;
    grid-template-columns:1fr;
    place-content:start;
    grid-gap:10px;
    position:relative;
    padding:15px 5% 0px;
    /*margin:calc(100vh / 8) 0px;*/
    position:fixed;
    width:100vw;
    height:100vh;
    top:0px;
    left:0px;
    place-content:center;
}

html.mobile .Venturestage.Expo > .header {
    grid-template-columns:1fr;
    grid-gap:10px;
}

html.mobile .Venturestage.Expo > .header > h1 {
    font-size:48px;
}

html.tablet .Venturestage.Expo > .header > h1 {
    font-size:62px;
}

html.desktop .Venturestage.Expo > .header > h1 {
    font-size:78px;
}

body.off-top .Venturestage.Expo > .header > .sub,
body.off-top .Venturestage.Expo > .header > h1 {
    display:none;
}

.Venturestage.Expo > .header > * {
    /*  transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
*/
}

.Venturestage.Expo > .header > h1 {
    line-height:0.85em;
    color:#FFF;
    font-weight:900;
    text-shadow:rgba(0, 0, 0, .5) 2px 2px 0px;
    text-transform:uppercase;
}

html.mobile .Venturestage.Expo > .header > .sub {
    font-size:16px;
}

.Venturestage.Expo > .header > .sub > b {
    color:var(--color-heading);
}

html.desktop .Venturestage.Expo > .header > .sub {
    font-size:22px;
    width:50%;
    margin:0px auto;
}

html.touch .Venturestage.Expo > .header > .sub {
    font-size:18px;
}

.Venturestage.Expo > .header > .sub {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    vertical-align:middle;
    display:block;
    line-height:1.1em;
    color:var(--color-heading-light);
}






/* Local mode: BrowseTypeRange.css
**************************************/


.Browse.Range {
    width:100%;
    text-align:center;
    padding:20px 0px;
    color:#5b6680;
    font-size:14px;
    /* --browse-opt-bg */
    /* --browse-opt-bg-hover */
    /* --browse-opt-bg-current */
    /* --browse-opt-color-current */
    /* --browse-details-color */
    /* --browse-opt-color */
    /* --browse-opt-color-hover */
    /* --browse-opt-color-dimmed */

}

.Browse.Range > .slider {
    position:relative;
    max-width:300px;
    margin:10px auto;
}

.Browse.Range > .slider > .indicator {
    cursor:pointer;
    clip-path:polygon(100% 0, 100% 65%, 50% 100%, 0 65%, 0 0);
    width:11px;
    height:14px;
      animation:ani-jump-down 1.5s infinite 0s;
  -webkit-animation:ani-jump-down 1.5s infinite 0s;
  -moz-animation:ani-jump-down 1.5s infinite 0s;
  -o-animation:ani-jump-down 1.5s infinite 0s;
  -ms-animation:ani-jump-down 1.5s infinite 0s;

    background:#58a9da;
    position:absolute;
    margin-left:3px;
    top:-18px;
    left:0px;
    z-index:1;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Browse.Range > .slider > .indicator:hover {
    background:var(--browse-opt-bg-hover, #326c8e);
}

.Browse.Range > .details > span {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Browse.Range > .details {
    padding:10px;
    color:var(--browse-details-color, #BBB);
    font-size:13px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:400;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Browse.Range > .slider > .pattern > div.active {
    background:var(--browse-opt-color, #949494);
    width:3px;
    margin-left:-1px;
    height:6px;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Browse.Range > .slider > .pattern > div {
    position:absolute;
    top:0px;
    background:var(--browse-details-color, #BBB);
    width:1px;
    height:inherit;
}

.Browse.Range > .slider > .pattern {
    position:relative;
    height:3px;
    top:-3px;
}

.Browse.Range > .opts {
    display:grid;
    grid-auto-flow:column;
    grid-gap:2px;
    place-items:center;
    width:max-content;
    margin:0px auto;
}

.Browse.Range > .opts > span:not(.noselect):active {
    transform:scale(.96);
}

.Browse.Range > .opts > span:not(.noselect):hover > a {
    color:var(--browse-opt-color-hover, #FFF);
}

.Browse.Range > .opts > span:not(.noselect):hover {
      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

    background:var(--browse-opt-bg-hover, #326c8e);
    transform:translateY(-2px);
}

html.desktop .Browse.Range.is-sizing:not(.is-narrow) > .opts > span:not(.noselect) {
    width:60px;
}

.Browse.Range.is-sizing > .opts > span:not(.noselect):not(.current) {
    /*background:var(--browse-opt-bg-hover, #326c8e);*/
    /*color:var(--browse-opt-color-hover, #FFF);*/
}

.Browse.Range > .opts > span > a,
.Browse.Range > .opts > span {
    color:var(--browse-opt-color, #949494);
    cursor:pointer;
    display:inline-block;
      transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:all 300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);

}

.Browse.Range > .opts > span > a,
.Browse.Range > .opts > span.noselect {
    padding:5px 10px;
}

html.mobile .Browse.Range > .opts > span > a {
    padding:10px 8px;
}

html.mobile .Browse.Range > .opts > span.noselect {
    padding:10px 5px;
}

.Browse.Range > .opts > span {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:600;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    background:var(--browse-opt-bg, #eeeeee);
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Browse.Range > .opts > span.current,
.Browse.Range > .opts > span.active {
    border-radius:5px;
      box-shadow:0px 1px 2px 0px rgba(30, 30, 30, 0.1);

}


.Browse.Range > .opts > span.current > a,
.Browse.Range > .opts > span.current {
    color:var(--browse-opt-color-current, #FFF);
}

.Browse.Range > .opts > span.noselect {
    color:var(--browse-opt-color-dimmed, #555);
    /*font-weight:300;*/
}

.Browse.Range > .opts > span.current {
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

      animation:ani-pulsate 1s infinite 0s;
  -webkit-animation:ani-pulsate 1s infinite 0s;
  -moz-animation:ani-pulsate 1s infinite 0s;
  -o-animation:ani-pulsate 1s infinite 0s;
  -ms-animation:ani-pulsate 1s infinite 0s;

    background:var(--browse-opt-bg-current, #58a9da);
}

.Browse.Range > .opts > span.noselect:not(.current) {
    padding-left:5px;
    padding-right:5px;
}

.Browse.Range > .opts > span.noselect {
    background:none;
}

.Browse.Range > .opts > span.noselect,
.Browse.Range > .opts > span.current {
      user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -o-user-select:none;
  -ms-user-select:none;
  -webkit-touch-callout:none;
  pointer-events:none;

    cursor:default;
}

.Browse.Range > .opts > span a {
    text-decoration:none;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}




/* Local mode: RangeInput.css
**************************************/

.Browse.Range {
    --nobSquare:18px;
    --trackHeight:12px;
}

.Browse.Range > .slider > input.range {
    position:relative;
    z-index:2;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background:none;
    height:var(--nobSquare);
    width:100%;
    margin:0;
    padding:0;
    pointer-events:painted;
}

.Browse.Range > .slider > input.range:focus {
    outline:none;
}

/* Thumb */
.Browse.Range > .slider > input.range::-webkit-slider-thumb:hover {
    background:#326c8e;
}

.Browse.Range > .slider > input.range::-webkit-slider-thumb {
    -webkit-appearance:none;
    appearance:none;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    width:var(--nobSquare);
    height:var(--nobSquare);
    background:#FFF;
    border-radius:15px;
    box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
    margin-top:-4px;
    border:none;
    cursor:pointer;
}


/* Track */
.Browse.Range > .slider > input.range::-webkit-slider-runnable-track {
    height:var(--trackHeight);
    background-image:linear-gradient(0deg, #EEE 0%, #FAFAFA, #EEE 100%);
    border-radius:calc(var(--trackHeight) / 2);
    border:1px #DDD solid;
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

}

.Browse.Range.is-sizing > .slider > input.range::-webkit-slider-runnable-track {
    border:1px #CCC solid;
}




/* Local mode: DomAnchorToPage.css
**************************************/

.Anchor.To.Page {

}

.Anchor.To.Page.as-icon > .Svg {
    fill:#FFF;
}

.Anchor.To.Page > .Svg {
    vertical-align:middle;
}




/* Local mode: Entitylistrender.css
**************************************/

.Entitylistrender > .missing,
.Entitylistrender > .empty {
    text-align:center;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:500;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

    font-size:11px;
    color:var(--text-d);
    padding:20px;
    border:1px var(--text-e) dotted;
}

.Entitylistrender > .noxs > * {
    vertical-align:middle;
}

.Entitylistrender > .noxs > svg {
    fill:#b76a6a;
}

.Entitylistrender > .noxs {
    margin:0px auto;
    text-align:center;
    width:250px;
      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight:700;
  letter-spacing:-.025em;
  -webkit-font-smoothing:auto;

}

.Entitylistrender > .empty > span {
    font-style:italic;
}

.Entitylistrender > .missing {
    border:2px var(--color-warning) solid;
}




/* Local mode: EntitylistrenderThemeReel.css
**************************************/






/* Local mode: EntitylistrenderThemeReelGrid.css
**************************************/

body {
    background:#222;
    min-height:4000px;
}

.Entitylistrender.Theme.Reel.Grid {
    width:100vw;
    height:100vh;
    position:fixed;
    top:0vh;
    left:0px;
    /*-webkit-transform:rotateX(-25deg) translateZ(-500px);*/
    /*transform:rotateX(-25deg) translateZ(-500px);*/
    perspective:3000px;
    -webkit-perspective:3000px;
    margin:0;
    z-index:0;
}

.Entitylistrender.Theme.Reel.Grid.Expo.Brand {
    z-index:-1;
    pointer-events:none;
}

.Entitylistrender.Theme.Reel.Grid,
.Entitylistrender.Theme.Reel.Grid > .group,
.Entitylistrender.Theme.Reel.Grid > .group > .Entityrender {
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
}




/* Local mode: EntitylistrenderThemeREelGridExpoInBrand.css
**************************************/

.Entitylistrender.Reel.Expo.Brand {

}





/* Local mode: EntitylistrenderThemeReelItem.css
**************************************/

.Entitylistrender.Theme.Reel.Item {
    transform-origin:center;
}

.Entitylistrender.Theme.Reel.Item,
.Entitylistrender.Theme.Reel.Item > .group,
.Entitylistrender.Theme.Reel.Item > .group > .Entityrender {
    transform-style:preserve-3d;
    -webkit-transform-style:preserve-3d;
    height:100vh;
}

.Entitylistrender.Theme.Reel.Item > .group > .Entityrender {
    position:absolute;
    left:0px;
    top:0px;
    width:100vw;
    transition:unset !important;
}

.Entitylistrender.Theme.Reel.Item.isc > .group > .Entityrender {
    /*transition-property:transform;*/
    /*transition-duration:300ms;*/
    /*transition-timing-function:ease-out;*/
}




/* Local mode: ReelengineConventional.css
**************************************/






/* Local mode: ReelengineGridRow.css
**************************************/

body[engine="GridRow"] #engineHandle {
      transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -webkit-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -moz-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -o-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition:300ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -webkit-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -moz-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -o-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;
  -ms-transition-property:fill, outline, outline-width, clip-path, box-shadow, background, background-color, filter, color, opacity, transform, border-color;

    background:var(--color-heading-light);
    width:40px;
    height:5px;
    position:absolute;
    left:0px;
    z-index:9999;
    cursor:pointer;
    pointer-events:painted;
    transform-origin:center;
    border-radius:1em;
}

body[engine="GridRow"] #engineHandle.is-dragging,
body[engine="GridRow"] #engineHandle:hover {
    background:var(--color-heading);
    transform:scale(1, 1.5);
}




/* Local mode: ValueAsHtml.css
**************************************/

.Value.Html {
    width:100%;
    max-width:100%;
    min-width:100%;
    min-height:250px;
    border:0px;
}




/* Local mode: ValueAsHtmlInExpression.css
**************************************/

.Value.As.Html.Expression {
    white-space:nowrap;
    tab-size:1em;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  tab-size:1em;

    font-size:12px;
    min-height:650px;
    padding:10px;
    border:2px #58a9da solid;
    margin:5px;
}