@layer components{.marquee_wrap{--_gap-size:var(--space-6);--_item-height:3rem;--_speed:4s;--_count:1;--_duration:calc(var(--_count) * var(--_speed));align-items:center;gap:var(--space-4);width:100%;display:flex}.marquee_viewport{flex:auto;min-width:0;overflow:clip;mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);container-type:inline-size}.marquee_track{align-items:center;gap:var(--_gap-size);width:max-content;animation:marquee var(--_duration) linear infinite;display:flex}.marquee_wrap.backwards .marquee_track{animation-direction:reverse}.marquee_track:focus-within,.marquee_wrap[data-state=paused] .marquee_track{animation-play-state:paused}.marquee_panel{justify-content:space-around;align-items:center;gap:var(--_gap-size);flex:none;min-width:100cqw;display:flex}.marquee_panel>*{flex:none;margin-block:0}.marquee_panel>:is(.image,.video){width:auto;height:var(--_item-height)}.marquee_toggle{flex:none}@keyframes marquee{to{translate:calc(-50% - var(--_gap-size) / 2) 0}}@media (prefers-reduced-motion:reduce){.marquee_track{animation-name:none}.marquee_wrap[data-state=playing] .marquee_track{animation-name:marquee;animation-duration:var(--_duration)!important}}.tabs_wrap{--_dir:1;--_interval:6s;--_slide:.5s;--_fade:.3s;gap:var(--space-6);width:100%;display:grid}@media (min-width:48rem){.tabs_wrap.side{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}}.tabs_bar{flex-direction:column;min-width:0;display:flex}.tabs_links{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.tabs_wrap.side .tabs_links{gap:var(--space-2);flex-direction:column;overflow-x:visible}.tabs_link{min-width:11em;padding-block:var(--space-3);border-bottom:var(--border-width) solid var(--border);color:color-mix(in lab, currentcolor 60%, transparent);text-align:center;transition:color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);background:0 0;flex:1}.tabs_link.is-active{border-bottom-color:var(--text);color:var(--text)}@media (hover:hover){.tabs_link:hover{color:var(--text)}}.tabs_wrap.side .tabs_link{min-width:0;padding:var(--space-3) var(--space-5);border:var(--border-width) solid var(--border);border-radius:var(--radius-round);text-align:start;flex:none}.tabs_wrap.side .tabs_link.is-active{background-color:var(--text);color:var(--background)}.tabs_wrap.auto:not(.side) .tabs_link.is-active{position:relative}.tabs_wrap.auto:not(.side) .tabs_link.is-active:after{content:"";inset-inline:0;bottom:calc(var(--border-width) * -1);height:var(--border-width);background-color:var(--text);transform-origin:0;position:absolute;scale:0 1}.tabs_wrap.auto:not(.side).running .tabs_link.is-active{border-bottom-color:var(--border)}.tabs_wrap.auto:not(.side).running .tabs_link.is-active:after{animation:tabs-progress var(--_interval) linear forwards}.tabs_wrap.auto:not(.side).is-paused .tabs_link.is-active:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.tabs_wrap.auto:not(.side) .tabs_link.is-active{border-bottom-color:var(--text)}.tabs_wrap.auto:not(.side) .tabs_link.is-active:after{content:none}}@keyframes tabs-progress{0%{scale:0 1}to{scale:1}}.tabs_panels{min-width:0;display:grid;overflow:clip}.tabs_panels>*{opacity:0;visibility:hidden;min-width:0;transition:opacity var(--_fade) var(--open-ease), visibility var(--_fade) var(--open-ease);grid-area:1/1}.tabs_wrap:not(.is-ready) :is(.tabs_panels>*):first-child,.tabs_panels>*.is-active{opacity:1;visibility:visible;transition-delay:var(--_fade)}.tabs_wrap.slide .tabs_panels>.is-active{transition-delay:0s}.stacki-designer .tabs_wrap.preview .tabs_panels{gap:var(--space-6);overflow:visible}.stacki-designer .tabs_wrap.preview .tabs_panels>*{opacity:1;visibility:visible;grid-area:auto;animation:none;translate:none}.tabs_wrap.slide[data-moved] .tabs_panels>*.is-active{animation:tabs-in var(--_slide) var(--open-ease) both}.tabs_wrap.slide[data-moved] .tabs_panels>*.is-leaving{visibility:visible;animation:tabs-out var(--_slide) var(--open-ease) both}@keyframes tabs-in{0%{translate:calc(var(--_dir) * 100%) 0;opacity:0}to{opacity:1;translate:0}}@keyframes tabs-out{0%{opacity:1;translate:0}to{translate:calc(var(--_dir) * -100%) 0;opacity:0}}.tabs_controls{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.tabs_steps{gap:var(--space-2);display:flex}}
