/*
Neodigm 55 UX v3.1.0
Copyright (c) 2021-2025, Arcanus 55 Privacy Paranoid Vault | Forged by Scott C. Krause

Neodigm 55 is an eclectic JavaScript UX micro-library.
The lightweight components come together in a unique way that will make your website playful and fun.

All rights reserved. Redistributions of source code must retain the above copyright and notice.
*/

:root {
    --neodigm-theme-brand: #edba08;   --neodigm-theme-brand-alt: #915E00;  /* Custom Override */

    --neodigm-theme-primary: #92a8d1;   --neodigm-theme-primary-alt: #364C75;  /* Serenity approx. 25% darker */
    --neodigm-theme-secondary: #EDCED0; --neodigm-theme-secondary-alt: #978284;  /* Sand Dollar */
    --neodigm-theme-success: #009473;   --neodigm-theme-success-alt: #003817;  /* Emerald */
    --neodigm-theme-danger: #DD4124;    --neodigm-theme-danger-alt: #810000;  /* Tangerine Tango */
    --neodigm-theme-warning: #F5DF4D;   --neodigm-theme-warning-alt: #988200;  /* Illuminating */
    --neodigm-theme-info: #7BC4C4;      --neodigm-theme-info-alt: #1F6868;  /* Aqua Sky */
    --neodigm-theme-disabled: #d6d6d6;  --neodigm-theme-disabled-alt: #c6c6c6;  /* Light Gray */
    --neodigm-theme-night: #6a6a6a;     --neodigm-theme-night-alt: #242424;  /* Charcoal */
    --neodigm-theme-marcom: #B163A3;    --neodigm-theme-marcom-alt: #5F4B8B;  /* Radiant Orchid | Ultra Violet */
    --neodigm-theme-party: #FF6F61;     --neodigm-theme-party-alt: #C93F60;  /* Living Coral | Honeysuckle */

    --neodigm-height-picnic: calc( 44px * 3 )
}

neodigm-template { display: none; }

/*  Neodigm Toast Begin  */
.l-snackbar .snackbar__cont {
	border-radius: 4px;
	background: linear-gradient(45deg, var(--neodigm-theme-brand) 0%, var(--neodigm-theme-brand-alt) 100%);
	box-shadow: inset var(--neodigm-theme-brand) 0 0 6px 2px;
	border: solid 1px #d3cdb4;
	left: 38%;
	min-width: 20%;
	padding: 0;
	position: fixed;
	transition: bottom .6s ease-in-out;
	user-select: none;
	z-index: 6408
}
.l-snackbar .snackbar__cont[data-n55-theme='brand'] { box-shadow: inset var(--neodigm-theme-brand) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-brand) 0%, var(--neodigm-theme-brand-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='primary'] { box-shadow: inset var(--neodigm-theme-primary) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-primary) 0%, var(--neodigm-theme-primary-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='secondary'] { box-shadow: inset var(--neodigm-theme-secondary) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-secondary) 0%, var(--neodigm-theme-secondary-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='success'] { box-shadow: inset var(--neodigm-theme-success) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-success) 0%, var(--neodigm-theme-success-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='danger'] { box-shadow: inset var(--neodigm-theme-danger) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-danger) 0%, var(--neodigm-theme-danger-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='warning'] { box-shadow: inset var(--neodigm-theme-warning) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-warning) 0%, var(--neodigm-theme-warning-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='info'] { box-shadow: inset var(--neodigm-theme-info) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-info) 0%, var(--neodigm-theme-info-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='night'] { box-shadow: inset var(--neodigm-theme-night) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-night) 0%, var(--neodigm-theme-night-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='marcom'] { box-shadow: inset var(--neodigm-theme-marcom) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-marcom) 0%, var(--neodigm-theme-marcom-alt) 100%); }
.l-snackbar .snackbar__cont[data-n55-theme='party'] { box-shadow: inset var(--neodigm-theme-party) 0 0 6px 2px; background: linear-gradient(45deg, var(--neodigm-theme-party) 0%, var(--neodigm-theme-party-alt) 100%); }

.l-snackbar .snackbar__cont[data-n55-theme='brand'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-brand-alt) 0%, var(--neodigm-theme-brand) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='primary'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-primary-alt) 0%, var(--neodigm-theme-primary) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='secondary'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-secondary-alt) 0%, var(--neodigm-theme-secondary) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='success'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-success-alt) 0%, var(--neodigm-theme-success) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='danger'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-danger-alt) 0%, var(--neodigm-theme-danger) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='warning'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-warning-alt) 0%, var(--neodigm-theme-warning) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='info'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-info-alt) 0%, var(--neodigm-theme-info) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='night'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-night-alt) 0%, var(--neodigm-theme-night) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='marcom'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-marcom-alt) 0%, var(--neodigm-theme-marcom) 100%) }
.l-snackbar .snackbar__cont[data-n55-theme='party'] .snackbar__progbar { background: linear-gradient(90deg, var(--neodigm-theme-party-alt) 0%, var(--neodigm-theme-party) 100%) }

