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