@getflip/swirl-components 0.407.0 → 0.409.0

package/dist/swirl-components/p-ff404c12.entry.js

@@ -0,0 +1 @@
+import{r as a,c as t,h as i,H as e,d as o,F as s}from"./p-DtJxaPvc.js";import{c as r}from"./p-orsBiyT_.js";import{D as l}from"./p-BKpD2IO9.js";import{d as n,i as p,t as d}from"./p-wi_3Z3FQ.js";import{S as c}from"./p-CMrz6687.js";import{v as u}from"./p-DD3477fe.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")}}componentWillLoad(){this.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"0970730a8b11319c50969d6d6e7f217dcf56e2f0"},i("section",{key:"06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac","aria-labelledby":"app-name",class:d},i("div",{key:"b50a9beffae3145861ed4b71705fe673f5d10043",class:"app-layout__grid"},i("header",{key:"04c3f7e4b7cb227cca2e9a15e262ddc9874032e1",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"67ba8ba5394d42ba1f96ccb3258aefb8acce87c9",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"0a11ae6739ed9863837da26a60a5f524ca2215ea",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"e0670ebab68aaefd7342a31b0a2c139f181c4cf1",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"df74e59b27c2e15ffc532826ac69794df187ece9",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"ca4e1610d7566b66ebe6958f8ec6f89d4a84554c",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"7ca7f6ca8a69fead26966a6b224966f4404351da",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"3d1205492f28588558a5e1d1c1948c4da7870c46",class:"app-layout__navigation-controls"},i("slot",{key:"f97090b47f524589e4d86e293e92ce2e001503dd",name:"navigation-controls"}))),i("nav",{key:"9b2f944843bcee7c5322b728ea26fcc7d8ed990f","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"a3fa785458acf70951cf209062e9f91bfec49db4",name:"navigation"})),i("section",{key:"3649f14cce3bdf275bc7325680b4c193085272f7","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"401b6adeda9ed569d8a6c37f381fed0623a34701",class:"app-layout__app-bar"},i("span",{key:"7b60e9abca35a3c6ab900e8d882116e8b22ce730",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"44c01881cb2c4799942609ca43f2ead4de855859",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"63a89ec584fa6a21a5cf4be3fdf15e84df01b03a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"5d05136bb74adcc5a404bdb74533636777f3b598",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"0426043d85f25bd9581b2046215dba5cc50ee24c",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"5b64b49937d180b23de6435351a0b7498562b2f7",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"eaa0172b442211086532a15fae6bb99b70dafab6",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"86177f0040e21c020b2d88a2e11cc1f2045d9bcf",name:"custom-app-bar-back-button"})),i("div",{key:"ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6",class:"app-layout__app-bar-content"},i("slot",{key:"59a8e892b40e1b56acc3f33cb956d1a588670a5e",name:"app-bar"})),i("div",{key:"2244b236929f9de30d18f886b2992187b1f9baf8",class:"app-layout__app-bar-controls"},i("slot",{key:"c5fae8b152e14275cb09b7db637ea8ca64932648",name:"app-bar-controls"}))),i("div",{key:"85a6875e28ec691f659cbee27e299bca2048ff67",class:"app-layout__banner"},i("slot",{key:"9790312e956f47faca3c1c4b04a6b1422a889498",name:"banner"})),i("div",{key:"d33ae32d0644d24027423eb9dc9ba94c54b0070b",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"9e615a708ac9ae2817a680e868c70d4a9ec3d075",name:"content"})),i("div",{key:"d173a40d98a1d8cd6b93135d9a6984afc6487813",class:"app-layout__bottom-bar"},i("slot",{key:"10a8422834710d9b15dea188d0f8b24dab14887e",name:"bottom-bar"}))),i("aside",{key:"0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2",class:"app-layout__sidebar"},i("header",{key:"da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8",class:"app-layout__custom-sidebar-header"},i("slot",{key:"fd8fc8403066c85dd26ed414afded579928da657",name:"custom-sidebar-header"})),i("header",{key:"addfa87cef788f272e586e3a02b0f47be414cc58",class:"app-layout__sidebar-header"},i("swirl-button",{key:"7daf54726d77b5a9656dd888d32d4c111746e59e",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"c743c2b1049f87a5c81b99ddc836f4a2b9b08561",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"9443e3843d55af79d62c949b8df53a6a1f27a4e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"0b5eff0be0d4e98ed2755b412d8783fe25d8d809",name:"sidebar"}))),i("span",{key:"a1487ea686f593c4b117a9eb74fe61fe8b516336",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"02d61ee5b96263295218ed0b99cb8b93d1e06df0",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);z-index:3;border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"\n      "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n    "banner"\n    "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(t){a(this,t),this.headingLevel=4}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"5be836e0cd955411a1948b7ec58f38c44cd3a562"},i("div",{key:"da53ba711e4e508d2e67de5acc487b26b8e07830",class:o},this.illustration&&!t&&i("img",{key:"d61fbef704516ca5ca43672a4968fea6aa79512b",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"0f8a4e0d483285809d9a79f5b4015de850aabbff",class:"empty-state__slotted-illustration"},i("slot",{key:"97679f81852b1fab83bfc248e50a9036aa84210c",name:"illustration"})),i("div",{key:"e8313a34079dba839d8fac140e51cb2171c2c0ec",class:"empty-state__body"},i("swirl-stack",{key:"9c0b02c3c006053b347154b78734bad04eb21a98",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"0be3066f953511ddd98283a4e60e00b8772a31a6",align:"center",as:`h${this.headingLevel}`,level:4,text:this.heading}),i("div",{key:"19ae7d4f1d3018b061ec02da84ab5fa73ebabffc",class:"empty-state__content"},i("swirl-text",{key:"ab25a4421d396131abc4e418ce603e26dca350d3",align:"center",color:"subdued"},i("slot",{key:"197749fd6fc0c629654ef903c26e75ddd664eb0b"})))),i("div",{key:"bff1161c9c566ba13298dee27f54f3533a4df5bf",class:"empty-state__controls"},i("slot",{key:"9b1a2aac2b378acb566d2977ce457928775cd972",name:"controls"})))))}get el(){return o(this)}};h.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}";const y=class{constructor(t){a(this,t),this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"e157f20a52f78b668c004a4161a88b1999df987a","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"11696651e7bb3d6183465c4cb81b0283b6f073c6"},i("path",{key:"874857d9cb321345c1d5edff4eb7bd23e7f7b93c",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"93f9924570d3f50e2043eb11cd920dd4ce76daa3"},i("path",{key:"549c6e9b53418009e6c292d3729349b6e9f073d8",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&i(s,{key:"86d2ccea683ac42e23e547c3980d33961744d7b0"},i("path",{key:"770029d06dde4946c50344e67a014f043edbb745",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.semantics="grid",this.spacing="0",this.listId=u(),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("grid"===this.semantics&&!Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Enter"===a.code&&Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1));if(Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.moveDraggedItemDown();else if("ArrowUp"===a.code)a.preventDefault(),this.moveDraggedItemUp();else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];t?.classList.contains("resource-list-item__drag-handle")||(a.preventDefault(),this.stopDrag(this.dragging))}}}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop(),this.setSectionSpacingAndSeparator()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState(),this.setSectionSpacingAndSeparator()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a=>a.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){Boolean(this.controllingElement)&&(this.controllingElement.setAttribute("aria-controls",this.listId),this.controllingElement.setAttribute("role","combobox"),this.controllingElement.setAttribute("aria-autocomplete","list"),this.controllingElement.addEventListener("keydown",this.onKeyDown))}getItemIndex(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){"grid"===this.semantics&&this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((a=>this.sections.every((t=>!t.contains(a))))).forEach((a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)}))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((a,t)=>{0===t&&"SWIRL-RESOURCE-LIST-ITEM"!==a.previousElementSibling?.tagName&&(a.hasSeparator=!1),a.spacing=this.spacing}))}render(){return i(e,{key:"a0b3042effe4f77ca1a9b9ab88817bda47b93b7d",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"8998a40becb2bf96f28bd270cbbd66fafbc9cebc",role:"alert"},this.assistiveText),i("swirl-box",{key:"f026ced20ca14db8b505ac8dab1c8c97c3b4ffbf",paddingBlockEnd:this.paddingBlockEnd??this.padding,paddingBlockStart:this.paddingBlockStart??this.padding,paddingInlineEnd:this.paddingInlineEnd??this.padding??"8",paddingInlineStart:this.paddingInlineStart??this.padding??"8"},i("swirl-stack",{key:"ff57afd9915587648d1a0e4cfb827f2455a884e7","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:this.semantics,spacing:this.spacing},i("slot",{key:"dea319641ba5ec73d99640f322a1f6f6e2da557a"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.labelTooltipPosition="top",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=u(),this.mediaQueryUnsubscribe=()=>{},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.preventDefault(),a.stopPropagation()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.forceIconProps(a),this.updateIconSize(a)})),this.makeControlUnfocusable(),Boolean(this.menuTriggerId)&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.mediaQueryUnsubscribe()}get hasBadges(){return Boolean(this.el.querySelector("[slot='badges']"))}get showMeta(){return(Boolean(this.meta)||this.hasBadges)&&!this.selectable}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=this.hasBadges,s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=this.showMeta,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=this.el.closest('[role="grid"]')?"row":"listitem",m="row"===y?"gridcell":void 0,g={minHeight:this.labelMinHeight??void 0},v=()=>i("span",{key:"042e3b3257e6f219d2b93aed266c9fc3c839b5d9",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),f=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"6171aee719b310c2493500dbc77981f06f75a8b3",role:y},i("div",{key:"38413b7327e723ee69c1a8ac3ec91a3d14110fec",class:f,role:m,onClick:this.onClick},i(a,{key:"20c815a424d302e1c5f69baa1b459d7c04f8b0a7","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",style:{alignItems:this.alignItems},href:n,disabled:t,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"19806427f62924b14b048c38625903f431bc71f2",class:"resource-list-item__media"},i("slot",{key:"f4cc953be27c43fc53be3c609ded5e33fe5bab92",name:"media"})),i("span",{key:"4f3d985cf6ab2bac661214b7d9fa173dc38336fb",class:"resource-list-item__label-container",style:g},this.labelTooltip?i("swirl-tooltip",{content:this.labelTooltip,position:this.labelTooltipPosition,positioning:"fixed"},v()):v(),this.description&&i("span",{key:"0474304ec2d9253acde6b2d7c6a4b1fea63eac52",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description))),this.selectable&&i("span",{key:"9694af4087e954fcdc4a2a0a5c034914ff195aea","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"c68a10da73a18d4b5e52a1de21ecf70e263a7c36",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"5bb865ca210e947d8c3c357b4efe3fc3a5e69592"}))),c&&i("span",{key:"ce1b56f2c842676abbded89737c80b923bce7c89",class:"resource-list-item__meta"},this.meta&&i("span",{key:"2fcd0dd606c30754fe8f1288d822a037be617944",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"c2bd1ab1c4cf18e6b5602be136232336d9e50eb9",class:"resource-list-item__badges"},i("slot",{key:"c5a41c1b5e78a0569e41fb58300bfab51c0ece85",name:"badges"}))),i("span",{key:"84c77b4cb7a530336531ca57d33be7256da65f64",class:"resource-list-item__control",onClick:this.onControlClick},i("slot",{key:"bd64567e76f7b234600e06fab50523440c38bb00",name:"control"})),d&&i("swirl-popover-trigger",{key:"a749f34659a7b780652c6c4d02419e64c06ee8ff",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"75da162b270daef8ac08746c985d641462734434","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"41f09b95de618cfcfa5c524cf99a7a06199b33ca","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"d275e1fcde190da7bbd7278edc1e1d2af0938f2f",size:this.iconSize})))}get el(){return o(this)}};g.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%;display:flex;overflow:hidden;padding:var(--s-space-12) var(--s-space-8);gap:var(--s-space-12);border-radius:var(--s-border-radius-sm);background-color:var(--swirl-resource-list-item-background-default)}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible){background-color:var(--s-background-hovered);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.resource-list-item.sc-swirl-resource-list-item:has(.resource-list-item__content:focus-visible) .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.resource-list-item--disabled.sc-swirl-resource-list-item{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled),.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:focus-visible:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item:active:not(.resource-list-item--disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n    --swirl-resource-list-item-background-hovered\n  );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1;position:static;transform:none;margin:calc(-1 * var(--s-space-2)) 0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:0;padding-right:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{margin-right:calc(-1 * var(--s-space-16));padding-right:var(--s-space-16);transition:margin 0.1s}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0;position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%);transition:opacity 0.1s}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-12) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);display:flex;width:100%;min-width:0;margin:0;padding:0;align-items:flex-start;border:none;color:var(--s-text-default);background:none;font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus,.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;height:100%;min-width:0;min-height:3rem;padding-right:var(--s-space-16);justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{align-self:center}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__meta.sc-swirl-resource-list-item:not(:has(.resource-list-item__meta-text)){align-self:center}.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-base);margin-top:var(--s-space-2);white-space:nowrap}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__meta-text.sc-swirl-resource-list-item{line-height:var(--s-line-height-sm);margin-top:var(--s-space-4)}}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}';export{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}

