@layer standard-components{.InteractiveDemoPlaylist.svelte-1sv3fir{display:flex}.InteractiveDemoPlaylist.listPositionTop.svelte-1sv3fir{flex-direction:column}.InteractiveDemoPlaylist.listPositionRight.svelte-1sv3fir,.InteractiveDemoPlaylist.listPositionLeft.svelte-1sv3fir,.InteractiveDemoPlaylist.listPositionBottom.svelte-1sv3fir{flex-direction:column-reverse}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir){background-color:var(--white);padding:var(--space-20);width:100%}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .playlistHeader:where(.svelte-1sv3fir){margin-bottom:var(--space-20);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-gray-99)}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .demoButton:where(.svelte-1sv3fir){display:flex;margin-bottom:var(--space-20);flex:1 0 auto;gap:var(--space-10);opacity:.55;transition:opacity var(--duration-default);background:transparent;border:0;outline:none;cursor:pointer}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .demoButton:where(.svelte-1sv3fir) .playIcon:where(.svelte-1sv3fir){flex-shrink:0;margin-top:1px}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .demoButton:where(.svelte-1sv3fir):disabled{opacity:1;cursor:default}.InteractiveDemoPlaylist.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .demoButton:where(.svelte-1sv3fir):hover{opacity:1}.InteractiveDemoPlaylist.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir){width:100%;position:relative;box-sizing:border-box}.InteractiveDemoPlaylist.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir) .backgroundImage:where(.svelte-1sv3fir){position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.InteractiveDemoPlaylist.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir) .backgroundImage:where(.svelte-1sv3fir) img{width:100%;transform:scale(1.2);filter:blur(20px)}.InteractiveDemoPlaylist.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir) .playlistDemoHolder:where(.svelte-1sv3fir){display:none}.InteractiveDemoPlaylist.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir) .playlistDemoHolder.active:where(.svelte-1sv3fir){display:block}@media (min-width: 64rem){.InteractiveDemoPlaylist.listPositionTop.svelte-1sv3fir{flex-direction:column}.InteractiveDemoPlaylist.listPositionRight.svelte-1sv3fir{flex-direction:row-reverse}.InteractiveDemoPlaylist.listPositionBottom.svelte-1sv3fir{flex-direction:column-reverse}.InteractiveDemoPlaylist.listPositionLeft.svelte-1sv3fir{flex-direction:row}.InteractiveDemoPlaylist.verticalOrientation.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir){display:flex}.InteractiveDemoPlaylist.horizontalOrientation.svelte-1sv3fir{gap:var(--space-20)}.InteractiveDemoPlaylist.horizontalOrientation.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir){width:calc(var(--listPercentageWidth) * 1%);overflow:hidden;display:flex;flex-direction:column}.InteractiveDemoPlaylist.horizontalOrientation.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .listScroller:where(.svelte-1sv3fir){overflow-y:scroll;position:relative;height:100%}.InteractiveDemoPlaylist.horizontalOrientation.svelte-1sv3fir .listContainer:where(.svelte-1sv3fir) .listScroller:where(.svelte-1sv3fir) .listInner:where(.svelte-1sv3fir){position:absolute;top:0;left:0;width:100%}.InteractiveDemoPlaylist.horizontalOrientation.svelte-1sv3fir .demoContainer:where(.svelte-1sv3fir){width:calc(100% - var(--listPercentageWidth) * 1%)}}}