.l-snackbar .snackbar__cont--hide {
	bottom: -112px;
	transition: bottom .6s ease-in-out
}
.l-snackbar .snackbar__cont--show {
	bottom: 4px;
	transition: bottom .6s ease-in-out
}
.l-snackbar .snackbar__cont--alt {
	background: linear-gradient(45deg, #685b2d 0%, #d8ad12 100%) !important; 
	box-shadow: inset #685b2d 0 0 6px 2px !important; 
}
.l-snackbar .snackbar__progbar {
	height: 4px;
	padding: 0; margin: 0;
	position: relative;
	top: 2px
}
.l-snackbar .snackbar__cont--hide .snackbar__progbar {
	width: 0;
	transition: width .1s ease-in-out;
}
.l-snackbar .snackbar__cont--show .snackbar__progbar {
	width: 100%;
	transition: width 5.2s ease-in-out;
}
.l-snackbar .snackbar__msg {
	color: #fff;
	font-family: 'Helvetica', 'Helvetica Neue', sans-serif;
	font-size: 18px;
	margin: 18px;
	text-align: center;
	white-space: nowrap
}
@media print {
    .l-snackbar { display: none;}
}
/*  Neodigm Toast End  */

/*  Neodigm Soda Pop Begin  */
body:has( .ndsp__bodyscroll ){ overflow: hidden; }
neodigm-sodapop-scrim { display: none; }
neodigm-sodapop-scrim[data-n55-sodapop-scrim='opened'] {
    display: block!important;
    position: fixed;
    background-position: 50% 0; background-size: cover;
    top: 0; right: 0; bottom: 0; left: 0;
    backdrop-filter: blur(0px); transition: backdrop-filter 1s ease-in-out;
    background: rgba(43, 30, 30, 0);
    z-index: 256;
}
neodigm-sodapop-scrim:not(.ndsp__modal) { cursor: pointer; }
neodigm-sodapop-scrim[data-n55-sodapop-scrim='opened'].ndsp__blur {
    backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .2);
}
neodigm-sodapop-scrim-close { display: none; }
neodigm-sodapop-scrim-close:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] {
    display: block!important;
    cursor: pointer;
    position: fixed;
    top: 4px; right: 4px;
    overflow-x: hidden;
    transform: rotate(0deg);
    transition: all .4s ease-in-out;
    z-index: 264;
}
neodigm-sodapop-scrim-close:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] svg { pointer-events: none; }
neodigm-sodapop-scrim-close:hover:not(.ndsp__modal)[data-n55-sodapop-scrim='opened'] { transform: rotate(90deg); }
neodigm-sodapop {
    background-color: #fff;
    border-radius: 20px; transition: all .68s;
    border: solid 1px #767676;
    box-shadow: 0 0 4px rgba(100,100,100,0.4);
    display: block !important;
    margin: 0 auto; padding: 10px;
    position: fixed;
    top: 74px; right: 0; left: 0;
     max-height: calc(100vh - 156px);
    overflow-y: scroll; overflow-x: hidden;
    z-index: 258;
}
neodigm-sodapop.n55SodapopFullscreen.ndsp__opened { height: calc(100vh - 56px); max-height: calc(100vh - 56px); }
neodigm-sodapop.n55SodapopFullscreen.ndsp__opened { top: 16px; }

[data-n55-ampm-theme="dark"] neodigm-sodapop,
neodigm-sodapop[data-n55-ampm-theme="dark"] { background-color: var(--neodigm-theme-night-alt); }

neodigm-sodapop.ndsp__opened {
    border-radius: 8px;
	transform: rotate(0deg);
    min-height: 156px;
    top: 60px;
}
neodigm-sodapop.ndsp__opened--shake1 {
    animation-duration: 0.2s;
    animation-iteration-count: 4;
    animation-name: touch_shake;
}

neodigm-sodapop.ndsp__size--xsmall { width: 66%; }
neodigm-sodapop.ndsp__size--small  { width: 76%; }
neodigm-sodapop.ndsp__size--medium { width: 86%; }
neodigm-sodapop.ndsp__size--large  { width: 96%; }

neodigm-sodapop:not(.ndsp__modal)::after {
    cursor: pointer;
    display: block;
    position: absolute; top: -14px; right: -26px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23EDBA08'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E");
    user-select: none;
}
@media only screen and (min-width:62em){/* sm med */
    neodigm-sodapop.ndsp__size--xsmall { width: 32%; }
    neodigm-sodapop.ndsp__size--small  { width: 44%; }
    neodigm-sodapop.ndsp__size--medium { width: 66%; }
    neodigm-sodapop.ndsp__size--large  { width: 88%; }
}
@media print { neodigm-sodapop-scrim-close { z-index: -256 !important;} }
/*  Neodigm Soda Pop End  */

/*  Neodigm Carousel Begin  */
neodigm-carousel {
    position: relative; display: block;
    height: 100%; width: 100%;
    overflow: hidden;
}
neodigm-carousel.n55-caro__blur {
    animation: carousel_nav .90s ease-in-out;
}
neodigm-carousel > section {
    position: relative; display: grid; gap: 8px;
    grid-area: box-content; box-sizing: border-box; align-content: center;  
    margin: 0 auto; padding: 8px; margin-left: 1px;
	transition: all .86s ease-in-out;
}
neodigm-carousel > section > section { position: relative; display: block; }

@keyframes carousel_nav {
    0% { filter: blur(0); opacity: 1; }
    30% { filter: blur(3px); }
    60% { opacity: .3; }
    100% { filter: blur(0); opacity: 1; }
}
/*  Neodigm Carousel End  */

/*  Neodigm Parallax Begin  */
neodigm-parallax[data-n55-parallax-mobile='false'],
neodigm-parallax[data-n55-parallax-mobile='false'] * { display: none; }

neodigm-parallax[data-n55-parallax] aside {
    position: relative; overflow: hidden;
    padding: 200px 0;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: middle center;
    width: 100%;
}
neodigm-parallax[data-n55-parallax-size='micro']  aside { padding: 50px 0; }
neodigm-parallax[data-n55-parallax-size='xsmall'] aside { padding: 100px 0; }
neodigm-parallax[data-n55-parallax-size='small']  aside { padding: 200px 0; }
neodigm-parallax[data-n55-parallax-size='medium'] aside { padding: 400px 0; }
neodigm-parallax[data-n55-parallax-size='large']  aside { padding: 600px 0; }
neodigm-parallax[data-n55-parallax-size='xlarge'] aside { padding: 1000px 0; }
/*  Neodigm Parallax End  */