package/dist/swirl-components/p-ff80f650.entry.js

@@ -0,0 +1 @@
+import{r as n,h as i,H as e,d as a}from"./p-DtJxaPvc.js";import{c as t}from"./p-orsBiyT_.js";const l=class{constructor(i){n(this,i),this.hideLabel=!1,this.inlineLabelColor="default",this.markAsNewLabel="New",this.useCustomIconSize=!1,this.variant="default"}componentWillLoad(){this.forceIconProps()}componentDidRender(){this.forceIconProps()}forceIconProps(){if(this.useCustomIconSize)return;const n=this.el.querySelector("[slot='icon']"),i=this.hideLabel&&"app-icon"===this.variant||"default"===this.variant;n&&(n.tagName.startsWith("SWIRL-ICON")||n.tagName.startsWith("SWIRL-EMOJI")||n.tagName.startsWith("SWIRL-SYMBOL"))&&n.setAttribute("size",i?"20":"32")}render(){const n=Boolean(this.el.querySelector("swirl-app-icon")),a=t("shell-navigation-item",`shell-navigation-item--${this.variant}`,{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--filled":this.filled,"shell-navigation-item--inline-label":this.inlineLabel,"shell-navigation-item--gradient":this.withGradient,"shell-navigation-item--hide-label":this.hideLabel,"shell-navigation-item--has-app-icon":n}),l=t("shell-navigation-item__label",{"shell-navigation-item__label--light":"light"===this.inlineLabelColor,"shell-navigation-item__label--dark":"dark"===this.inlineLabelColor,"shell-navigation-item__label--inline":this.inlineLabel}),s=null!=this.badgeLabel,o=!s&&this.markAsNew&&!this.hideLabel&&"default"===this.variant,r=!s&&this.markAsNew&&this.hideLabel&&"default"===this.variant,h=Boolean(this.href);return i(e,{key:"449f8152f3e43b5286253b3cad88b97e7e7511fa"},i("swirl-tooltip",{key:"c38fd294886949488ebb68e44243dedf4b9353cb",active:this.hideLabel,content:this.description?`${this.label} ${this.description}`:this.label,delay:100,position:"right",positioning:"fixed"},i(h?"a":"button",{key:"b109c272afaa8d81406c77f9a383eb0265ba0abe",class:a,href:this.href,target:this.target,type:h?void 0:"button",title:this.hideLabel?void 0:this.label},i("span",{key:"e798c1c7fd44a3f60969649f377dc569ef790d14",class:"shell-navigation-item__icon"},i("slot",{key:"74253d57363c4ab083e1df01bcc8ff3a39dc875b",name:"icon"})),this.hideLabel?i("swirl-visually-hidden",null,i("span",{class:l},this.label)):"default"!==this.variant?i("span",{class:l},this.label):i("div",{class:"shell-navigation-item__text-wrapper"},i("span",{class:l},this.label),this.description&&i("span",{class:"shell-navigation-item__description"},this.description)),s&&i("span",{key:"314a39b2198bc28f55ee94a14eec540ac465924a",class:"shell-navigation-item__badge-wrapper"},i("swirl-badge",{key:"67e82dd1cf4e5097fb8572aefba5c6c43808a0f7","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"})),o&&i("swirl-tag",{key:"e4c5c0f2efa1237f658c3a0378046e5c16188228",class:"shell-navigation-item__is-new-tag",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"s",variant:"strong"}),r&&i("swirl-badge",{key:"21aac8cdecddb54b7c654d119c5a07eeadf5d216",class:"shell-navigation-item__is-new-badge",intent:"info",label:this.markAsNewLabel.toLocaleUpperCase(),size:"xs",variant:"dot"}))))}get el(){return a(this)}};l.style='/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  --swirl-app-icon-size: 2rem;\n  --swirl-shell-navigation-item-gradient: linear-gradient(\n    rgba(0, 0, 0, 0),\n    rgba(0, 0, 0, 0.8)\n  );\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge,\n    .shell-navigation-item:hover .shell-navigation-item__is-new-badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge,\n    .shell-navigation-item:active .shell-navigation-item__is-new-badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n    --swirl-app-icon-size: 2rem;\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      overflow: hidden;\n      border-radius: var(--s-border-radius-sm);\n      background-color: var(--s-background-default);\n      box-shadow: 0 0 0 var(--s-border-width-default) var(--s-border-default);\n    }\n\n.shell-navigation-item.shell-navigation-item--default.shell-navigation-item--filled .shell-navigation-item__icon {\n        border-radius: var(--s-border-radius-sm);\n        width: 2rem;\n        min-width: 2rem;\n        height: 2rem;\n        min-height: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--filled {\n    padding: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--filled:not(.shell-navigation-item--has-app-icon) .shell-navigation-item__icon {\n        color: var(--s-icon-on-action-primary);\n        background-color: var(--s-action-primary-default);\n      }\n\n.shell-navigation-item.shell-navigation-item--filled ::slotted(swirl-app-icon) {\n      position: inherit;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n    --swirl-app-icon-size: 100%;\n\n    height: auto;\n    padding: 0;\n    align-items: start;\n    border-radius: var(--s-border-radius-base);\n    flex-direction: column;\n    container-type: inline-size;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n      background-color: transparent;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n        text-decoration: underline;\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(*) {\n      position: absolute;\n      top: var(--s-space-12);\n      left: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n      position: inherit;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      min-width: 100%;\n      height: auto;\n      min-height: auto;\n      border-radius: var(--s-border-radius-base);\n      background-color: var(--s-surface-sunken-hovered);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled.shell-navigation-item--gradient .shell-navigation-item__icon::after {\n          position: absolute;\n          display: inline-block;\n          width: 100%;\n          border-radius: var(--s-border-radius-base);\n          background-image: var(--swirl-shell-navigation-item-gradient);\n          content: "";\n          aspect-ratio: 1;\n        }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      color: var(--s-text-default);\n      font-weight: var(--s-font-weight-semibold);\n      text-align: start;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline {\n      position: absolute;\n      bottom: var(--s-space-12);\n      left: var(--s-space-12);\n      margin-right: var(--s-space-12);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--light {\n        color: rgba(242, 242, 242, 1);\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label--inline.shell-navigation-item__label--dark {\n        color: rgb(25, 25, 25);\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon {\n    --swirl-app-icon-size: 100%;\n    font-size: var(--s-font-size-xs);\n    padding: var(--s-space-8) var(--s-space-4);\n    align-items: center;\n    height: auto;\n    border-radius: var(--s-border-radius-sm);\n    flex-direction: column;\n    container-type: inline-size;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label {\n      align-items: start;\n      padding: var(--s-space-8);\n      --swirl-app-icon-size: 2rem;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__icon {\n        border-radius: var(--s-border-radius-sm);\n        max-width: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon.shell-navigation-item--hide-label .shell-navigation-item__badge-wrapper {\n        max-width: 2rem;\n        max-height: 2rem;\n      }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      max-width: 3.5rem;\n      height: auto;\n      border-radius: var(--s-border-radius-base);\n\n      color: var(--s-icon-on-action-primary);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper {\n      max-width: 3.5rem;\n      max-height: 3.5rem;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label {\n      line-height: var(--s-line-height-xs);\n      text-align: center;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge-wrapper, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge-wrapper {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__label, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      display: -webkit-box;\n      overflow: hidden;\n      white-space: normal;\n      text-overflow: unset;\n      overflow-wrap: anywhere;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n.shell-navigation-item.shell-navigation-item--app-icon .shell-navigation-item__badge, .shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n      position: absolute;\n      top: -0.375rem;\n      right: -0.375rem;\n      padding: var(--s-space-2);\n    }\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n      color: var(--s-icon-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n      color: var(--s-text-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  min-height: 2rem;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  border-radius: var(--s-border-radius-base);\n}\n\n.shell-navigation-item__text-wrapper {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__description {\n  margin-left: var(--s-space-8);\n  font-weight: var(--s-font-weight-normal);\n  color: var(--s-text-subdued);\n}\n\n.shell-navigation-item__badge {\n  flex-shrink: 0;\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n.shell-navigation-item__is-new-tag {\n  flex-shrink: 0;\n}\n\n.shell-navigation-item__is-new-badge {\n  position: absolute;\n  top: 0.625rem;\n  right: 0.625rem;\n  flex-shrink: 0;\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item--gradient .shell-navigation-item__icon {\n    --swirl-shell-navigation-item-gradient: none;\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n';export{l as swirl_shell_navigation_item}

package/dist/swirl-components/p-ffac3c10.entry.js

@@ -0,0 +1 @@
+import{r as C,h as e,F as i}from"./p-DtJxaPvc.js";import{c as a}from"./p-orsBiyT_.js";const d=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,d={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=a("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"1d03f0cd5e7d2c6662f2a06ffadee66f9d2f1e3e","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:d,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"4eafafad2be625ad52a8d5dce4071b56fdd05a72"},e("path",{key:"fd2e6c27059f4c683dd2d49edbcdadacbefb2363",d:"M10.6667 3.33333V8L11.8 9.13333C11.8667 9.2 11.9167 9.275 11.95 9.35833C11.9833 9.44167 12 9.52778 12 9.61667V10C12 10.1889 11.9361 10.3472 11.8083 10.475C11.6806 10.6028 11.5222 10.6667 11.3333 10.6667H8.66667V14.3833C8.66667 14.4722 8.65 14.5583 8.61667 14.6417C8.58333 14.725 8.53333 14.8 8.46667 14.8667L8.23333 15.1C8.16667 15.1667 8.08889 15.2 8 15.2C7.91111 15.2 7.83333 15.1667 7.76667 15.1L7.53333 14.8667C7.46667 14.8 7.41667 14.725 7.38333 14.6417C7.35 14.5583 7.33333 14.4722 7.33333 14.3833V10.6667H4.66667C4.47778 10.6667 4.31944 10.6028 4.19167 10.475C4.06389 10.3472 4 10.1889 4 10V9.61667C4 9.52778 4.01667 9.44167 4.05 9.35833C4.08333 9.275 4.13333 9.2 4.2 9.13333L5.33333 8V3.33333C5.14444 3.33333 4.98611 3.26944 4.85833 3.14167C4.73056 3.01389 4.66667 2.85556 4.66667 2.66667C4.66667 2.47778 4.73056 2.31944 4.85833 2.19167C4.98611 2.06389 5.14444 2 5.33333 2H10.6667C10.8556 2 11.0139 2.06389 11.1417 2.19167C11.2694 2.31944 11.3333 2.47778 11.3333 2.66667C11.3333 2.85556 11.2694 3.01389 11.1417 3.14167C11.0139 3.26944 10.8556 3.33333 10.6667 3.33333ZM5.9 9.33333H10.1L9.33333 8.56667V3.33333H6.66667V8.56667L5.9 9.33333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"a9989dd4c8c4ef2ae6ddead58dac2045ff766a98"},e("path",{key:"aae9143131f9ff761ac0227cae2ee3c5f8c21ef8",d:"M16 5V12L17.7 13.7C17.8 13.8 17.875 13.9125 17.925 14.0375C17.975 14.1625 18 14.2917 18 14.425V15C18 15.2833 17.9042 15.5208 17.7125 15.7125C17.5208 15.9042 17.2833 16 17 16H13V21.575C13 21.7083 12.975 21.8375 12.925 21.9625C12.875 22.0875 12.8 22.2 12.7 22.3L12.35 22.65C12.25 22.75 12.1333 22.8 12 22.8C11.8667 22.8 11.75 22.75 11.65 22.65L11.3 22.3C11.2 22.2 11.125 22.0875 11.075 21.9625C11.025 21.8375 11 21.7083 11 21.575V16H7C6.71667 16 6.47917 15.9042 6.2875 15.7125C6.09583 15.5208 6 15.2833 6 15V14.425C6 14.2917 6.025 14.1625 6.075 14.0375C6.125 13.9125 6.2 13.8 6.3 13.7L8 12V5C7.71667 5 7.47917 4.90417 7.2875 4.7125C7.09583 4.52083 7 4.28333 7 4C7 3.71667 7.09583 3.47917 7.2875 3.2875C7.47917 3.09583 7.71667 3 8 3H16C16.2833 3 16.5208 3.09583 16.7125 3.2875C16.9042 3.47917 17 3.71667 17 4C17 4.28333 16.9042 4.52083 16.7125 4.7125C16.5208 4.90417 16.2833 5 16 5ZM8.85 14H15.15L14 12.85V5H10V12.85L8.85 14Z",fill:"currentColor"})),28===this.size&&e(i,{key:"51ba7dd6c49cbc88f4d7e9e7dab5ea8def54ef74"},e("path",{key:"7c41267b76b51f097e0cb9e3403de6ae3142037f",d:"M18.6667 5.83333V14L20.65 15.9833C20.7667 16.1 20.8542 16.2313 20.9125 16.3771C20.9708 16.5229 21 16.6736 21 16.8292V17.5C21 17.8306 20.8882 18.1076 20.6646 18.3313C20.441 18.5549 20.1639 18.6667 19.8333 18.6667H15.1667V25.1708C15.1667 25.3264 15.1375 25.4771 15.0792 25.6229C15.0208 25.7688 14.9333 25.9 14.8167 26.0167L14.4083 26.425C14.2917 26.5417 14.1556 26.6 14 26.6C13.8444 26.6 13.7083 26.5417 13.5917 26.425L13.1833 26.0167C13.0667 25.9 12.9792 25.7688 12.9208 25.6229C12.8625 25.4771 12.8333 25.3264 12.8333 25.1708V18.6667H8.16667C7.83611 18.6667 7.55903 18.5549 7.33542 18.3313C7.11181 18.1076 7 17.8306 7 17.5V16.8292C7 16.6736 7.02917 16.5229 7.0875 16.3771C7.14583 16.2313 7.23333 16.1 7.35 15.9833L9.33333 14V5.83333C9.00278 5.83333 8.72569 5.72153 8.50208 5.49792C8.27847 5.27431 8.16667 4.99722 8.16667 4.66667C8.16667 4.33611 8.27847 4.05903 8.50208 3.83542C8.72569 3.61181 9.00278 3.5 9.33333 3.5H18.6667C18.9972 3.5 19.2743 3.61181 19.4979 3.83542C19.7215 4.05903 19.8333 4.33611 19.8333 4.66667C19.8333 4.99722 19.7215 5.27431 19.4979 5.49792C19.2743 5.72153 18.9972 5.83333 18.6667 5.83333ZM10.325 16.3333H17.675L16.3333 14.9917V5.83333H11.6667V14.9917L10.325 16.3333Z",fill:"currentColor"})))}};d.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{d as swirl_icon_pin}

package/dist/swirl-components/swirl-components.css

@@ -1,4 +1,4 @@
-:root,html.theme-light{--s-background-default:rgba(255, 255, 255, 1);--s-background-hovered:rgba(242, 242, 242, 1);--s-background-pressed:rgba(234, 234, 234, 1);--s-surface-default:rgba(255, 255, 255, 1);--s-surface-hovered:rgba(242, 242, 242, 1);--s-surface-pressed:rgba(234, 234, 234, 1);--s-surface-sunken-default:rgba(242, 242, 242, 1);--s-surface-sunken-hovered:rgba(234, 234, 234, 1);--s-surface-sunken-pressed:rgba(223, 223, 223, 1);--s-surface-overlay-default:rgba(255, 255, 255, 1);--s-surface-overlay-hovered:rgba(242, 242, 242, 1);--s-surface-overlay-pressed:rgba(234, 234, 234, 1);--s-surface-raised-default:rgba(242, 242, 242, 1);--s-surface-raised-hovered:rgba(234, 234, 234, 1);--s-surface-raised-pressed:rgba(223, 223, 223, 1);--s-surface-highlight-default:rgba(230, 238, 255, 1);--s-surface-highlight-hovered:rgba(213, 226, 255, 1);--s-surface-highlight-pressed:rgba(190, 210, 255, 1);--s-on-surface-highlight-default:rgba(213, 226, 255, 1);--s-surface-critical-default:rgba(213, 6, 54, 1);--s-surface-critical-subdued:rgba(252, 231, 237, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(250, 241, 200, 1);--s-surface-success-default:rgba(8, 129, 8, 1);--s-surface-success-subdued:rgba(220, 247, 220, 1);--s-surface-info-default:rgba(20, 90, 245, 1);--s-surface-info-subdued:rgba(230, 241, 255, 1);--s-surface-neutral-default:rgba(63, 63, 63, 1);--s-surface-neutral-subdued:rgba(242, 242, 242, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.6);--s-action-primary-default:rgba(20, 90, 245, 1);--s-action-primary-hovered:rgba(55, 115, 247, 1);--s-action-primary-pressed:rgba(91, 139, 248, 1);--s-action-primary-disabled:rgba(242, 242, 242, 1);--s-action-critical-default:rgba(213, 6, 54, 1);--s-action-critical-hovered:rgba(179, 39, 57, 1);--s-action-critical-pressed:rgba(159, 35, 52, 1);--s-action-critical-disabled:rgba(242, 242, 242, 1);--s-action-neutral-default:rgba(242, 242, 242, 1);--s-action-neutral-hovered:rgba(234, 234, 234, 1);--s-action-neutral-pressed:rgba(223, 223, 223, 1);--s-action-neutral-disabled:rgba(242, 242, 242, 1);--s-interactive-primary-default:rgba(0, 61, 175, 1);--s-interactive-primary-hovered:rgba(38, 85, 187, 1);--s-interactive-primary-pressed:rgba(77, 119, 199, 1);--s-interactive-primary-disabled:rgba(204, 205, 209, 1);--s-interactive-critical-default:rgba(213, 6, 54, 1);--s-interactive-critical-hovered:rgba(179, 39, 57, 1);--s-interactive-critical-pressed:rgba(159, 35, 52, 1);--s-interactive-critical-disabled:rgba(207, 207, 207, 1);--s-interactive-neutral-default:rgba(110, 110, 110, 1);--s-interactive-neutral-hovered:rgba(158, 158, 158, 1);--s-interactive-neutral-pressed:rgba(158, 158, 158, 1);--s-interactive-neutral-disabled:rgba(207, 207, 207, 1);--s-decorative-chilli-surface:rgba(195, 28, 28, 1);--s-decorative-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-decorative-pumpkin-surface:rgba(245, 144, 49, 1);--s-decorative-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-decorative-banana-surface:rgba(234, 186, 42, 1);--s-decorative-banana-surface-subdued:rgba(250, 241, 200, 1);--s-decorative-radish-surface:rgba(186, 29, 142, 1);--s-decorative-radish-surface-subdued:rgba(255, 221, 245, 1);--s-decorative-grape-surface:rgba(130, 45, 164, 1);--s-decorative-grape-surface-subdued:rgba(233, 220, 255, 1);--s-decorative-kiwi-surface:rgba(54, 119, 69, 1);--s-decorative-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-decorative-blueberry-surface:rgba(63, 95, 167, 1);--s-decorative-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-border-strong:rgba(207, 207, 207, 1);--s-border-default:rgba(234, 234, 234, 1);--s-border-highlight:rgba(0, 55, 175, 1);--s-border-critical:rgba(213, 6, 54, 1);--s-border-success:rgba(8, 129, 8, 1);--s-border-warning:rgba(147, 88, 6, 1);--s-border-info:rgba(20, 90, 245, 1);--s-border-on-highlight:rgba(174, 201, 246, 1);--s-focus-default:rgba(0, 55, 175, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(25, 25, 25, 1);--s-icon-default:rgba(110, 110, 110, 1);--s-icon-disabled:rgba(207, 207, 207, 1);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(0, 55, 175, 1);--s-icon-critical:rgba(213, 6, 54, 1);--s-icon-success:rgba(8, 129, 8, 1);--s-icon-warning:rgba(147, 88, 6, 1);--s-icon-info:rgba(20, 90, 245, 1);--s-icon-on-action-primary:rgba(255, 255, 255, 1);--s-icon-on-surface-highlight:rgba(23, 23, 23, 1);--s-icon-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-icon-on-status:rgba(255, 255, 255, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 4px 16px 0px rgba(23,23,23,0.04), 0px 1px 4px 0px rgba(23,23,23,0.04);--s-shadow-level-2:0px 4px 8px 0px rgba(23,23,23,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(23,23,23,0.12), 0px 4px 12px 0px rgba(23,23,23,0.08);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(25, 25, 25, 1);--s-text-subdued:rgba(110, 110, 110, 1);--s-text-disabled:rgba(207, 207, 207, 1);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(0, 55, 175, 1);--s-text-critical:rgba(213, 6, 54, 1);--s-text-success:rgba(8, 129, 8, 1);--s-text-warning:rgba(147, 88, 6, 1);--s-text-info:rgba(20, 90, 245, 1);--s-text-on-action-primary:rgba(255, 255, 255, 1);--s-text-on-surface-highlight:rgba(23, 23, 23, 1);--s-text-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-text-on-status:rgba(255, 255, 255, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(195, 28, 28, 1);--s-decorative-pumpkin-text:rgba(167, 76, 37, 1);--s-decorative-banana-text:rgba(154, 92, 0, 1);--s-decorative-radish-text:rgba(186, 29, 142, 1);--s-decorative-grape-text:rgba(130, 45, 164, 1);--s-decorative-kiwi-text:rgba(54, 119, 69, 1);--s-decorative-blueberry-text:rgba(63, 95, 167, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1)}html.theme-dark{--s-background-default:rgba(25, 25, 25, 1);--s-background-hovered:rgba(35, 35, 35, 1);--s-background-pressed:rgba(43, 43, 43, 1);--s-surface-default:rgba(35, 35, 35, 1);--s-surface-hovered:rgba(43, 43, 43, 1);--s-surface-pressed:rgba(54, 54, 54, 1);--s-surface-sunken-default:rgba(0, 0, 0, 1);--s-surface-sunken-hovered:rgba(35, 35, 35, 1);--s-surface-sunken-pressed:rgba(43, 43, 43, 1);--s-surface-overlay-default:rgba(43, 43, 43, 1);--s-surface-overlay-hovered:rgba(54, 54, 54, 1);--s-surface-overlay-pressed:rgba(63, 63, 63, 1);--s-surface-raised-default:rgba(54, 54, 54, 1);--s-surface-raised-hovered:rgba(63, 63, 63, 1);--s-surface-raised-pressed:rgba(81, 81, 81, 1);--s-surface-highlight-default:rgba(45, 71, 127, 1);--s-surface-highlight-hovered:rgba(52, 80, 141, 1);--s-surface-highlight-pressed:rgba(64, 91, 151, 1);--s-on-surface-highlight-default:rgba(52, 80, 141, 1);--s-surface-critical-default:rgba(228, 100, 100, 1);--s-surface-critical-subdued:rgba(56, 33, 38, 1);--s-surface-success-default:rgba(80, 164, 80, 1);--s-surface-success-subdued:rgba(26, 44, 26, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(45, 39, 25, 1);--s-surface-info-default:rgba(100, 142, 233, 1);--s-surface-info-subdued:rgba(33, 41, 58, 1);--s-surface-neutral-default:rgba(207, 207, 207, 1);--s-surface-neutral-subdued:rgba(54, 54, 54, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.4);--s-action-primary-default:rgba(86, 143, 222, 1);--s-action-primary-hovered:rgba(121, 164, 223, 1);--s-action-primary-pressed:rgba(150, 181, 224, 1);--s-action-primary-disabled:rgba(43, 43, 43, 1);--s-action-critical-default:rgba(228, 100, 100, 1);--s-action-critical-hovered:rgba(210, 123, 121, 1);--s-action-critical-pressed:rgba(215, 147, 145, 1);--s-action-critical-disabled:rgba(43, 43, 43, 1);--s-action-neutral-default:rgba(43, 43, 43, 1);--s-action-neutral-hovered:rgba(54, 54, 54, 1);--s-action-neutral-pressed:rgba(63, 63, 63, 1);--s-action-neutral-disabled:rgba(43, 43, 43, 1);--s-interactive-primary-default:rgba(109, 168, 251, 1);--s-interactive-primary-hovered:rgba(141, 188, 255, 1);--s-interactive-primary-pressed:rgba(182, 213, 255, 1);--s-interactive-primary-disabled:rgba(81, 81, 81, 1);--s-interactive-critical-default:rgba(228, 100, 100, 1);--s-interactive-critical-hovered:rgba(210, 123, 121, 1);--s-interactive-critical-pressed:rgba(215, 147, 145, 1);--s-interactive-critical-disabled:rgba(81, 81, 81, 1);--s-interactive-neutral-default:rgba(158, 158, 158, 1);--s-interactive-neutral-hovered:rgba(110, 110, 110, 1);--s-interactive-neutral-pressed:rgba(110, 110, 110, 1);--s-interactive-neutral-disabled:rgba(81, 81, 81, 1);--s-decorative-chilli-surface:rgba(244, 120, 120, 1);--s-decorative-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-decorative-pumpkin-surface:rgba(237, 153, 75, 1);--s-decorative-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-decorative-banana-surface:rgba(209, 175, 41, 1);--s-decorative-banana-surface-subdued:rgba(77, 62, 30, 1);--s-decorative-radish-surface:rgba(242, 120, 204, 1);--s-decorative-radish-surface-subdued:rgba(79, 48, 69, 1);--s-decorative-grape-surface:rgba(214, 131, 251, 1);--s-decorative-grape-surface-subdued:rgba(75, 47, 98, 1);--s-decorative-kiwi-surface:rgba(111, 200, 130, 1);--s-decorative-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-decorative-blueberry-surface:rgba(122, 172, 240, 1);--s-decorative-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-border-strong:rgba(255, 255, 255, 0.20);--s-border-default:rgba(255, 255, 255, 0.12);--s-border-highlight:rgba(109, 168, 251, 1);--s-border-critical:rgba(228, 100, 100, 1);--s-border-success:rgba(80, 164, 80, 1);--s-border-warning:rgba(243, 183, 3, 1);--s-border-info:rgba(100, 142, 233, 1);--s-border-on-highlight:rgba(92, 118, 174, 1);--s-focus-default:rgba(109, 168, 251, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(242, 242, 242, 1);--s-icon-default:rgba(158, 158, 158, 1);--s-icon-disabled:rgba(81, 81, 81, 1);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(109, 168, 251, 1);--s-icon-critical:rgba(228, 100, 100, 1);--s-icon-warning:rgba(243, 183, 3, 1);--s-icon-success:rgba(80, 164, 80, 1);--s-icon-info:rgba(100, 142, 233, 1);--s-icon-on-action-primary:rgba(0, 0, 0, 1);--s-icon-on-surface-highlight:rgba(242, 242, 242, 1);--s-icon-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-icon-on-status:rgba(0, 0, 0, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 1px 8px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(0,0,0,0.48);--s-shadow-level-2:0px 4px 8px 0px rgba(0,0,0,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.24);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(242, 242, 242, 1);--s-text-subdued:rgba(158, 158, 158, 1);--s-text-disabled:rgba(81, 81, 81, 1);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(109, 168, 251, 1);--s-text-critical:rgba(228, 100, 100, 1);--s-text-warning:rgba(243, 183, 3, 1);--s-text-success:rgba(80, 164, 80, 1);--s-text-info:rgba(100, 142, 233, 1);--s-text-on-action-primary:rgba(0, 0, 0, 1);--s-text-on-surface-highlight:rgba(242, 242, 242, 1);--s-text-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-text-on-status:rgba(0, 0, 0, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(244, 120, 120, 1);--s-decorative-pumpkin-text:rgba(237, 153, 75, 1);--s-decorative-banana-text:rgba(209, 175, 41, 1);--s-decorative-radish-text:rgba(242, 120, 204, 1);--s-decorative-grape-text:rgba(214, 131, 251, 1);--s-decorative-kiwi-text:rgba(111, 200, 130, 1);--s-decorative-blueberry-text:rgba(122, 172, 240, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(action-list-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-12)}html.disable-desktop-style-tweaks ::part(action-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(banner__content),html.disable-desktop-style-tweaks ::part(banner__action-button),html.disable-desktop-style-tweaks ::part(banner__dismiss-button),html.disable-desktop-style-tweaks ::part(description-list-item),html.disable-desktop-style-tweaks ::part(dialog__content),html.disable-desktop-style-tweaks ::part(file-viewer-csv__table),html.disable-desktop-style-tweaks ::part(file-viewer-pdf__pagination),html.disable-desktop-style-tweaks ::part(file-viewer-text__text),html.disable-desktop-style-tweaks ::part(inline-error),html.disable-desktop-style-tweaks ::part(link),html.disable-desktop-style-tweaks ::part(option-list-item__label),html.disable-desktop-style-tweaks ::part(toast__content),html.disable-desktop-style-tweaks ::part(tooltip__bubble),html.disable-desktop-style-tweaks .checkbox__label,html.disable-desktop-style-tweaks .checkbox__description,html.disable-desktop-style-tweaks .date-input__input,html.disable-desktop-style-tweaks .file-uploader__label,html.disable-desktop-style-tweaks .file-uploader__dropzone-label,html.disable-desktop-style-tweaks .swirl-list,html.disable-desktop-style-tweaks .radio__description,html.disable-desktop-style-tweaks .radio__label,html.disable-desktop-style-tweaks .select__label,html.disable-desktop-style-tweaks .tabs__tab,html.disable-desktop-style-tweaks .text--size-base,html.disable-desktop-style-tweaks .text-input__input,html.disable-desktop-style-tweaks .text-input__character-counter{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .button{padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-8)}html.disable-desktop-style-tweaks .button--pill{border-radius:1.25rem}html.disable-desktop-style-tweaks .button--pill.button--size-l{border-radius:1.5rem}html.disable-desktop-style-tweaks .checkbox__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks .date-input--inline .date-input__date-picker-button{top:-0.0625rem !important}html.disable-desktop-style-tweaks .date-input__date-picker-button{top:calc(-1 * var(--s-space-12))}html.disable-desktop-style-tweaks ::part(description-list-item__term){margin-bottom:var(--s-space-4)}html.disable-desktop-style-tweaks ::part(dialog__body){border-radius:var(--s-border-radius-l)}html.disable-desktop-style-tweaks ::part(dialog__heading){font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}html.disable-desktop-style-tweaks .file-uploader__description{margin-top:var(--s-space-4)}html.disable-desktop-style-tweaks .file-uploader__dropzone-label{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .file-uploader__upload-button{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .form-control.form-control--inline .form-control__label{min-height:calc(2.375rem + 2 * var(--s-border-width-default))}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .option-list-item{min-height:3rem;padding:var(--s-space-12) var(--s-space-16);gap:var(--s-space-12)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks .option-list-item__checkbox{width:1.5rem;height:1.5rem}}html.disable-desktop-style-tweaks ::part(option-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(pagination__list){font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-16)}html.disable-desktop-style-tweaks .radio__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks ::part(resource-list-file-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(resource-list-item__content){padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .search__input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-sm){--skeleton-text-line-padding:calc(
+:root,html.theme-light{--s-background-default:rgba(255, 255, 255, 1);--s-background-hovered:rgba(242, 242, 242, 1);--s-background-pressed:rgba(234, 234, 234, 1);--s-surface-default:rgba(255, 255, 255, 1);--s-surface-hovered:rgba(242, 242, 242, 1);--s-surface-pressed:rgba(234, 234, 234, 1);--s-surface-sunken-default:rgba(242, 242, 242, 1);--s-surface-sunken-hovered:rgba(234, 234, 234, 1);--s-surface-sunken-pressed:rgba(223, 223, 223, 1);--s-surface-overlay-default:rgba(255, 255, 255, 1);--s-surface-overlay-hovered:rgba(242, 242, 242, 1);--s-surface-overlay-pressed:rgba(234, 234, 234, 1);--s-surface-raised-default:rgba(242, 242, 242, 1);--s-surface-raised-hovered:rgba(234, 234, 234, 1);--s-surface-raised-pressed:rgba(223, 223, 223, 1);--s-surface-highlight-default:rgba(230, 238, 255, 1);--s-surface-highlight-hovered:rgba(213, 226, 255, 1);--s-surface-highlight-pressed:rgba(190, 210, 255, 1);--s-on-surface-highlight-default:rgba(213, 226, 255, 1);--s-surface-critical-default:rgba(213, 6, 54, 1);--s-surface-critical-subdued:rgba(252, 231, 237, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(250, 241, 200, 1);--s-surface-success-default:rgba(8, 129, 8, 1);--s-surface-success-subdued:rgba(220, 247, 220, 1);--s-surface-info-default:rgba(20, 90, 245, 1);--s-surface-info-subdued:rgba(230, 241, 255, 1);--s-surface-neutral-default:rgba(63, 63, 63, 1);--s-surface-neutral-subdued:rgba(242, 242, 242, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.6);--s-action-primary-default:rgba(20, 90, 245, 1);--s-action-primary-hovered:rgba(55, 115, 247, 1);--s-action-primary-pressed:rgba(91, 139, 248, 1);--s-action-primary-disabled:rgba(242, 242, 242, 1);--s-action-critical-default:rgba(213, 6, 54, 1);--s-action-critical-hovered:rgba(179, 39, 57, 1);--s-action-critical-pressed:rgba(159, 35, 52, 1);--s-action-critical-disabled:rgba(242, 242, 242, 1);--s-action-neutral-default:rgba(242, 242, 242, 1);--s-action-neutral-hovered:rgba(234, 234, 234, 1);--s-action-neutral-pressed:rgba(223, 223, 223, 1);--s-action-neutral-disabled:rgba(242, 242, 242, 1);--s-interactive-primary-default:rgba(0, 61, 175, 1);--s-interactive-primary-hovered:rgba(38, 85, 187, 1);--s-interactive-primary-pressed:rgba(77, 119, 199, 1);--s-interactive-primary-disabled:rgba(204, 205, 209, 1);--s-interactive-critical-default:rgba(213, 6, 54, 1);--s-interactive-critical-hovered:rgba(179, 39, 57, 1);--s-interactive-critical-pressed:rgba(159, 35, 52, 1);--s-interactive-critical-disabled:rgba(207, 207, 207, 1);--s-interactive-neutral-default:rgba(110, 110, 110, 1);--s-interactive-neutral-hovered:rgba(158, 158, 158, 1);--s-interactive-neutral-pressed:rgba(158, 158, 158, 1);--s-interactive-neutral-disabled:rgba(207, 207, 207, 1);--s-decorative-chilli-surface:rgba(195, 28, 28, 1);--s-decorative-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-decorative-pumpkin-surface:rgba(245, 144, 49, 1);--s-decorative-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-decorative-banana-surface:rgba(234, 186, 42, 1);--s-decorative-banana-surface-subdued:rgba(250, 241, 200, 1);--s-decorative-radish-surface:rgba(186, 29, 142, 1);--s-decorative-radish-surface-subdued:rgba(255, 221, 245, 1);--s-decorative-grape-surface:rgba(130, 45, 164, 1);--s-decorative-grape-surface-subdued:rgba(233, 220, 255, 1);--s-decorative-kiwi-surface:rgba(54, 119, 69, 1);--s-decorative-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-decorative-blueberry-surface:rgba(63, 95, 167, 1);--s-decorative-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-border-strong:rgba(207, 207, 207, 1);--s-border-default:rgba(234, 234, 234, 1);--s-border-highlight:rgba(0, 55, 175, 1);--s-border-critical:rgba(213, 6, 54, 1);--s-border-success:rgba(8, 129, 8, 1);--s-border-warning:rgba(147, 88, 6, 1);--s-border-info:rgba(20, 90, 245, 1);--s-border-on-highlight:rgba(174, 201, 246, 1);--s-border-on-translucent:rgba(0,0,0,0.1);--s-border-translucent-outline:rgba(255,255,255,0.5);--s-focus-default:rgba(0, 55, 175, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(25, 25, 25, 1);--s-icon-default:rgba(110, 110, 110, 1);--s-icon-disabled:rgba(207, 207, 207, 1);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(0, 55, 175, 1);--s-icon-critical:rgba(213, 6, 54, 1);--s-icon-success:rgba(8, 129, 8, 1);--s-icon-warning:rgba(147, 88, 6, 1);--s-icon-info:rgba(20, 90, 245, 1);--s-icon-on-action-primary:rgba(255, 255, 255, 1);--s-icon-on-surface-highlight:rgba(23, 23, 23, 1);--s-icon-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-icon-on-status:rgba(255, 255, 255, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 4px 16px 0px rgba(23,23,23,0.04), 0px 1px 4px 0px rgba(23,23,23,0.04);--s-shadow-level-2:0px 4px 12px 0px rgba(23,23,23,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(23,23,23,0.12), 0px 4px 12px 0px rgba(23,23,23,0.08);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(25, 25, 25, 1);--s-text-subdued:rgba(110, 110, 110, 1);--s-text-disabled:rgba(207, 207, 207, 1);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(0, 55, 175, 1);--s-text-critical:rgba(213, 6, 54, 1);--s-text-success:rgba(8, 129, 8, 1);--s-text-warning:rgba(147, 88, 6, 1);--s-text-info:rgba(20, 90, 245, 1);--s-text-on-action-primary:rgba(255, 255, 255, 1);--s-text-on-surface-highlight:rgba(23, 23, 23, 1);--s-text-on-surface-highlight-subdued:rgba(106, 109, 116, 1);--s-text-on-status:rgba(255, 255, 255, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(195, 28, 28, 1);--s-decorative-pumpkin-text:rgba(167, 76, 37, 1);--s-decorative-banana-text:rgba(154, 92, 0, 1);--s-decorative-radish-text:rgba(186, 29, 142, 1);--s-decorative-grape-text:rgba(130, 45, 164, 1);--s-decorative-kiwi-text:rgba(54, 119, 69, 1);--s-decorative-blueberry-text:rgba(63, 95, 167, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-m:16;--s-blur-l:24;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-translucent-low-default:rgba(255,255,255,0.8);--s-translucent-low-hovered:rgba(0,0,0,0.05);--s-translucent-low-pressed:rgba(0,0,0,0.1);--s-translucent-medium-default:rgba(242,242,242,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.8);--s-translucent-medium-pressed:rgba(255,255,255,1);}html.theme-dark{--s-background-default:rgba(25, 25, 25, 1);--s-background-hovered:rgba(35, 35, 35, 1);--s-background-pressed:rgba(43, 43, 43, 1);--s-surface-default:rgba(35, 35, 35, 1);--s-surface-hovered:rgba(43, 43, 43, 1);--s-surface-pressed:rgba(54, 54, 54, 1);--s-surface-sunken-default:rgba(0, 0, 0, 1);--s-surface-sunken-hovered:rgba(35, 35, 35, 1);--s-surface-sunken-pressed:rgba(43, 43, 43, 1);--s-surface-overlay-default:rgba(43, 43, 43, 1);--s-surface-overlay-hovered:rgba(54, 54, 54, 1);--s-surface-overlay-pressed:rgba(63, 63, 63, 1);--s-surface-raised-default:rgba(54, 54, 54, 1);--s-surface-raised-hovered:rgba(63, 63, 63, 1);--s-surface-raised-pressed:rgba(81, 81, 81, 1);--s-surface-highlight-default:rgba(45, 71, 127, 1);--s-surface-highlight-hovered:rgba(52, 80, 141, 1);--s-surface-highlight-pressed:rgba(64, 91, 151, 1);--s-on-surface-highlight-default:rgba(52, 80, 141, 1);--s-surface-critical-default:rgba(228, 100, 100, 1);--s-surface-critical-subdued:rgba(56, 33, 38, 1);--s-surface-success-default:rgba(80, 164, 80, 1);--s-surface-success-subdued:rgba(26, 44, 26, 1);--s-surface-warning-default:rgba(243, 183, 3, 1);--s-surface-warning-subdued:rgba(45, 39, 25, 1);--s-surface-info-default:rgba(100, 142, 233, 1);--s-surface-info-subdued:rgba(33, 41, 58, 1);--s-surface-neutral-default:rgba(207, 207, 207, 1);--s-surface-neutral-subdued:rgba(54, 54, 54, 1);--s-surface-on-image-default:rgba(0, 0, 0, 0.4);--s-action-primary-default:rgba(86, 143, 222, 1);--s-action-primary-hovered:rgba(121, 164, 223, 1);--s-action-primary-pressed:rgba(150, 181, 224, 1);--s-action-primary-disabled:rgba(43, 43, 43, 1);--s-action-critical-default:rgba(228, 100, 100, 1);--s-action-critical-hovered:rgba(210, 123, 121, 1);--s-action-critical-pressed:rgba(215, 147, 145, 1);--s-action-critical-disabled:rgba(43, 43, 43, 1);--s-action-neutral-default:rgba(43, 43, 43, 1);--s-action-neutral-hovered:rgba(54, 54, 54, 1);--s-action-neutral-pressed:rgba(63, 63, 63, 1);--s-action-neutral-disabled:rgba(43, 43, 43, 1);--s-interactive-primary-default:rgba(109, 168, 251, 1);--s-interactive-primary-hovered:rgba(141, 188, 255, 1);--s-interactive-primary-pressed:rgba(182, 213, 255, 1);--s-interactive-primary-disabled:rgba(81, 81, 81, 1);--s-interactive-critical-default:rgba(228, 100, 100, 1);--s-interactive-critical-hovered:rgba(210, 123, 121, 1);--s-interactive-critical-pressed:rgba(215, 147, 145, 1);--s-interactive-critical-disabled:rgba(81, 81, 81, 1);--s-interactive-neutral-default:rgba(158, 158, 158, 1);--s-interactive-neutral-hovered:rgba(110, 110, 110, 1);--s-interactive-neutral-pressed:rgba(110, 110, 110, 1);--s-interactive-neutral-disabled:rgba(81, 81, 81, 1);--s-decorative-chilli-surface:rgba(244, 120, 120, 1);--s-decorative-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-decorative-pumpkin-surface:rgba(237, 153, 75, 1);--s-decorative-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-decorative-banana-surface:rgba(209, 175, 41, 1);--s-decorative-banana-surface-subdued:rgba(77, 62, 30, 1);--s-decorative-radish-surface:rgba(242, 120, 204, 1);--s-decorative-radish-surface-subdued:rgba(79, 48, 69, 1);--s-decorative-grape-surface:rgba(214, 131, 251, 1);--s-decorative-grape-surface-subdued:rgba(75, 47, 98, 1);--s-decorative-kiwi-surface:rgba(111, 200, 130, 1);--s-decorative-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-decorative-blueberry-surface:rgba(122, 172, 240, 1);--s-decorative-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-border-strong:rgba(255, 255, 255, 0.20);--s-border-default:rgba(255, 255, 255, 0.12);--s-border-highlight:rgba(109, 168, 251, 1);--s-border-critical:rgba(228, 100, 100, 1);--s-border-success:rgba(80, 164, 80, 1);--s-border-warning:rgba(243, 183, 3, 1);--s-border-info:rgba(100, 142, 233, 1);--s-border-on-highlight:rgba(92, 118, 174, 1);--s-border-on-translucent:rgba(255,255,255,0.1);--s-border-translucent-outline:rgba(255,255,255,0.1);--s-focus-default:rgba(109, 168, 251, 1);--s-border-radius-null:0;--s-border-radius-xs:0.125rem;--s-border-radius-s:0.25rem;--s-border-radius-sm:0.5rem;--s-border-radius-base:0.75rem;--s-border-radius-l:1rem;--s-border-radius-xl:1.25rem;--s-border-radius-full-round:6249.9375rem;--s-border-width-0:0;--s-border-width-default:0.0625rem;--s-font-family-text:'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--s-font-family-code:'Fira Mono', Courier, monospace;--s-font-family-text-japanese:'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif;--s-font-family-text-korean:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-traditional:'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif;--s-font-family-text-chinese-simplified:'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif;--s-font-family-text-arabic:-apple-system, system-ui;--s-font-size-xs:0.75rem;--s-font-size-sm:0.875rem;--s-font-size-base:1rem;--s-font-size-lg:1.125rem;--s-font-size-xl:1.25rem;--s-font-size-2xl:1.75rem;--s-font-weight-normal:400;--s-font-weight-medium:500;--s-font-weight-semibold:600;--s-font-weight-bold:700;--s-icon-strong:rgba(242, 242, 242, 1);--s-icon-default:rgba(158, 158, 158, 1);--s-icon-disabled:rgba(81, 81, 81, 1);--s-icon-dark:rgba(25, 25, 25, 1);--s-icon-highlight:rgba(109, 168, 251, 1);--s-icon-critical:rgba(228, 100, 100, 1);--s-icon-warning:rgba(243, 183, 3, 1);--s-icon-success:rgba(80, 164, 80, 1);--s-icon-info:rgba(100, 142, 233, 1);--s-icon-on-action-primary:rgba(0, 0, 0, 1);--s-icon-on-surface-highlight:rgba(242, 242, 242, 1);--s-icon-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-icon-on-status:rgba(0, 0, 0, 1);--s-icon-on-image:rgba(255, 255, 255, 1);--s-letter-spacing-normal:0;--s-line-height-xs:1rem;--s-line-height-sm:1.25rem;--s-line-height-base:1.5rem;--s-line-height-lg:1.5rem;--s-line-height-xl:1.75rem;--s-line-height-2xl:2.25rem;--s-shadow-level-1:0px 1px 8px 0px rgba(0,0,0,0.32), 0px 0px 1px 0px rgba(0,0,0,0.48);--s-shadow-level-2:0px 4px 12px 0px rgba(0,0,0,0.2);--s-shadow-level-3:0px 12px 32px 0px rgba(0,0,0,0.32), 0px 2px 4px 0px rgba(0,0,0,0.24);--s-space-0:0;--s-space-2:0.125rem;--s-space-4:0.25rem;--s-space-8:0.5rem;--s-space-12:0.75rem;--s-space-16:1rem;--s-space-20:1.25rem;--s-space-24:1.5rem;--s-space-32:2rem;--s-space-40:2.5rem;--s-space-48:3rem;--s-space-64:4rem;--s-text-default:rgba(242, 242, 242, 1);--s-text-subdued:rgba(158, 158, 158, 1);--s-text-disabled:rgba(81, 81, 81, 1);--s-text-dark:rgba(25, 25, 25, 1);--s-text-highlight:rgba(109, 168, 251, 1);--s-text-critical:rgba(228, 100, 100, 1);--s-text-warning:rgba(243, 183, 3, 1);--s-text-success:rgba(80, 164, 80, 1);--s-text-info:rgba(100, 142, 233, 1);--s-text-on-action-primary:rgba(0, 0, 0, 1);--s-text-on-surface-highlight:rgba(242, 242, 242, 1);--s-text-on-surface-highlight-subdued:rgba(150, 163, 191, 1);--s-text-on-status:rgba(0, 0, 0, 1);--s-text-on-image:rgba(255, 255, 255, 1);--s-decorative-chilli-text:rgba(244, 120, 120, 1);--s-decorative-pumpkin-text:rgba(237, 153, 75, 1);--s-decorative-banana-text:rgba(209, 175, 41, 1);--s-decorative-radish-text:rgba(242, 120, 204, 1);--s-decorative-grape-text:rgba(214, 131, 251, 1);--s-decorative-kiwi-text:rgba(111, 200, 130, 1);--s-decorative-blueberry-text:rgba(122, 172, 240, 1);--s-decoration-underline:underline;--s-decoration-none:none;--s-z-0:0;--s-z-10:10;--s-z-20:20;--s-z-30:30;--s-z-40:40;--s-z-50:50;--s-z-auto:auto;--s-blur-m:16;--s-blur-l:24;--s-core-gray-10:rgba(43, 43, 43, 1);--s-core-gray-11:rgba(35, 35, 35, 1);--s-core-gray-12:rgba(25, 25, 25, 1);--s-core-gray-black:rgba(0, 0, 0, 1);--s-core-gray-09:rgba(54, 54, 54, 1);--s-core-gray-08:rgba(63, 63, 63, 1);--s-core-gray-07:rgba(81, 81, 81, 1);--s-core-gray-06:rgba(110, 110, 110, 1);--s-core-gray-05:rgba(158, 158, 158, 1);--s-core-gray-04:rgba(207, 207, 207, 1);--s-core-gray-03:rgba(223, 223, 223, 1);--s-core-gray-02:rgba(234, 234, 234, 1);--s-core-gray-01:rgba(242, 242, 242, 1);--s-core-gray-white:rgba(255, 255, 255, 1);--s-core-customer-color-light-1-default:rgba(20, 90, 245, 1);--s-core-customer-color-light-1-hovered:rgba(55, 115, 247, 1);--s-core-customer-color-light-1-pressed:rgba(91, 139, 248, 1);--s-core-customer-color-light-2-default:rgba(230, 238, 255, 1);--s-core-customer-color-light-2-hovered:rgba(213, 226, 255, 1);--s-core-customer-color-light-2-pressed:rgba(190, 210, 255, 1);--s-core-customer-color-light-3-default:rgba(0, 55, 175, 1);--s-core-customer-color-light-3-hovered:rgba(38, 85, 187, 1);--s-core-customer-color-light-3-pressed:rgba(77, 116, 199, 1);--s-core-on-customer-color-light-1:rgba(255, 255, 255, 1);--s-core-on-customer-color-light-2:rgba(23, 23, 23, 1);--s-core-on-customer-color-light-2-subdued:rgba(106, 109, 116, 1);--s-core-customer-color-dark-1-default:rgba(86, 143, 222, 1);--s-core-customer-color-dark-1-hovered:rgba(121, 164, 223, 1);--s-core-customer-color-dark-1-pressed:rgba(150, 181, 224, 1);--s-core-customer-color-dark-2-default:rgba(45, 71, 127, 1);--s-core-customer-color-dark-2-hovered:rgba(52, 80, 141, 1);--s-core-customer-color-dark-2-pressed:rgba(64, 91, 151, 1);--s-core-customer-color-dark-3-default:rgba(109, 168, 251, 1);--s-core-customer-color-dark-3-hovered:rgba(141, 188, 255, 1);--s-core-customer-color-dark-3-pressed:rgba(182, 213, 255, 1);--s-core-on-customer-color-dark-1:rgba(0, 0, 0, 1);--s-core-on-customer-color-dark-2:rgba(242, 242, 242, 1);--s-core-on-customer-color-dark-2-subdued:rgba(150, 163, 191, 1);--s-core-status-light-critical-default:rgba(213, 6, 54, 1);--s-core-status-light-critical-hovered:rgba(179, 39, 57, 1);--s-core-status-light-critical-pressed:rgba(159, 35, 52, 1);--s-core-status-light-critical-subdued:rgba(252, 231, 237, 1);--s-core-status-light-success-default:rgba(8, 129, 8, 1);--s-core-status-light-success-subdued:rgba(220, 247, 220, 1);--s-core-status-light-warning-strong:rgba(147, 88, 6, 1);--s-core-status-light-warning-default:rgba(243, 183, 3, 1);--s-core-status-light-warning-subdued:rgba(250, 241, 200, 1);--s-core-status-light-info-default:rgba(20, 90, 245, 1);--s-core-status-light-info-subdued:rgba(230, 241, 255, 1);--s-core-status-dark-critical-default:rgba(228, 100, 100, 1);--s-core-status-dark-critical-hovered:rgba(210, 123, 121, 1);--s-core-status-dark-critical-pressed:rgba(215, 147, 145, 1);--s-core-status-dark-critical-subdued:rgba(56, 33, 38, 1);--s-core-status-dark-warning-default:rgba(243, 183, 3, 1);--s-core-status-dark-warning-subdued:rgba(45, 39, 25, 1);--s-core-status-dark-success-default:rgba(80, 164, 80, 1);--s-core-status-dark-success-subdued:rgba(26, 44, 26, 1);--s-core-status-dark-info-default:rgba(100, 142, 233, 1);--s-core-status-dark-info-subdued:rgba(33, 41, 58, 1);--s-core-decorative-light-chilli-text:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface:rgba(195, 28, 28, 1);--s-core-decorative-light-chilli-surface-subdued:rgba(252, 231, 237, 1);--s-core-decorative-light-pumpkin-text:rgba(167, 76, 37, 1);--s-core-decorative-light-pumpkin-surface:rgba(245, 144, 49, 1);--s-core-decorative-light-pumpkin-surface-subdued:rgba(255, 227, 202, 1);--s-core-decorative-light-banana-text:rgba(154, 92, 0, 1);--s-core-decorative-light-banana-surface:rgba(234, 186, 42, 1);--s-core-decorative-light-banana-surface-subdued:rgba(250, 241, 200, 1);--s-core-decorative-light-radish-text:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface:rgba(186, 29, 142, 1);--s-core-decorative-light-radish-surface-subdued:rgba(255, 221, 245, 1);--s-core-decorative-light-grape-text:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface:rgba(130, 45, 164, 1);--s-core-decorative-light-grape-surface-subdued:rgba(233, 220, 255, 1);--s-core-decorative-light-kiwi-text:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface:rgba(54, 119, 69, 1);--s-core-decorative-light-kiwi-surface-subdued:rgba(220, 247, 220, 1);--s-core-decorative-light-blueberry-text:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface:rgba(63, 95, 167, 1);--s-core-decorative-light-blueberry-surface-subdued:rgba(230, 241, 255, 1);--s-core-decorative-dark-chilli-text:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface:rgba(244, 120, 120, 1);--s-core-decorative-dark-chilli-surface-subdued:rgba(77, 45, 44, 1);--s-core-decorative-dark-pumpkin-text:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface:rgba(237, 153, 75, 1);--s-core-decorative-dark-pumpkin-surface-subdued:rgba(82, 56, 36, 1);--s-core-decorative-dark-banana-text:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface:rgba(209, 175, 41, 1);--s-core-decorative-dark-banana-surface-subdued:rgba(77, 62, 30, 1);--s-core-decorative-dark-radish-text:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface:rgba(242, 120, 204, 1);--s-core-decorative-dark-radish-surface-subdued:rgba(79, 48, 69, 1);--s-core-decorative-dark-grape-text:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface:rgba(214, 131, 251, 1);--s-core-decorative-dark-grape-surface-subdued:rgba(75, 47, 98, 1);--s-core-decorative-dark-kiwi-text:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface:rgba(111, 200, 130, 1);--s-core-decorative-dark-kiwi-surface-subdued:rgba(42, 70, 42, 1);--s-core-decorative-dark-blueberry-text:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface:rgba(122, 172, 240, 1);--s-core-decorative-dark-blueberry-surface-subdued:rgba(41, 64, 91, 1);--s-translucent-low-default:rgba(43,43,43,0.8);--s-translucent-low-hovered:rgba(255,255,255,0.05);--s-translucent-low-pressed:rgba(255,255,255,0.1);--s-translucent-medium-default:rgba(43,43,43,0.6);--s-translucent-medium-hovered:rgba(255,255,255,0.2);--s-translucent-medium-pressed:rgba(255,255,255,0.3);}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(action-list-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-12)}html.disable-desktop-style-tweaks ::part(action-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(banner__content),html.disable-desktop-style-tweaks ::part(banner__action-button),html.disable-desktop-style-tweaks ::part(banner__dismiss-button),html.disable-desktop-style-tweaks ::part(description-list-item),html.disable-desktop-style-tweaks ::part(dialog__content),html.disable-desktop-style-tweaks ::part(file-viewer-csv__table),html.disable-desktop-style-tweaks ::part(file-viewer-pdf__pagination),html.disable-desktop-style-tweaks ::part(file-viewer-text__text),html.disable-desktop-style-tweaks ::part(inline-error),html.disable-desktop-style-tweaks ::part(link),html.disable-desktop-style-tweaks ::part(option-list-item__label),html.disable-desktop-style-tweaks ::part(toast__content),html.disable-desktop-style-tweaks ::part(tooltip__bubble),html.disable-desktop-style-tweaks .checkbox__label,html.disable-desktop-style-tweaks .checkbox__description,html.disable-desktop-style-tweaks .date-input__input,html.disable-desktop-style-tweaks .file-uploader__label,html.disable-desktop-style-tweaks .file-uploader__dropzone-label,html.disable-desktop-style-tweaks .swirl-list,html.disable-desktop-style-tweaks .radio__description,html.disable-desktop-style-tweaks .radio__label,html.disable-desktop-style-tweaks .select__label,html.disable-desktop-style-tweaks .tabs__tab,html.disable-desktop-style-tweaks .text--size-base,html.disable-desktop-style-tweaks .text-input__input,html.disable-desktop-style-tweaks .text-input__character-counter{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .button{padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-8)}html.disable-desktop-style-tweaks .button--pill{border-radius:1.25rem}html.disable-desktop-style-tweaks .button--pill.button--size-l{border-radius:1.5rem}html.disable-desktop-style-tweaks .checkbox__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks .date-input--inline .date-input__date-picker-button{top:-0.0625rem !important}html.disable-desktop-style-tweaks .date-input__date-picker-button{top:calc(-1 * var(--s-space-12))}html.disable-desktop-style-tweaks ::part(description-list-item__term){margin-bottom:var(--s-space-4)}html.disable-desktop-style-tweaks ::part(dialog__body){border-radius:var(--s-border-radius-l)}html.disable-desktop-style-tweaks ::part(dialog__heading){font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}html.disable-desktop-style-tweaks .file-uploader__description{margin-top:var(--s-space-4)}html.disable-desktop-style-tweaks .file-uploader__dropzone-label{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .file-uploader__upload-button{margin-top:var(--s-space-16)}html.disable-desktop-style-tweaks .form-control.form-control--inline .form-control__label{min-height:calc(2.375rem + 2 * var(--s-border-width-default))}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value):not(.form-control--has-focus):not(.form-control--is-select) .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .form-control:not(.form-control--has-value).form-control--is-select .form-control__label-text{font-size:var(--s-font-size-base) !important;line-height:var(--s-line-height-base) !important}html.disable-desktop-style-tweaks .option-list-item{min-height:3rem;padding:var(--s-space-12) var(--s-space-16);gap:var(--s-space-12)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks .option-list-item__checkbox{width:1.5rem;height:1.5rem}}html.disable-desktop-style-tweaks ::part(option-list-section__label){padding:var(--s-space-8) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(pagination__list){font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);gap:var(--s-space-16)}html.disable-desktop-style-tweaks .radio__control{width:1.5rem;height:1.5rem}html.disable-desktop-style-tweaks ::part(resource-list-file-item){padding:var(--s-space-12) var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks ::part(resource-list-item__content){padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}html.disable-desktop-style-tweaks .search__input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-sm){--skeleton-text-line-padding:calc(
           (var(--s-line-height-sm) - var(--s-font-size-sm)) / 2
         )}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-base)::part(skeleton-text__line){height:var(--s-line-height-base)}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){html.disable-desktop-style-tweaks ::part(skeleton-text--size-base){--skeleton-text-line-padding:calc(
           (var(--s-line-height-base) - var(--s-font-size-base)) / 2