@layer components.slide{:host{contain:style;display:block}e-slide-trigger{justify-content:space-between;align-items:center;gap:var(--space-rem-s);cursor:pointer;padding:var(--space-rem-s) var(--space-rem-m);background:var(--white);border:1px solid var(--color-primary);border-radius:var(--card-border-radius);display:flex}e-slide-trigger:hover{background:var(--color-surface-hover)}:host-context(html[data-theme="dark"]) e-slide-trigger{background:var(--card-background-color);border-color:var(--color-border-default)}:host-context(html[data-theme="dark"]) e-slide-trigger:hover{background:var(--card-hover-background-color)}e-slide-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}e-slide-headline{color:var(--color-text);flex:1;font-weight:600;display:block}e-slide-icon{color:var(--color-text-light);align-items:center;line-height:0;display:flex}e-slide-icon ec-fa-icon{--ec-fa-icon-border:none}:host([expanded]) e-slide-icon,:host([expanding]) e-slide-icon{transform:rotate(180deg)}e-slide-content{grid-template-rows:0fr;display:grid;overflow:hidden}e-slide-card{min-height:0;display:block;overflow:hidden}:host([expanding]) e-slide-content{grid-template-rows:1fr}:host([expanded]) e-slide-content{grid-template-rows:1fr;overflow:visible}:host([expanded]) e-slide-card{padding:var(--space-rem-m);background:var(--white);border:1px solid var(--color-primary);border-radius:0 0 var(--card-border-radius) var(--card-border-radius);border-top:none;overflow:visible}:host([expanding]) e-slide-card{padding:var(--space-rem-m);background:var(--white);border:1px solid var(--color-primary);border-radius:0 0 var(--card-border-radius) var(--card-border-radius);border-top:none}:host([expanded]):host-context(html[data-theme="dark"]) e-slide-card,:host([expanding]):host-context(html[data-theme="dark"]) e-slide-card{background:var(--card-background-color);border-color:var(--color-border-default)}:host([expanded]) e-slide-trigger,:host([expanding]) e-slide-trigger{border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}:host-context(html[data-theme="rainbow"]) e-slide-trigger{background:linear-gradient(90deg,#f042420f,#f9e71f0f,#22c3220f,#306ee80f,#c23cdd0f) padding-box padding-box;border:1px solid #0000;position:relative}:host-context(html[data-theme="rainbow"]) e-slide-trigger:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(90deg,#f04242,#f9e71f,#22c322,#306ee8,#c23cdd);padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}:host-context(html[data-theme="rainbow"]) e-slide-trigger:hover{background:linear-gradient(90deg,#f042421a,#f9e71f1a,#22c3221a,#306ee81a,#c23cdd1a)}:host-context(html[data-theme="rainbow"]) e-slide-trigger:focus-visible{outline-color:#306ee8}:host-context(html[data-theme="rainbow"]) e-slide-headline{color:#441b98}:host-context(html[data-theme="rainbow"]) e-slide-icon{color:#4e1fad}:host([expanded]):host-context(html[data-theme="rainbow"]) e-slide-card,:host([expanding]):host-context(html[data-theme="rainbow"]) e-slide-card{background:linear-gradient(90deg,#f042420a,#f9e71f0a,#22c3220a,#306ee80a,#c23cdd0a);border-color:#0000;position:relative}:host([expanded]):host-context(html[data-theme="rainbow"]) e-slide-card:before,:host([expanding]):host-context(html[data-theme="rainbow"]) e-slide-card:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(90deg,#f04242,#f9e71f,#22c322,#306ee8,#c23cdd);padding:0 1px 1px;position:absolute;inset:0 -1px -1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){:host-context(html[data-theme="rainbow"]){animation:8s linear infinite rainbow-shadow}:host-context(html[data-theme="rainbow"]):hover{animation-duration:4s}}:host-context(html[data-theme="rainbow"]){border-radius:var(--card-border-radius)}@keyframes rainbow-shadow{0%,to{box-shadow:3px -1px 8px #f0424233,3px 1px 8px #f48c2533,1px 3px 8px #f9e71f33,-1px 3px 8px #22c32233,-3px 1px 8px #306ee833,-3px -1px 8px #6226d933,-1px -3px 8px #c23cdd33}14%{box-shadow:1px -3px 8px #f0424233,3px -1px 8px #f48c2533,3px 1px 8px #f9e71f33,1px 3px 8px #22c32233,-1px 3px 8px #306ee833,-3px 1px 8px #6226d933,-3px -1px 8px #c23cdd33}28%{box-shadow:-1px -3px 8px #f0424233,1px -3px 8px #f48c2533,3px -1px 8px #f9e71f33,3px 1px 8px #22c32233,1px 3px 8px #306ee833,-1px 3px 8px #6226d933,-3px 1px 8px #c23cdd33}42%{box-shadow:-3px -1px 8px #f0424233,-1px -3px 8px #f48c2533,1px -3px 8px #f9e71f33,3px -1px 8px #22c32233,3px 1px 8px #306ee833,1px 3px 8px #6226d933,-1px 3px 8px #c23cdd33}57%{box-shadow:-3px 1px 8px #f0424233,-3px -1px 8px #f48c2533,-1px -3px 8px #f9e71f33,1px -3px 8px #22c32233,3px -1px 8px #306ee833,3px 1px 8px #6226d933,1px 3px 8px #c23cdd33}71%{box-shadow:-1px 3px 8px #f0424233,-3px 1px 8px #f48c2533,-3px -1px 8px #f9e71f33,-1px -3px 8px #22c32233,1px -3px 8px #306ee833,3px -1px 8px #6226d933,3px 1px 8px #c23cdd33}85%{box-shadow:1px 3px 8px #f0424233,-1px 3px 8px #f48c2533,-3px 1px 8px #f9e71f33,-3px -1px 8px #22c32233,-1px -3px 8px #306ee833,1px -3px 8px #6226d933,3px -1px 8px #c23cdd33}}@media (prefers-reduced-motion:no-preference){e-slide-icon{transition:transform .3s ease-out}e-slide-content{transition:grid-template-rows .3s ease-out}e-slide-card{opacity:0;transition:opacity .3s ease-out}:host([expanded]) e-slide-card,:host([expanding]) e-slide-card{opacity:1}:host([collapsing]) e-slide-content{grid-template-rows:0fr}:host([collapsing]) e-slide-card{opacity:0}:host([collapsing]) e-slide-icon{transform:rotate(0)}}}