/*  Neodigm Marquee Begin  */ 
neodigm-marquee {
    display: inline-block;
    user-select: none;
    width: 100%;
    overflow: hidden;
    background-color: #282828;
        height: 38px;
}
[data-n55-ampm-theme="light"] neodigm-marquee[data-n55-theme='ghost'] { background-color: #fff; }
[data-n55-ampm-theme="dark"]  neodigm-marquee[data-n55-theme='ghost'] { background-color: #282828; }

[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 128px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']  neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 218px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 238px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']  neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 268px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge'] neodigm-marquee { background-color: rgba(0,0,0,0); max-width: 298px; }

neodigm-marquee pre {
    color: var(--neodigm-theme-brand);
    font-family: 'Roboto Mono', monospace; 
    padding: 0; margin: 2px;
    font-weight: 100;
        font-size: 30px; line-height: 1.1;

    text-shadow:
    -0.2rem -0.2rem 1rem #ed5808,
    0.1rem 0.1rem .6rem #fff
}
neodigm-marquee pre[data-n55-theme='primary'],
neodigm-marquee pre [data-n55-theme='primary'] { color: var(--neodigm-theme-primary); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-primary-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='secondary'],
neodigm-marquee pre [data-n55-theme='secondary'] { color: var(--neodigm-theme-secondary); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-secondary-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='success'],
neodigm-marquee pre [data-n55-theme='success'] { color: var(--neodigm-theme-success); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-success-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='danger'],
neodigm-marquee pre [data-n55-theme='danger'] { color: var(--neodigm-theme-danger); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-danger-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='warning'],
neodigm-marquee pre [data-n55-theme='warning'] { color: var(--neodigm-theme-warning); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-warning-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='info'],
neodigm-marquee pre [data-n55-theme='info'] { color: var(--neodigm-theme-info); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-info-alt), 0.1rem 0.1rem .6rem #fff }
neodigm-marquee pre[data-n55-theme='night'],
neodigm-marquee pre [data-n55-theme='night'] { color: var(--neodigm-theme-night-alt); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-night), 0.1rem 0.1rem .6rem #fff}
neodigm-marquee pre[data-n55-theme='marcom'],
neodigm-marquee pre [data-n55-theme='marcom'] { color: var(--neodigm-theme-marcom); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-marcom-alt), 0.1rem 0.1rem .6rem #fff}
neodigm-marquee pre[data-n55-theme='party'],
neodigm-marquee pre [data-n55-theme='party'] { color: var(--neodigm-theme-party); text-shadow: -0.2rem -0.2rem 1rem var(--neodigm-theme-party-alt), 0.1rem 0.1rem .6rem #fff}
neodigm-marquee pre[data-n55-theme='white'],
neodigm-marquee pre [data-n55-theme='white'] { color: #fff; text-shadow: none; }
[data-n55-ampm-theme="light"] neodigm-marquee pre[data-n55-theme='ghost'],
[data-n55-ampm-theme="light"] neodigm-marquee pre [data-n55-theme='ghost'] { color: var(--neodigm-theme-night); text-shadow: none; }
[data-n55-ampm-theme="dark"]  neodigm-marquee pre[data-n55-theme='ghost'],
[data-n55-ampm-theme="dark"]  neodigm-marquee pre [data-n55-theme='ghost'] { color: #fff; text-shadow: none; }


neodigm-marquee[data-n55-marquee-size='xsmall'] { height: 24px; }
neodigm-marquee[data-n55-marquee-size='xsmall'] * {
    font-size: 14px; line-height: 1;
}
neodigm-marquee[data-n55-marquee-size='small'] { height: 28px; }
neodigm-marquee[data-n55-marquee-size='small'] * {
    font-size: 20px; line-height: 1;
}
neodigm-marquee[data-n55-marquee-size='medium'] { height: 30px; }
neodigm-marquee[data-n55-marquee-size='medium'] * {
    font-size: 26px; line-height: .9;
}
neodigm-marquee[data-n55-marquee-size='large'] { height: 38px; }
neodigm-marquee[data-n55-marquee-size='large'] * {
    font-size: 30px; line-height: 1.1;
}
neodigm-marquee[data-n55-marquee-size='xlarge'] { height: 48px; }
neodigm-marquee[data-n55-marquee-size='xlarge'] * {
    font-size: 38px; line-height: 1.2;
}
/*  Neodigm Marquee End  */

/*  Neodigm Claire Begin  */
[data-n55-claire="true"] > * {
    position: relative !important;
}
[data-n55-claire="true"] > * > canvas {
background-color: rgba( 96, 88, 44, 0);
    position: absolute;
    top: 1px; left: 1px;
    z-index: 32;
}
[data-n55-claire="false"] > * > canvas { display: none }
/*  Neodigm Claire End  */

/*  Neodigm Enchanted CTA Begin   */
[data-n55-enchanted-cta]{ 
    border-radius: 6px 22px; border: 0px;
    color: #fff; cursor: pointer; 
    display: inline-block;
    font-family: 'Helvetica', 'Helvetica Neue', 'Roboto',sans-serif; font-weight: 400;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: all .5s ease;
    user-select: none;
    margin: 4px 8px; 
}
[data-n55-enchanted-cta][data-n55-theme="disabled"] { cursor: default; }
[data-n55-enchanted-cta][data-n55-theme="disabled"] span:nth-of-type(2){ display: none; }
[data-n55-enchanted-cta]:not([data-n55-theme="disabled"]) { cursor: pointer; }
  [data-n55-enchanted-cta][data-n55-shape-off] { border-radius: 6px !important; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-shape-off='true'] { border-radius: 6px !important; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='emit']:not([data-n55-theme="disabled"]){ 
    animation: touch_emit 2s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='radius']:not([data-n55-theme="disabled"]){
    animation: touch_radius 2s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='shake']:not([data-n55-theme="disabled"]){
    animation: touch_shake 2s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='scroll']:not([data-n55-theme="disabled"]) span:nth-of-type(1){
    animation: touch_scroll_1 4s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='scroll']:not([data-n55-theme="disabled"]) span:nth-of-type(2){
    animation: touch_scroll_2 4s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='alternate']:not([data-n55-theme="disabled"]) span:nth-of-type(1){
    animation: touch_alternate_1 4s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='alternate']:not([data-n55-theme="disabled"]) span:nth-of-type(2){
    animation: touch_alternate_2 4s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='flash_danger']:not([data-n55-theme="disabled"]){
    animation: touch_flash_danger 2s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-ambient='flash_warning']:not([data-n55-theme="disabled"]){
    animation: touch_flash_warning 2s forwards infinite ease;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']{
    font-size: 14px; line-height: 1.3;
    padding: 10px 12px; min-width: 84px;
    border-radius: 6px 16px;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']:hover span:nth-of-type(2){
	transform: translateY(8px);
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']{
    font-size: 18px; line-height: 1.4;
    padding: 12px 20px; min-width: 104px;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium']{
    font-size: 20px; line-height: 1.4;
    padding: 16px 24px; min-width: 186px;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']{
    font-size: 22px; line-height: 1.4;
    padding: 20px 28px; min-width: 216px;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']{
    font-size: 24px; line-height: 1.5;
    padding: 22px 32px; min-width: 248px;
    border-radius: 6px 26px;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']:hover span:nth-of-type(2){
	transform: translateY(12px);
}
[data-n55-enchanted-cta] span:nth-of-type(1){
	display: block;
	transform: translateY(0px);
	transition: all .5s ease;
    line-height: 1;
	text-align: center;
}
[data-n55-enchanted-cta]:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(1){
	transform: translateY(60px);
}
[data-n55-enchanted-cta]:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){
	display: block;
	left: 0; top: 0;
	position: absolute;
	text-align: center;
	transform: translateY(-60px);
	transition: all .5s ease;
	width: 100%;
}
[data-n55-enchanted-cta][data-n55-enchanted-cta-hover-an="false"] span:nth-of-type(2){ display: none; }

[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(7px); }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']:hover:not([data-n55-theme="disabled"],  [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(8px); }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(12px); }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']:hover:not([data-n55-theme="disabled"],  [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(14px); }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge']:hover:not([data-n55-theme="disabled"], [data-n55-enchanted-cta-hover-an="false"]) span:nth-of-type(2){ transform: translateY(15px); }

[data-n55-enchanted-cta][data-n55-theme='brand']     { background: linear-gradient(var(--neodigm-theme-brand), var(--neodigm-theme-brand-alt)); }
[data-n55-enchanted-cta][data-n55-theme='primary']   { background: linear-gradient(var(--neodigm-theme-primary), var(--neodigm-theme-primary-alt)); }
[data-n55-enchanted-cta][data-n55-theme='secondary'] { background: linear-gradient(var(--neodigm-theme-secondary), var(--neodigm-theme-secondary-alt)); }
[data-n55-enchanted-cta][data-n55-theme='success']   { background: linear-gradient(var(--neodigm-theme-success), var(--neodigm-theme-success-alt)); }
[data-n55-enchanted-cta][data-n55-theme='danger']    { background: linear-gradient(var(--neodigm-theme-danger), var(--neodigm-theme-danger-alt)); }
[data-n55-enchanted-cta][data-n55-theme='warning']   { background: linear-gradient(var(--neodigm-theme-warning), var(--neodigm-theme-warning-alt)); }
[data-n55-enchanted-cta][data-n55-theme='info']      { background: linear-gradient(var(--neodigm-theme-info), var(--neodigm-theme-info-alt)); }
[data-n55-enchanted-cta][data-n55-theme='disabled']  { background: linear-gradient(var(--neodigm-theme-disabled), var(--neodigm-theme-disabled-alt)); }
[data-n55-enchanted-cta][data-n55-theme='night']     { background: linear-gradient(var(--neodigm-theme-night), var(--neodigm-theme-night-alt)); }
[data-n55-enchanted-cta][data-n55-theme='marcom']    { background: linear-gradient(var(--neodigm-theme-marcom), var(--neodigm-theme-marcom-alt)); }
[data-n55-enchanted-cta][data-n55-theme='party']     { background: linear-gradient(var(--neodigm-theme-party), var(--neodigm-theme-party-alt)); }
[data-n55-ampm-theme="light"] [data-n55-enchanted-cta][data-n55-theme='ghost'] { background: rgba(0,0,0,0); color: var( --neodigm-theme-night-alt );
    outline: solid 1px var( --neodigm-theme-night-alt ); 
}
[data-n55-ampm-theme="dark"]  [data-n55-enchanted-cta][data-n55-theme='ghost'] { background: rgba(0,0,0,0); color: #fff;
    outline: solid 1px #fff; 
}

@keyframes touch_emit{
	0%{ box-shadow: 0 0 0 0 rgba(255,255,56, .25);}
	70%{ box-shadow: 0 0 0 20px rgba(237, 186, 8, 0);}
	100%{ box-shadow: 0 0 0 0 rgba(255,181,56, 0);}
}
@keyframes touch_radius{
	0%{ border-radius: 6px 22px; }
	50%{ border-radius: 22px 6px; }
	100%{ border-radius: 6px 22px; }
}
@keyframes touch_shake{
    0%  { transform: translate(1px, -3px) rotate(-2deg); }
    10% { transform: translate(-1px, 2px) rotate(-1deg); }
    20% { transform: translate(1px, 3px) rotate(0deg); }
    30% { transform: translate(2px, 3px) rotate(1deg); }
    40% { transform: translate(1px, -1px) rotate(2deg); }
    50% { transform: translate(-1px, -3px) rotate(-1deg); }
    60% { transform: translate(-2px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(2deg); }
    90% { transform: translate(-3px, 0px) rotate(1deg); }
    100%{ transform: translate(1px, 1px) rotate(0deg); }
  }

@keyframes touch_scroll_1{
    0%{ transform: translateY(80px);}
    50%{ transform: translateY(0px); }
    100%{ transform: translateY(80px); }
}

@keyframes touch_scroll_2{
    0%{ transform: translateY(0px);}
    50%{ transform: translateY(140px); }
    100%{ transform: translateY(0px); }
}

@keyframes touch_alternate_1{
    0%{ transform: translateY(80px);}
    50%{ transform: translateY(0px); }
    100%{ transform: translateY(80px); }
}

@keyframes touch_alternate_2{
    0%{ transform: translateY(0px);}
    50%{ transform: translateY(140px); }
    100%{ transform: translateY(0px); }
}

@keyframes touch_flash_danger{
    10%{ background:  var(--neodigm-theme-danger-alt); }
    20%{ background:  var(--neodigm-theme-danger); }
    30%{ background:  var(--neodigm-theme-danger-alt); }
    40%{ background:  var(--neodigm-theme-danger); }
    50%{ background:  var(--neodigm-theme-danger-alt); }
    60%{ background:  var(--neodigm-theme-danger); }
    70%{ background:  var(--neodigm-theme-danger-alt); }
    80%{ background:  var(--neodigm-theme-danger); }
    100%{ background: var(--neodigm-theme-danger-alt); }
}

@keyframes touch_flash_warning{
    10%{ background:  var(--neodigm-theme-warning-alt); }
    20%{ background:  var(--neodigm-theme-warning); }
    30%{ background:  var(--neodigm-theme-warning-alt); }
    40%{ background:  var(--neodigm-theme-warning); }
    50%{ background:  var(--neodigm-theme-warning-alt); }
    60%{ background:  var(--neodigm-theme-warning); }
    70%{ background:  var(--neodigm-theme-warning-alt); }
    80%{ background:  var(--neodigm-theme-warning); }
    100%{ background: var(--neodigm-theme-warning-alt); }
}
/*  Neodigm Enchanted CTA End  */

/*  Neodigm KPI Begin  */
neodigm-kpi {
    position: relative; overflow: hidden;
    display: inline-block;
    background-color: var( --neodigm-theme-brand-alt );
    border-radius: 50%;
    cursor: pointer; 
    font-family: 'Helvetica', 'Helvetica Neue', 'Roboto',sans-serif; font-weight: 100;
    text-decoration: none;
    transition: all .6s ease;
    user-select: none;
    text-align: center;
    margin: 4px; padding: 4px;
}
neodigm-kpi > h5,
neodigm-kpi > h6 {
    position: relative; overflow: hidden;
    text-align: center;
    color: #fff;
    font-family: 'Helvetica', 'Helvetica Neue', 'Roboto Condensed',sans-serif; font-weight: 300;
    margin: 4px; padding: 4px;
    text-decoration: none;
    transition: all .6s ease;
}
neodigm-kpi > h5 > span { display: none; }
neodigm-kpi[data-n55-kpi-percent="true"] > h5 > span { display: inline-block; }
neodigm-kpi > h5 { top: 22%; letter-spacing: -.08rem; }
neodigm-kpi > h5 > span {font-size: 56%; margin-top: -20px; padding: 0 6px;}
neodigm-kpi > h6 { top: 20%; }

[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='brand']     { background-color: var( --neodigm-theme-brand-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='primary']   { background-color: var( --neodigm-theme-primary-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='secondary'] { background-color: var( --neodigm-theme-secondary-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='success']   { background-color: var( --neodigm-theme-success-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='danger']    { background-color: var( --neodigm-theme-danger-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='warning']   { background-color: var( --neodigm-theme-warning-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='info']      { background-color: var( --neodigm-theme-info-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='night']     { background-color: var( --neodigm-theme-night-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='marcom']    { background-color: var( --neodigm-theme-marcom-alt ); }
[data-n55-ampm-theme="light"]  neodigm-kpi[data-n55-theme='party']     { background-color: var( --neodigm-theme-party-alt ); }

[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='brand']     { background-color: var( --neodigm-theme-brand ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='primary']   { background-color: var( --neodigm-theme-primary ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='secondary'] { background-color: var( --neodigm-theme-secondary ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='success']   { background-color: var( --neodigm-theme-success ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='danger']    { background-color: var( --neodigm-theme-danger ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='warning']   { background-color: var( --neodigm-theme-warning ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='info']      { background-color: var( --neodigm-theme-info ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='night']     { background-color: var( --neodigm-theme-night ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='marcom']    { background-color: var( --neodigm-theme-marcom ); }
[data-n55-ampm-theme="dark"] neodigm-kpi[data-n55-theme='party']     { background-color: var( --neodigm-theme-party ); }

neodigm-kpi > h5, neodigm-kpi > h6 { margin: 0;}
neodigm-kpi[data-n55-kpi-size='xsmall'] { height: 96px; width: 96px; }
neodigm-kpi[data-n55-kpi-size='xsmall'] > h5 { font-size: 24px;} /*  3/5  */
neodigm-kpi[data-n55-kpi-size='xsmall'] > h6 { font-size: 10px;}
neodigm-kpi[data-n55-kpi-size='small'] { height: 124px; width: 124px; }
neodigm-kpi[data-n55-kpi-size='small'] > h5 { font-size: 27px;}
neodigm-kpi[data-n55-kpi-size='small'] > h6 { font-size: 13px;}
neodigm-kpi[data-n55-kpi-size='medium'] { height: 206px; width: 206px; }
neodigm-kpi[data-n55-kpi-size='medium'] > h5 { font-size: 72px;}
neodigm-kpi[data-n55-kpi-size='medium'] > h6 { font-size: 16px;}
neodigm-kpi[data-n55-kpi-size='large'] { height: 236px; width: 236px; }
neodigm-kpi[data-n55-kpi-size='large'] > h5 { font-size: 84;}
neodigm-kpi[data-n55-kpi-size='large'] > h6 { font-size: 18px;}
neodigm-kpi[data-n55-kpi-size='xlarge'] { height: 266px; width: 266px;}
neodigm-kpi[data-n55-kpi-size='xlarge'] > h5 { font-size: 96px;}
neodigm-kpi[data-n55-kpi-size='xlarge'] > h6 { font-size: 20px;}
/*  Neodigm KPI End  */

/*  Neodigm Select Begin  */
[data-n55-select]{
    border: solid 3px #edba08; border-radius: 6px;
    color: #edba08;
    text-align-last: center;
}
[data-n55-select][data-n55-size='xsmall']{ font-size: 14px; line-height: 1;   padding: 10px 12px; min-width: 84px; }
[data-n55-select][data-n55-size='small'] { font-size: 18px; line-height: 1;   padding: 12px 20px; min-width: 104px; }
[data-n55-select][data-n55-size='medium']{ font-size: 20px; line-height: 1.1; padding: 16px 44px; min-width: 186px; }
[data-n55-select][data-n55-size='large'] { font-size: 22px; line-height: 1.2; padding: 20px 28px; min-width: 216px; }
[data-n55-select][data-n55-size='xlarge']{ font-size: 24px; line-height: 1.3; padding: 22px 32px; min-width: 248px; }

[data-n55-select][data-n55-theme='brand']     { border-color: var(--neodigm-theme-brand ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='primary']   { border-color: var(--neodigm-theme-primary ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='secondary'] { border-color: var(--neodigm-theme-secondary ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='success']   { border-color: var(--neodigm-theme-success ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='danger']    { border-color: var(--neodigm-theme-danger ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='warning']   { border-color: var(--neodigm-theme-warning ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='info']      { border-color: var(--neodigm-theme-info ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='disabled']  { border-color: var(--neodigm-theme-disabled ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='night']     { border-color: var(--neodigm-theme-night ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='marcom']    { border-color: var(--neodigm-theme-marcom ); color: var(--neodigm-theme-night ); }
[data-n55-select][data-n55-theme='party']     { border-color: var(--neodigm-theme-party ); color: var(--neodigm-theme-night); }
/*  Neodigm Select End  */

/*  Neodigm Tulip Begin  */ 
neodigm-tulip{
    position:fixed; display: block;
    text-align: center;

    top: 1px; left: 1px; height: 40px; min-width: 64px;

    border: solid 2px var(--neodigm-theme-brand);
    border-radius: 6px;
	background: var(--neodigm-theme-night-alt);
	padding: 0;
	user-select: none;
	z-index: 6408;
}
neodigm-tulip[data-n55-position='top']::after {
    content: " "; position: absolute;
    top: 100%; left: 50%; margin-left: -8px;
    border: solid 8px; border-color: var( --neodigm-theme-tulip ) transparent transparent transparent;
}
neodigm-tulip[data-n55-position='bottom']::after {
    content: " "; position: absolute;
    bottom: 100%; left: 50%; margin-left: -8px;
    border: solid 8px; border-color: transparent transparent var( --neodigm-theme-tulip ) transparent;
}
neodigm-tulip[data-n55-position='right']::after {
    content: " "; position: absolute;
    top: 32%; right: 100%; margin-left: -8px;
    border: solid 8px; border-color: transparent var( --neodigm-theme-tulip ) transparent transparent;
}
neodigm-tulip[data-n55-position='left']::after {
    content: " "; position: absolute;
    top: 32%; left: 104%; margin-left: -8px;
    border: solid 8px; border-color: transparent transparent transparent var( --neodigm-theme-tulip );
}

neodigm-tulip[data-n55-mrq='true'] neodigm-marquee { margin: 8px 6px; display: inline-block; width: 256px; }
neodigm-tulip[data-n55-mrq='true'] > P { display: none; }
neodigm-tulip neodigm-marquee { display: none; }

neodigm-tulip[data-n55-size='xsmall']{ font-size: 10px; line-height: 2.6; min-width: 84px; }
neodigm-tulip[data-n55-size='small'] { font-size: 14px; line-height: 1.8; min-width: 104px; }
neodigm-tulip[data-n55-size='medium']{ font-size: 18px; line-height: 1;   min-width: 186px; }
neodigm-tulip[data-n55-size='large']{  font-size: 22px; line-height: .8;  min-width: 216px; }
neodigm-tulip[data-n55-size='xlarge']{ font-size: 26px; line-height: .5;  min-width: 248px; }

neodigm-tulip[data-n55-lines='2'][data-n55-size='xsmall']{ line-height: 1.4;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='small'] { line-height: 1;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='medium']{ line-height: .9;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='medium'] > p{ margin: 1% 2px;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='large']{ line-height: 1;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='large'] > p{ margin: 1% 2px; font-size: 17px;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='xlarge']{ line-height: 1;}
neodigm-tulip[data-n55-lines='2'][data-n55-size='xlarge'] > p{ margin: 1% 2px; font-size: 18px;}

neodigm-tulip > p{
    color: #fff;
	font-family: 'Helvetica', 'Helvetica Neue', sans-serif;
	margin: 4% 2px; padding: 2px;
	text-align: center;
	white-space: nowrap
}

neodigm-tulip[data-n55-theme='brand']     { border-color: var( --neodigm-theme-brand ); }
neodigm-tulip[data-n55-theme='primary']   { border-color: var( --neodigm-theme-primary ); }
neodigm-tulip[data-n55-theme='secondary'] { border-color: var( --neodigm-theme-secondary ); }
neodigm-tulip[data-n55-theme='success']   { border-color: var( --neodigm-theme-success ); }
neodigm-tulip[data-n55-theme='danger']    { border-color: var( --neodigm-theme-danger ); }
neodigm-tulip[data-n55-theme='warning']   { border-color: var( --neodigm-theme-warning ); }
neodigm-tulip[data-n55-theme='info']      { border-color: var( --neodigm-theme-info ); }
neodigm-tulip[data-n55-theme='night']     { border-color: var( --neodigm-theme-night ); }
neodigm-tulip[data-n55-theme='marcom']    { border-color: var( --neodigm-theme-marcom ); }
neodigm-tulip[data-n55-theme='party']     { border-color: var( --neodigm-theme-party ); }

neodigm-tulip[data-n55-theme='white']     { border-color: #fff; }
[data-n55-ampm-theme="light"] neodigm-tulip[data-n55-theme='ghost'] { border-color: var( --neodigm-theme-night ); background: #fff;}
[data-n55-ampm-theme="light"] neodigm-tulip[data-n55-theme='ghost'] > P { color: var( --neodigm-theme-night ) !important; }

[data-n55-ampm-theme="dark"]  neodigm-tulip[data-n55-theme='ghost'] { border-color: #fff; background: var(--neodigm-theme-night-alt);}
[data-n55-ampm-theme="dark"]  neodigm-tulip[data-n55-theme='ghost'] > P { color: #fff !important; }

neodigm-tulip.tulip__cont--hide { display: none; }
neodigm-tulip.tulip__cont--show { display: block; }

@media print { neodigm-tulip { display: none;} }
/*  Neodigm Tulip End  */

/*  Neodigm PopTart Begin  */
[data-n55-poptart-open] {
    position: absolute; display: block;
    height: auto;
    overflow-x: hidden; overflow-y: auto;
    border: solid 2px var( --neodigm-theme-night );
    border-radius: 4px;
}
[data-n55-ampm-theme="dark"][data-n55-poptart-open] { background-color: var( --neodigm-theme-night-alt ) !important; }
[data-n55-ampm-theme="dark"] [data-n55-poptart-open] { border-color: #fff; background-color: var( --neodigm-theme-night-alt ); }

[data-n55-ampm-theme="light"][data-n55-poptart-open] { background-color: #fff !important; }
[data-n55-ampm-theme="light"] [data-n55-poptart-open] { border-color: var( --neodigm-theme-night-alt );background-color: #fff; }

[data-n55-poptart-open].ndsp__opened--shake1 {
    animation-duration: 0.2s;
    animation-iteration-count: 4;
    animation-name: touch_shake;
}

[data-n55-poptart-open][data-n55-theme='brand']    { border-color: var( --neodigm-theme-brand ) ;}
[data-n55-poptart-open][data-n55-theme='primary']  { border-color: var( --neodigm-theme-primary ) ;}
[data-n55-poptart-open][data-n55-theme='secondary']{ border-color: var( --neodigm-theme-secondary ) ;}
[data-n55-poptart-open][data-n55-theme='success']  { border-color: var( --neodigm-theme-success ) ;}
[data-n55-poptart-open][data-n55-theme='danger']   { border-color: var( --neodigm-theme-danger ) ;}
[data-n55-poptart-open][data-n55-theme='warning']  { border-color: var( --neodigm-theme-warning ) ;}
[data-n55-poptart-open][data-n55-theme='info']     { border-color: var( --neodigm-theme-info ) ;}
[data-n55-poptart-open][data-n55-theme='night']    { border-color: var( --neodigm-theme-night ) ;}
[data-n55-poptart-open][data-n55-theme='marcom']   { border-color: var( --neodigm-theme-marcom ) ;}
[data-n55-poptart-open][data-n55-theme='party']    { border-color: var( --neodigm-theme-party ) ;}

@media print { [data-n55-poptart-open] { display: none;} }
/*  Neodigm PopTart End  */

/*  Neodigm Acticon Begin  */ 
neodigm-acticon{
    position: relative; display: inline-block;
    border: solid 1px; border-radius: 100%;
    color: #fff; 
    margin: 6px; padding: 6px;
    transition: all .4s ease-in-out;
    user-select: none;
    box-sizing: content-box;
}
neodigm-acticon:not([data-n55-theme="disabled"]) { cursor: pointer; }

neodigm-acticon:not([data-n55-theme="disabled"]):not([data-n55-theme="ghost"]):hover{ filter: brightness( 124% ); }
[data-n55-ampm-theme="light"] neodigm-acticon[data-n55-theme="ghost"]:hover{  border-color: var( --neodigm-theme-night-alt ); }
[data-n55-ampm-theme="dark"]  neodigm-acticon[data-n55-theme="ghost"]:hover{  background-color: rgba(255,255,255, .2); }

[data-n55-ampm-theme="light"] neodigm-acticon:not([data-n55-theme="disabled"]) { color: var( --neodigm-theme-night-alt ); }
[data-n55-ampm-theme="dark"]  neodigm-acticon { color: #fff; }

neodigm-acticon[data-n55-size='micro'] { width: 18px; height: 18px; }
neodigm-acticon[data-n55-size='xsmall']{ width: 24px; height: 24px; }
neodigm-acticon[data-n55-size='small'] { width: 29px; height: 29px; }
neodigm-acticon[data-n55-size='medium']{ width: 35px; height: 35px; }
neodigm-acticon[data-n55-size='large'] { width: 42px; height: 42px; }
neodigm-acticon[data-n55-size='xlarge']{ width: 50px; height: 50px; }

neodigm-acticon[data-n55-size='micro'] .material-symbols-outlined  { font-size: 17px; }
neodigm-acticon[data-n55-size='xsmall'] .material-symbols-outlined { font-size: 23px; }
neodigm-acticon[data-n55-size='small'] .material-symbols-outlined  { font-size: 28px; }
neodigm-acticon[data-n55-size='medium'] .material-symbols-outlined { font-size: 34px; }
neodigm-acticon[data-n55-size='large'] .material-symbols-outlined  { font-size: 41px; }
neodigm-acticon[data-n55-size='xlarge'] .material-symbols-outlined { font-size: 49px; }

neodigm-acticon[data-n55-theme='brand']    { background-color: var( --neodigm-theme-brand ); border-color: var( --neodigm-theme-brand ) ;}
neodigm-acticon[data-n55-theme='primary']  { background-color: var( --neodigm-theme-primary ); border-color: var( --neodigm-theme-primary ) ;}
neodigm-acticon[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary ); border-color: var( --neodigm-theme-secondary ) ;}
neodigm-acticon[data-n55-theme='success']  { background-color: var( --neodigm-theme-success ); border-color: var( --neodigm-theme-success ) ;}
neodigm-acticon[data-n55-theme='danger']   { background-color: var( --neodigm-theme-danger ); border-color: var( --neodigm-theme-danger ) ;}
neodigm-acticon[data-n55-theme='warning']  { background-color: var( --neodigm-theme-warning ); border-color: var( --neodigm-theme-warning ) ;}
neodigm-acticon[data-n55-theme='info']     { background-color: var( --neodigm-theme-info ); border-color: var( --neodigm-theme-info ) ;}
neodigm-acticon[data-n55-theme='night']    { background-color: var( --neodigm-theme-night ); border-color: var( --neodigm-theme-night ) ;}
neodigm-acticon[data-n55-theme='marcom']   { background-color: var( --neodigm-theme-marcom ); border-color: var( --neodigm-theme-marcom ) ;}
neodigm-acticon[data-n55-theme='party']    { background-color: var( --neodigm-theme-party ); border-color: var( --neodigm-theme-party ) ;}
neodigm-acticon[data-n55-theme='disabled'] { background-color: var( --neodigm-theme-disabled ); border-color: var( --neodigm-theme-disabled ) ;}
[data-n55-ampm-theme="light"] neodigm-acticon[data-n55-theme='ghost'] { background: rgba( 254, 254, 254, 0); color: var( --neodigm-theme-night-alt ); border-color: var( --neodigm-theme-disabled ); }
[data-n55-ampm-theme="dark"]  neodigm-acticon[data-n55-theme='ghost'] { background: rgba( 254, 254, 254, 0); color: #fff; border-color: var( --neodigm-theme-disabled ); }
/*  Neodigm Acticon End  */ 

/*  Neodigm HR Begin  */ 
HR[data-n55-theme]{ height: 1px; border: none; margin: 4px 0;}
HR[data-n55-size='xsmall']{ height: 1px; } HR[data-n55-size='small']{ height: 2px; } HR[data-n55-size='medium']{ height: 3px; } HR[data-n55-size='large']{ height: 4px; } HR[data-n55-size='xlarge']{ height: 5px; }
[data-n55-ampm-theme="light"] HR[data-n55-theme='brand']{ background-color: var( --neodigm-theme-brand )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='primary']{ background-color: var( --neodigm-theme-primary )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='success']{ background-color: var( --neodigm-theme-success )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='danger']{ background-color: var( --neodigm-theme-danger )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='warning']{ background-color: var( --neodigm-theme-warning )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='info']{ background-color: var( --neodigm-theme-info )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='disabled']{ background-color: var( --neodigm-theme-disabled )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='night']{ background-color: var( --neodigm-theme-night )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='marcom']{ background-color: var( --neodigm-theme-marcom )}
[data-n55-ampm-theme="light"] HR[data-n55-theme='party']{ background-color: var( --neodigm-theme-party )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='brand']{ background-color: var( --neodigm-theme-brand-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='primary']{ background-color: var( --neodigm-theme-primary-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='secondary']{ background-color: var( --neodigm-theme-secondary-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='success']{ background-color: var( --neodigm-theme-success-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='danger']{ background-color: var( --neodigm-theme-danger-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='warning']{ background-color: var( --neodigm-theme-warning-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='info']{ background-color: var( --neodigm-theme-info-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='disabled']{ background-color: var( --neodigm-theme-disabled-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='night']{ background-color: var( --neodigm-theme-night-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='marcom']{ background-color: var( --neodigm-theme-marcom-alt )}
[data-n55-ampm-theme="dark"] HR[data-n55-theme='party']{ background-color: var( --neodigm-theme-party-alt )}
/*  Neodigm HR End  */ 

/*  Neodigm icon Begin  */ 
[data-n55-enchanted-cta] neodigm-icon { line-height: .1 !important; position: relative; bottom: -5px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xsmall'] neodigm-icon { font-size: 18px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='small']  neodigm-icon { font-size: 20px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='medium'] neodigm-icon { font-size: 22px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='large']  neodigm-icon { font-size: 24px; }
[data-n55-enchanted-cta][data-n55-enchanted-cta-size='xlarge'] neodigm-icon { font-size: 26px; }

/*  Neodigm Standard Checkbox Begin  */
[data-n55-checkbox] {
    position: absolute;
    opacity: 0;
  }
[data-n55-checkbox] + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
[data-n55-checkbox] + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px; height: 20px;
    background: white;
   border: solid 1px var(--neodigm-theme-brand-alt); border-radius: 3px;
  }
[data-n55-checkbox]:checked + label:before  {
    background: var(--neodigm-theme-brand) ;
  }
[data-n55-checkbox]:focus + label:before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  }
[data-n55-checkbox]:checked + label:after {
    background: white;
}
[data-n55-checkbox]:checked + label:after {
    content: "";
    position: absolute;
    left: 5px; top: 9px;
    background: white;
    width: 3px; height: 3px;
    box-shadow: 3px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    transform: rotate(45deg);
  }
/*  Neodigm Standard Checkbox End  */

/*  Neodigm JuiceBar Begin  */
neodigm-juicebar{
    display: block;
    height: 4px; width: 99%;
    background-color: #f8f8f8;
    overflow: hidden;
}
neodigm-juicebar[data-n55-size='micro'] { height: 1px; }
neodigm-juicebar[data-n55-size='xsmall']{ height: 2px; }
neodigm-juicebar[data-n55-size='small'] { height: 4px; }
neodigm-juicebar[data-n55-size='medium']{ height: 8px; }
neodigm-juicebar[data-n55-size='large'] { height: 12px; }
neodigm-juicebar[data-n55-size='xlarge']{ height: 16px; }
[data-n55-ampm-theme="light"] neodigm-juicebar { background-color: #f8f8f8; }
[data-n55-ampm-theme="dark"] neodigm-juicebar { background-color: var( --neodigm-theme-night-alt ); }

neodigm-juicebar > DIV {
    height: 100%;
    background-color: var( --neodigm-theme-brand );
    animation: juicebar_linear 1s infinite ease-in-out;
    transform-origin: 0% 50%;
}
neodigm-juicebar[data-n55-show="false"] { visibility: hidden; }

[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='brand'] > DIV{ background-color: var( --neodigm-theme-brand )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='primary'] > DIV{ background-color: var( --neodigm-theme-primary )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='secondary'] > DIV{ background-color: var( --neodigm-theme-secondary )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='success'] > DIV{ background-color: var( --neodigm-theme-success )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='danger'] > DIV{ background-color: var( --neodigm-theme-danger )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='warning'] > DIV{ background-color: var( --neodigm-theme-warning )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='info'] > DIV{ background-color: var( --neodigm-theme-info )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='disabled'] > DIV{ background-color: var( --neodigm-theme-disabled )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='night'] > DIV{ background-color: var( --neodigm-theme-night )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='marcom'] > DIV{ background-color: var( --neodigm-theme-marcom )}
[data-n55-ampm-theme="light"] neodigm-juicebar[data-n55-theme='party'] > DIV{ background-color: var( --neodigm-theme-party )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='brand'] > DIV{ background-color: var( --neodigm-theme-brand-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='primary'] > DIV{ background-color: var( --neodigm-theme-primary-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='secondary'] > DIV{ background-color: var( --neodigm-theme-secondary-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='success'] > DIV{ background-color: var( --neodigm-theme-success-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='danger'] > DIV{ background-color: var( --neodigm-theme-danger-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='warning'] > DIV{ background-color: var( --neodigm-theme-warning-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='info'] > DIV{ background-color: var( --neodigm-theme-info-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='disabled'] > DIV{ background-color: var( --neodigm-theme-disabled-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='night'] > DIV{ background-color: var( --neodigm-theme-night-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='marcom'] > DIV{ background-color: var( --neodigm-theme-marcom-alt )}
[data-n55-ampm-theme="dark"] neodigm-juicebar[data-n55-theme='party'] > DIV{ background-color: var( --neodigm-theme-party-alt )}

@keyframes juicebar_linear {
    0% { transform: translateX(0) scaleX(0); }
    30% { transform: translateX(0) scaleX(-0.4); }
    100% { transform: translateX(100%) scaleX(0.8); }
}
/*  Neodigm JuiceBar End  */ 

/*  Neodigm Utils Begin  */
.shake__an {
    animation-duration: 0.2s !important;
    animation-iteration-count: 4 !important;
    animation-name: touch_shake !important;
}
/*  Neodigm Utils End  */

/*  Neodigm Picnic Begin  */
neodigm-picnic {
    position: relative; display: block;
    border: solid 1px #ccc;
    margin: 2px; padding: 2px;
    height: var( --neodigm-height-picnic );
}
neodigm-picnic > header {
    position: relative; display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 96px, 1fr ) ) 9px ;
}
neodigm-picnic div {
    border: solid 1px #ccc;
    font-size: .8em;
    margin: 2px; padding: 4px;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
neodigm-picnic output > article > section.h-filter-not-found { display: none; }
neodigm-picnic > header > div {
    cursor: pointer; user-select: none;
}
neodigm-picnic > output {
    position: relative; display: block;
    height: calc( var( --neodigm-height-picnic ) - 38px);
    overflow-y: scroll;
}
neodigm-picnic > output > article {
    height: 100cqh;
    overflow-y: scroll;
}
neodigm-picnic > output > article > section {
    position: relative; display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 96px, 1fr ) );
}
neodigm-picnic > output > article > section > aside { display: none; }
neodigm-picnic[data-n55-theme='brand'] DIV{ border-color: var( --neodigm-theme-brand-alt )}
neodigm-picnic[data-n55-theme='primary'] DIV{ border-color: var( --neodigm-theme-primary-alt )}
neodigm-picnic[data-n55-theme='secondary'] DIV{ border-color: var( --neodigm-theme-secondary-alt )}
neodigm-picnic[data-n55-theme='success'] DIV{ border-color: var( --neodigm-theme-success-alt )}
neodigm-picnic[data-n55-theme='danger'] DIV{ border-color: var( --neodigm-theme-danger-alt )}
neodigm-picnic[data-n55-theme='warning'] DIV{ border-color: var( --neodigm-theme-warning-alt )}
neodigm-picnic[data-n55-theme='info'] DIV{ border-color: var( --neodigm-theme-info-alt )}
neodigm-picnic[data-n55-theme='disabled'] DIV{ border-color: var( --neodigm-theme-disabled-alt )}
neodigm-picnic[data-n55-theme='night'] DIV{ border-color: var( --neodigm-theme-night-alt )}
neodigm-picnic[data-n55-theme='marcom'] DIV{ border-color: var( --neodigm-theme-marcom-alt )}
neodigm-picnic[data-n55-theme='party'] DIV{ border-color: var( --neodigm-theme-party-alt )}

[data-n55-ampm-theme="light"] neodigm-picnic > header > div { background-color: #eee }
[data-n55-ampm-theme="light"] neodigm-picnic div { background-color: #fff }
[data-n55-ampm-theme="dark"]  neodigm-picnic > header > div { background-color: var( --neodigm-theme-night-alt )}
[data-n55-ampm-theme="dark"]  neodigm-picnic div { background-color: var( --neodigm-theme-night )}

[data-n55-ampm-theme="light"] neodigm-picnic [data-n55-picnic-select='true'] { background-color: var( --neodigm-theme-night ) }
[data-n55-ampm-theme="dark"]  neodigm-picnic [data-n55-picnic-select='true'] { background-color: var( --neodigm-theme-brand ) }

/*  Neodigm Picnic End  */