@solid-design-system/components 5.8.4 → 5.10.0

package/cdn-versioned/chunks/chunk.V55KCNZK.js

@@ -1,25 +0,0 @@
-import{a as u,c as y,d as f,k as x}from"./chunk.UWPDCU52.js";import{a as k,c as z}from"./chunk.6OTM3PE5.js";import{a as h,b as m,e as b}from"./chunk.TJOCV4DC.js";var C=(r,t)=>window.customElements.get(r)?(console.warn(`Custom element ${r} already defined. Registration skipped.`),t):(window.customElements.define(r,t),t),X=(r,t)=>{let{kind:e,elements:o}=t;return{kind:e,elements:o,finisher(a){if(window.customElements.get(r)){console.warn(`Custom element ${r} already defined. Registration skipped.`);return}window.customElements.define(r,a)}}},q=r=>t=>typeof t=="function"?C(r,t):X(r,t);var j={attribute:!0,type:String,converter:y,reflect:!1,hasChanged:f},E=(r=j,t,e)=>{let{kind:o,metadata:a}=e,d=globalThis.litPropertyMetadata.get(a);if(d===void 0&&globalThis.litPropertyMetadata.set(a,d=new Map),o==="setter"&&((r=Object.create(r)).wrapped=!0),d.set(e.name,r),o==="accessor"){let{name:s}=e;return{set(n){let i=t.get.call(this);t.set.call(this,n),this.requestUpdate(s,i,r)},init(n){return n!==void 0&&this.C(s,void 0,r,n),n}}}if(o==="setter"){let{name:s}=e;return function(n){let i=this[s];t.call(this,n),this.requestUpdate(s,i,r)}}throw Error("Unsupported decorator location: "+o)};function p(r){return(t,e)=>typeof e=="object"?E(r,t,e):((o,a,d)=>{let s=a.hasOwnProperty(d);return a.constructor.createProperty(d,o),s?Object.getOwnPropertyDescriptor(a,d):void 0})(r,t,e)}function P(r){return p(m(h({},r),{state:!0,attribute:!1}))}var l=(r,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(r,t,e),e);function A(r,t){return(e,o,a)=>{let d=s=>{var n,i;return(i=(n=s.renderRoot)==null?void 0:n.querySelector(r))!=null?i:null};if(t){let{get:s,set:n}=typeof o=="object"?e:a!=null?a:(()=>{let i=Symbol();return{get(){return this[i]},set(g){this[i]=g}}})();return l(e,o,{get(){let i=s.call(this);return i===void 0&&(i=d(this),(i!==null||this.hasUpdated)&&n.call(this,i)),i}})}return l(e,o,{get(){return d(this)}})}}var w;function U(r){return(t,e)=>l(t,e,{get(){var o;return((o=this.renderRoot)!=null?o:w!=null?w:w=document.createDocumentFragment()).querySelectorAll(r)}})}function K(r){return(t,e)=>l(t,e,{async get(){var o,a;return await this.updateComplete,(a=(o=this.renderRoot)==null?void 0:o.querySelector(r))!=null?a:null}})}function G(r){return(t,e)=>{let{slot:o,selector:a}=r!=null?r:{},d="slot"+(o?`[name=${o}]`:":not([name])");return l(t,e,{get(){var i,g;let s=(i=this.renderRoot)==null?void 0:i.querySelector(d),n=(g=s==null?void 0:s.assignedElements(r))!=null?g:[];return a===void 0?n:n.filter(Y=>Y.matches(a))}})}}var T=u,v={"sd-duration":r=>z(r)},c=class extends x{emit(t,e){let o=new CustomEvent(t,h({bubbles:!0,cancelable:!1,composed:!0,detail:{}},e));return this.dispatchEvent(o),o}token(t,e){var d,s,n;let o=k(`var(--${t})`,this);if(o===null)return e;let a=Object.keys(v).find(i=>t.startsWith(i));return(n=(s=(d=v[a!=null?a:t])==null?void 0:d.call(v,o))!=null?s:o)!=null?n:e}};c.styles=[T`.sd-interactive--reset,.sd-prose a--reset{all:unset;outline:revert}.sd-interactive,.sd-prose a{cursor:pointer;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1));text-decoration-line:underline;transition-duration:.15s;transition-duration:var(--sd-duration-fast,.15s);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sd-interactive:hover:not([disabled]),.sd-prose a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.sd-interactive:active:not([disabled]),.sd-prose a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity,1))}.sd-interactive:is(.sd-interactive),.sd-prose a:is(.sd-interactive){text-decoration-line:none}.sd-interactive:focus-visible,.sd-prose a:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-interactive--disabled,.sd-interactive[disabled],.sd-interactive[href=""],.sd-prose a--disabled,.sd-prose a[disabled],.sd-prose a[href=""]{cursor:not-allowed;--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-interactive--disabled:active:not([disabled]),.sd-interactive--disabled:hover:not([disabled]),.sd-interactive[disabled]:active:not([disabled]),.sd-interactive[disabled]:hover:not([disabled]),.sd-interactive[href=""]:active:not([disabled]),.sd-interactive[href=""]:hover:not([disabled]),.sd-prose a--disabled:active:not([disabled]),.sd-prose a--disabled:hover:not([disabled]),.sd-prose a[disabled]:active:not([disabled]),.sd-prose a[disabled]:hover:not([disabled]),.sd-prose a[href=""]:active:not([disabled]),.sd-prose a[href=""]:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.sd-interactive--inverted,.sd-prose--inverted a{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-interactive--inverted:hover:not([disabled]),.sd-prose--inverted a:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity,1))}.sd-interactive--inverted:active:not([disabled]),.sd-prose--inverted a:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.sd-interactive--inverted:focus-visible,.sd-prose--inverted a:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sd-paragraph,.sd-prose p{font-size:var(--sd-font-size-base,1rem)}.sd-paragraph,.sd-paragraph--size-sm,.sd-prose p,.sd-prose p--size-sm{font-weight:400;line-height:var(--sd-line-height-normal,150%);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-paragraph--size-sm,.sd-prose p--size-sm{font-size:var(--sd-font-size-sm,.875rem)}.sd-paragraph--inverted,.sd-prose--inverted p{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-headline,.sd-prose :is(h1,h2,h3,h4,h5){display:flex;font-weight:700;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.sd-headline sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-5-8-4-icon{flex-shrink:0;font-size:3rem;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}@media (min-width:640px){.sd-headline sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-5-8-4-icon{margin-top:var(--sd-spacing-2,.5rem)}}.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-headline.sd-headline sd-5-8-4-icon,.sd-headline:is(h1):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-5-8-4-icon{margin-top:calc(var(--sd-spacing-1,.25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline sd-5-8-4-icon,.sd-headline:is(h1):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-5-8-4-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-2xl,1.75rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem)}}.sd-headline.sd-headline--size-3xl sd-5-8-4-icon,.sd-headline:is(h2):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-5-8-4-icon{margin-top:calc(var(--sd-spacing-1,.25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl sd-5-8-4-icon,.sd-headline:is(h2):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-5-8-4-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline.sd-headline--size-xl,.sd-headline:is(h3,h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline){gap:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.sd-headline.sd-headline--size-base sd-5-8-4-icon,.sd-headline.sd-headline--size-lg sd-5-8-4-icon,.sd-headline.sd-headline--size-xl sd-5-8-4-icon,.sd-headline:is(h3,h4,h5):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline) sd-5-8-4-icon{font-size:2rem}.sd-headline.sd-headline--size-xl,.sd-headline:is(h3):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline){font-size:var(--sd-font-size-xl,1.5rem)}.sd-headline.sd-headline--size-xl sd-5-8-4-icon,.sd-headline:is(h3):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-5-8-4-icon{margin-top:var(--sd-spacing-0-5,.125rem)}@media (min-width:640px){.sd-headline.sd-headline--size-xl sd-5-8-4-icon,.sd-headline:is(h3):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-5-8-4-icon{margin-top:var(--sd-spacing-0-5,.125rem)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline:is(h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4,h5):not(.sd-headline){line-height:var(--sd-line-height-normal,150%)}.sd-headline.sd-headline--size-lg,.sd-headline:is(h4),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4){font-size:var(--sd-font-size-lg,1.25rem)}.sd-headline.sd-headline--size-lg sd-5-8-4-icon,.sd-headline:is(h4) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-5-8-4-icon{margin-top:var(--sd-spacing-0,0)}@media (min-width:640px){.sd-headline.sd-headline--size-lg sd-5-8-4-icon,.sd-headline:is(h4) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-5-8-4-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline:is(h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline){font-size:var(--sd-font-size-base,1rem)}.sd-headline.sd-headline--size-base sd-5-8-4-icon,.sd-headline:is(h5):not(.sd-headline) sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-5-8-4-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) sd-5-8-4-icon{margin-top:calc(var(--sd-spacing-1,.25rem)*-1)}.sd-headline.sd-headline--size-base mark,.sd-headline:is(h5):not(.sd-headline) mark,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base mark,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) mark{color:inherit}.sd-headline--inline{display:inline-block}.sd-headline--inline sd-5-8-4-icon{margin-right:var(--sd-spacing-2,.5rem);margin-top:calc(var(--sd-spacing-1,.25rem)*-1);vertical-align:middle}.sd-headline--inline:is(.sd-headline--size-xl,.sd-headline--size-lg,.sd-headline--size-base) sd-5-8-4-icon{margin-right:var(--sd-spacing-0-5,.125rem)}.sd-headline--inverted:not(#_),.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#_){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.sd-headline--inverted:not(#_) sd-5-8-4-icon,.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#_) sd-5-8-4-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.focus-outline{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:var(--sd-spacing-0,0)}.\\!right-0{right:var(--sd-spacing-0,0)!important}.-top-0\\.25{top:calc(var(--sd-spacing-0-25,1px)*-1)}.-top-4{top:calc(var(--sd-spacing-4,1rem)*-1)}.bottom-0{bottom:var(--sd-spacing-0,0)}.bottom-auto{bottom:var(--sd-spacing-auto,auto)}.end-0{inset-inline-end:var(--sd-spacing-0,0)}.end-auto{inset-inline-end:var(--sd-spacing-auto,auto)}.left-0{left:var(--sd-spacing-0,0)}.left-1\\/2{left:50%}.left-2{left:var(--sd-spacing-2,.5rem)}.left-auto{left:var(--sd-spacing-auto,auto)}.right-0{right:var(--sd-spacing-0,0)}.right-0\\.25{right:var(--sd-spacing-0-25,1px)}.right-2{right:var(--sd-spacing-2,.5rem)}.right-4{right:var(--sd-spacing-4,1rem)}.right-\\[\\.85rem\\]{right:.85rem}.right-auto{right:var(--sd-spacing-auto,auto)}.start-0{inset-inline-start:var(--sd-spacing-0,0)}.start-auto{inset-inline-start:var(--sd-spacing-auto,auto)}.top-0{top:var(--sd-spacing-0,0)}.top-1{top:var(--sd-spacing-1,.25rem)}.top-1\\/2{top:50%}.top-2{top:var(--sd-spacing-2,.5rem)}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.-z-20{z-index:-20}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\\[0\\]{z-index:0}.z-\\[1\\]{z-index:1}.z-auto{z-index:auto}.z-dialog{z-index:var(--sd-z-index-dialog,800)}.z-dropdown{z-index:var(--sd-z-index-dropdown,900)}.order-1{order:1}.order-2{order:2}.\\!m-0{margin:var(--sd-spacing-0,0)!important}.m-0{margin:var(--sd-spacing-0,0)}.m-2{margin:var(--sd-spacing-2,.5rem)}.m-4{margin:var(--sd-spacing-4,1rem)}.mx-\\[-1px\\]{margin-left:-1px;margin-right:-1px}.mx-auto{margin-left:var(--sd-spacing-auto,auto);margin-right:var(--sd-spacing-auto,auto)}.my-0{margin-bottom:var(--sd-spacing-0,0);margin-top:var(--sd-spacing-0,0)}.my-auto{margin-bottom:var(--sd-spacing-auto,auto);margin-top:var(--sd-spacing-auto,auto)}.\\!ml-6{margin-left:var(--sd-spacing-6,1.5rem)!important}.\\!mr-6{margin-right:var(--sd-spacing-6,1.5rem)!important}.mb-2{margin-bottom:var(--sd-spacing-2,.5rem)}.mb-4{margin-bottom:var(--sd-spacing-4,1rem)}.mb-6{margin-bottom:var(--sd-spacing-6,1.5rem)}.mb-auto{margin-bottom:var(--sd-spacing-auto,auto)}.me-1{margin-inline-end:var(--sd-spacing-1,.25rem)}.ml-1{margin-left:var(--sd-spacing-1,.25rem)}.ml-2{margin-left:var(--sd-spacing-2,.5rem)}.ml-3{margin-left:var(--sd-spacing-3,.75rem)}.ml-4{margin-left:var(--sd-spacing-4,1rem)}.ml-6{margin-left:var(--sd-spacing-6,1.5rem)}.ml-\\[0\\.25em\\]{margin-left:.25em}.ml-\\[0\\.5em\\]{margin-left:.5em}.ml-auto{margin-left:var(--sd-spacing-auto,auto)}.mr-0{margin-right:var(--sd-spacing-0,0)}.mr-1{margin-right:var(--sd-spacing-1,.25rem)}.mr-2{margin-right:var(--sd-spacing-2,.5rem)}.mr-4{margin-right:var(--sd-spacing-4,1rem)}.mr-6{margin-right:var(--sd-spacing-6,1.5rem)}.mr-\\[0\\.25em\\]{margin-right:.25em}.mr-\\[0\\.5em\\]{margin-right:.5em}.mt-0\\.25{margin-top:var(--sd-spacing-0-25,1px)}.mt-1{margin-top:var(--sd-spacing-1,.25rem)}.mt-2{margin-top:var(--sd-spacing-2,.5rem)}.mt-3{margin-top:var(--sd-spacing-3,.75rem)}.mt-4{margin-top:var(--sd-spacing-4,1rem)}.mt-\\[-1px\\]{margin-top:-1px}.mt-\\[11\\%\\]{margin-top:11%}.mt-\\[22\\%\\]{margin-top:22%}.mt-\\[2px\\]{margin-top:2px}.mt-\\[3px\\]{margin-top:3px}.mt-auto{margin-top:var(--sd-spacing-auto,auto)}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.contents{display:contents}.\\!hidden{display:none!important}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-0\\.25{height:var(--sd-spacing-0-25,1px)}.h-1{height:var(--sd-spacing-1,.25rem)}.h-10{height:var(--sd-spacing-10,2.5rem)}.h-12{height:var(--sd-spacing-12,3rem)}.h-16{height:var(--sd-spacing-16,4rem)}.h-2{height:var(--sd-spacing-2,.5rem)}.h-2\\.5{height:var(--sd-spacing-2-5,.625rem)}.h-3{height:var(--sd-spacing-3,.75rem)}.h-4{height:var(--sd-spacing-4,1rem)}.h-5{height:var(--sd-spacing-5,1.25rem)}.h-6{height:var(--sd-spacing-6,1.5rem)}.h-8{height:var(--sd-spacing-8,2rem)}.h-\\[0px\\]{height:0}.h-\\[1px\\]{height:1px}.h-\\[2px\\]{height:2px}.h-\\[48px\\]{height:48px}.h-\\[6px\\]{height:6px}.h-\\[96px\\]{height:96px}.h-\\[calc\\(100\\%-16px\\)\\]{height:calc(100% - 16px)}.h-\\[calc\\(100\\%-8px\\)\\]{height:calc(100% - 8px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-varspacing{height:var(--tw-varspacing)}.max-h-full{max-height:100%}.min-h-\\[32px\\]{min-height:32px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[48px\\]{min-height:48px}.min-h-full{min-height:100%}.w-0{width:var(--sd-spacing-0,0)}.w-1{width:var(--sd-spacing-1,.25rem)}.w-12{width:var(--sd-spacing-12,3rem)}.w-16{width:var(--sd-spacing-16,4rem)}.w-2\\.5{width:var(--sd-spacing-2-5,.625rem)}.w-3{width:var(--sd-spacing-3,.75rem)}.w-3\\/4{width:75%}.w-4{width:var(--sd-spacing-4,1rem)}.w-40{width:var(--sd-spacing-40,10rem)}.w-5{width:var(--sd-spacing-5,1.25rem)}.w-6{width:var(--sd-spacing-6,1.5rem)}.w-8{width:var(--sd-spacing-8,2rem)}.w-\\[--width\\]{width:var(--width)}.w-\\[1px\\]{width:1px}.w-\\[4\\.5rem\\]{width:4.5rem}.w-\\[48px\\]{width:48px}.w-\\[6px\\]{width:6px}.w-\\[96px\\]{width:96px}.w-\\[calc\\(100\\%-16px\\)\\]{width:calc(100% - 16px)}.w-auto{width:var(--sd-spacing-auto,auto)}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.w-varspacing{width:var(--tw-varspacing)}.min-w-0{min-width:var(--sd-spacing-0,0)}.min-w-40{min-width:var(--sd-spacing-40,10rem)}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.min-w-min{min-width:-moz-min-content;min-width:min-content}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-\\[0_0_auto\\]{flex:0 0 auto}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.grow{flex-grow:1}.basis-auto{flex-basis:var(--sd-spacing-auto,auto)}.origin-bottom{transform-origin:bottom}.origin-top{transform-origin:top}.\\!-translate-x-1\\/2{--tw-translate-x:-50%!important}.\\!-translate-x-1\\/2,.\\!-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\\!-translate-y-1\\/2{--tw-translate-y:-50%!important}.\\!translate-x-1\\/2{--tw-translate-x:50%!important}.\\!translate-x-1\\/2,.\\!translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\\!translate-y-0{--tw-translate-y:var(--sd-spacing-0,0px)!important}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-2{--tw-translate-x:calc(var(--sd-spacing-2, 0.5rem)*-1)}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.translate-x-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-2{--tw-translate-x:var(--sd-spacing-2,0.5rem)}.translate-y-full{--tw-translate-y:100%}.rotate-0,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-0{--tw-rotate:0deg}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.rotate-90{--tw-rotate:90deg}.rotate-90,.rotate-\\[-90deg\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[-90deg\\]{--tw-rotate:-90deg}.rotate-\\[270deg\\]{--tw-rotate:270deg}.rotate-\\[270deg\\],.skew-y-\\[-11deg\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.skew-y-\\[-11deg\\]{--tw-skew-y:-11deg}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.scale-0,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.scale-y-\\[1\\.5\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-y-\\[1\\.5\\]{--tw-scale-y:1.5}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-none{transform:none}@keyframes bounce-once{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}.animate-bounce-once{animation:bounce-once var(--sd-duration-medium,.3s) ease-in-out}@keyframes grow{0%{width:0}to{width:100%}}.animate-grow{animation:grow linear}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.\\!cursor-not-allowed{cursor:not-allowed!important}.cursor-\\[inherit\\]{cursor:inherit}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-flow-col{grid-auto-flow:column}.auto-rows-\\[100\\%\\]{grid-auto-rows:100%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.gap-0\\.5{gap:var(--sd-spacing-0-5,.125rem)}.gap-1{gap:var(--sd-spacing-1,.25rem)}.gap-2{gap:var(--sd-spacing-2,.5rem)}.gap-3{gap:var(--sd-spacing-3,.75rem)}.gap-4{gap:var(--sd-spacing-4,1rem)}.gap-6{gap:var(--sd-spacing-6,1.5rem)}.gap-8{gap:var(--sd-spacing-8,2rem)}.gap-x-\\[1px\\]{-moz-column-gap:1px;column-gap:1px}.self-start{align-self:flex-start}.self-center{align-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.overscroll-x-contain{overscroll-behavior-x:contain}.scroll-auto{scroll-behavior:auto}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.\\!rounded-sm{border-radius:var(--sd-border-radius-sm,.125rem)!important}.rounded-\\[4px_4px_0_0\\]{border-radius:4px 4px 0 0}.rounded-default{border-radius:var(--sd-border-radius-default,.25rem)}.rounded-full{border-radius:var(--sd-border-radius-full,9999px)}.rounded-md{border-radius:var(--sd-border-radius-md,.375rem)}.rounded-none{border-radius:var(--sd-border-radius-none,0)}.rounded-sm{border-radius:var(--sd-border-radius-sm,.125rem)}.rounded-b-default{border-bottom-left-radius:var(--sd-border-radius-default,.25rem);border-bottom-right-radius:var(--sd-border-radius-default,.25rem)}.rounded-b-none{border-bottom-left-radius:var(--sd-border-radius-none,0);border-bottom-right-radius:var(--sd-border-radius-none,0)}.rounded-bl-default{border-bottom-left-radius:var(--sd-border-radius-default,.25rem)}.rounded-bl-none{border-bottom-left-radius:var(--sd-border-radius-none,0)}.rounded-br-default{border-bottom-right-radius:var(--sd-border-radius-default,.25rem)}.rounded-br-none{border-bottom-right-radius:var(--sd-border-radius-none,0)}.rounded-tl-default{border-top-left-radius:var(--sd-border-radius-default,.25rem)}.rounded-tl-none{border-top-left-radius:var(--sd-border-radius-none,0)}.rounded-tr-default{border-top-right-radius:var(--sd-border-radius-default,.25rem)}.rounded-tr-none{border-top-right-radius:var(--sd-border-radius-none,0)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\\[0\\.25px\\]{border-width:.25px}.border-\\[1px\\]{border-width:1px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-none{border-style:none}.border-accent{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-border-opacity,1))}.border-error{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-border-opacity,1))}.border-neutral-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-border-opacity,1))}.border-neutral-500{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.border-neutral-600{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity,1))}.border-neutral-800{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-border-opacity,1))}.border-primary-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-border-opacity,1))}.border-success{--tw-border-opacity:1;border-color:rgb(var(--sd-color-success,37 136 14)/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-border-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}.bg-accent-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-500,37 136 14)/var(--tw-bg-opacity,1))}.bg-accent-550{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity,1))}.bg-accent-700{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-700,33 87 37)/var(--tw-bg-opacity,1))}.bg-error{background-color:rgb(var(--sd-color-error,204 25 55)/var(--tw-bg-opacity,1))}.bg-error,.bg-info{--tw-bg-opacity:1}.bg-info{background-color:rgb(var(--sd-color-info,21 130 213)/var(--tw-bg-opacity,1))}.bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}.bg-neutral-100\\/\\[\\.8\\]{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/.8)}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}.bg-neutral-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--tw-bg-opacity,1))}.bg-neutral-800\\/75{background-color:rgb(var(--sd-color-neutral-800,81 81 81)/var(--sd-opacity-75,.75))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.bg-primary-100\\/\\[\\.8\\]{background-color:rgb(var(--sd-color-primary-100,236 240 249)/.8)}.bg-primary-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity,1))}.bg-primary-800{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity,1))}.bg-primary\\/\\[\\.8\\]{background-color:rgb(var(--sd-color-primary,0 53 142)/.8)}.bg-success{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-success,37 136 14)/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-warning{background-color:rgb(var(--sd-color-warning,187 141 32)/var(--tw-bg-opacity,1))}.bg-warning,.bg-white{--tw-bg-opacity:1}.bg-white{background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.bg-white\\/\\[\\.8\\]{background-color:rgb(var(--sd-color-white,255 255 255)/.8)}.bg-opacity-75{--tw-bg-opacity:var(--sd-opacity-75,0.75)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-primary-800\\/60{--tw-gradient-from:rgb(var(--sd-color-primary-800,5 21 48)/var(--sd-opacity-60,0.6)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-800\\/75{--tw-gradient-from:rgb(var(--sd-color-primary-800,5 21 48)/var(--sd-opacity-75,0.75)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-primary-800\\/\\[\\.6\\]{--tw-gradient-from:rgb(var(--sd-color-primary-800,5 21 48)/.6) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\\/60{--tw-gradient-from:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-60,0.6)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\\/75{--tw-gradient-from:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-75,0.75)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\\/90{--tw-gradient-from:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,0.9)) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\\/\\[\\.8\\]{--tw-gradient-from:rgb(var(--sd-color-white,255 255 255)/.8) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-primary-800\\/0{--tw-gradient-to:rgb(var(--sd-color-primary-800,5 21 48)/var(--sd-opacity-0,0)) var(--tw-gradient-to-position)}.to-primary-800\\/60{--tw-gradient-to:rgb(var(--sd-color-primary-800,5 21 48)/var(--sd-opacity-60,0.6)) var(--tw-gradient-to-position)}.to-primary-800\\/\\[\\.6\\]{--tw-gradient-to:rgb(var(--sd-color-primary-800,5 21 48)/.6) var(--tw-gradient-to-position)}.to-white\\/0{--tw-gradient-to:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-0,0)) var(--tw-gradient-to-position)}.to-white\\/60{--tw-gradient-to:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-60,0.6)) var(--tw-gradient-to-position)}.to-white\\/\\[\\.8\\]{--tw-gradient-to:rgb(var(--sd-color-white,255 255 255)/.8) var(--tw-gradient-to-position)}.to-60\\%{--tw-gradient-to-position:60%}.fill-accent{fill:rgb(var(--sd-color-accent,45 157 0)/1)}.fill-neutral-100{fill:rgb(var(--sd-color-neutral-100,246 246 246)/1)}.fill-primary{fill:rgb(var(--sd-color-primary,0 53 142)/1)}.fill-primary-500{fill:rgb(var(--sd-color-primary-500,70 109 175)/1)}.fill-transparent{fill:transparent}.fill-white{fill:rgb(var(--sd-color-white,255 255 255)/1)}.p-0{padding:var(--sd-spacing-0,0)}.p-1{padding:var(--sd-spacing-1,.25rem)}.p-2{padding:var(--sd-spacing-2,.5rem)}.p-4{padding:var(--sd-spacing-4,1rem)}.px-0{padding-left:var(--sd-spacing-0,0);padding-right:var(--sd-spacing-0,0)}.px-10{padding-left:var(--sd-spacing-10,2.5rem);padding-right:var(--sd-spacing-10,2.5rem)}.px-12{padding-left:var(--sd-spacing-12,3rem);padding-right:var(--sd-spacing-12,3rem)}.px-2{padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}.px-3{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}.px-4{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.px-6{padding-left:var(--sd-spacing-6,1.5rem);padding-right:var(--sd-spacing-6,1.5rem)}.py-0{padding-bottom:var(--sd-spacing-0,0);padding-top:var(--sd-spacing-0,0)}.py-1{padding-bottom:var(--sd-spacing-1,.25rem);padding-top:var(--sd-spacing-1,.25rem)}.py-2{padding-bottom:var(--sd-spacing-2,.5rem);padding-top:var(--sd-spacing-2,.5rem)}.py-3{padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}.py-4{padding-bottom:var(--sd-spacing-4,1rem);padding-top:var(--sd-spacing-4,1rem)}.py-6{padding-bottom:var(--sd-spacing-6,1.5rem);padding-top:var(--sd-spacing-6,1.5rem)}.py-8{padding-bottom:var(--sd-spacing-8,2rem);padding-top:var(--sd-spacing-8,2rem)}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.pb-1{padding-bottom:var(--sd-spacing-1,.25rem)}.pb-3{padding-bottom:var(--sd-spacing-3,.75rem)}.pb-4{padding-bottom:var(--sd-spacing-4,1rem)}.pl-3{padding-left:var(--sd-spacing-3,.75rem)}.pl-4{padding-left:var(--sd-spacing-4,1rem)}.pl-8{padding-left:var(--sd-spacing-8,2rem)}.pr-2{padding-right:var(--sd-spacing-2,.5rem)}.pr-3{padding-right:var(--sd-spacing-3,.75rem)}.pr-4{padding-right:var(--sd-spacing-4,1rem)}.ps-4{padding-inline-start:var(--sd-spacing-4,1rem)}.pt-0{padding-top:var(--sd-spacing-0,0)}.pt-1{padding-top:var(--sd-spacing-1,.25rem)}.pt-2{padding-top:var(--sd-spacing-2,.5rem)}.pt-3{padding-top:var(--sd-spacing-3,.75rem)}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-3xl{font-size:var(--sd-font-size-3xl,2rem)}.text-\\[0\\.75rem\\]{font-size:.75rem}.text-\\[14px\\]{font-size:14px}.text-\\[2rem\\]{font-size:2rem}.text-\\[4rem\\]{font-size:4rem}.text-base{font-size:var(--sd-font-size-base,1rem)}.text-lg{font-size:var(--sd-font-size-lg,1.25rem)}.text-sm{font-size:var(--sd-font-size-sm,.875rem)}.text-xl{font-size:var(--sd-font-size-xl,1.5rem)}.\\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-normal{font-weight:400}.lowercase{text-transform:lowercase}.leading-\\[0\\]{line-height:0}.leading-\\[calc\\(var\\(--tw-varspacing\\)-2px\\)\\]{line-height:calc(var(--tw-varspacing) - 2px)}.leading-none{line-height:var(--sd-line-height-none,100%)}.leading-normal{line-height:var(--sd-line-height-normal,150%)}.leading-tight{line-height:var(--sd-line-height-tight,120%)}.\\!text-neutral-700{--tw-text-opacity:1!important;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))!important}.\\!text-primary{--tw-text-opacity:1!important;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))!important}.text-black{color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity,1))}.text-black,.text-error{--tw-text-opacity:1}.text-error{color:rgb(var(--sd-color-error,204 25 55)/var(--tw-text-opacity,1))}.text-inherit{color:inherit}.text-neutral-500{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}.text-neutral-600{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.text-neutral-700{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity,1))}.text-primary-400{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.text-success{--tw-text-opacity:1;color:rgb(var(--sd-color-success,37 136 14)/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.underline-offset-2{text-underline-offset:2px}.placeholder-black::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-placeholder-opacity,1))}.placeholder-black::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-placeholder-opacity,1))}.placeholder-neutral-500::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-placeholder-opacity,1))}.placeholder-neutral-500::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-placeholder-opacity,1))}.placeholder-neutral-700::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-placeholder-opacity,1))}.placeholder-neutral-700::placeholder{--tw-placeholder-opacity:1;color:rgb(var(--sd-color-neutral-700,104 104 104)/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:var(--sd-opacity-0,0)}.opacity-100{opacity:var(--sd-opacity-100,1)}.opacity-20{opacity:var(--sd-opacity-20,.2)}.opacity-30{opacity:var(--sd-opacity-30,.3)}.opacity-50{opacity:var(--sd-opacity-50,.5)}.opacity-90{opacity:var(--sd-opacity-90,.9)}.shadow{--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-dotted{outline-style:dotted}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.\\!-outline-offset-2{outline-offset:-2px!important}.\\!outline-offset-0{outline-offset:0!important}.outline-offset-2{outline-offset:2px}.outline-error{outline-color:rgb(var(--sd-color-error,204 25 55)/1)}.outline-primary{outline-color:rgb(var(--sd-color-primary,0 53 142)/1)}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[border\\]{transition-duration:.15s;transition-property:border;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[height\\2c top\\]{transition-duration:.15s;transition-property:height,top;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[opacity\\2c transform\\]{transition-duration:.15s;transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-fast{transition-duration:var(--sd-duration-fast,.15s)}.duration-medium{transition-duration:var(--sd-duration-medium,.3s)}.duration-slow{transition-duration:var(--sd-duration-slow,.5s)}.duration-x-slow{transition-duration:var(--sd-duration-x-slow,.75s)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.content-\\[\\'\\'\\]{--tw-content:"";content:var(--tw-content)}.varspacing-10{--tw-varspacing:var(--sd-spacing-10,2.5rem)}.varspacing-12{--tw-varspacing:var(--sd-spacing-12,3rem)}.varspacing-8{--tw-varspacing:var(--sd-spacing-8,2rem)}:host{--tw-gradient-from-position:0%;--tw-gradient-to-position:100%;box-sizing:border-box}:host *,:host :after,:host :before{box-sizing:inherit}[hidden]{display:none!important}.focus-within\\:focus-outline:focus-within{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-within\\:focus-outline-inverted:focus-within{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline:focus-visible{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.focus-visible\\:focus-outline-inverted:focus-visible{outline-color:rgb(var(--sd-color-white,255 255 255)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.after\\:mx-2:after{content:var(--tw-content);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem)}.after\\:hidden:after{content:var(--tw-content);display:none}.after\\:h-1:after{content:var(--tw-content);height:var(--sd-spacing-1,.25rem)}.after\\:w-1:after{content:var(--tw-content);width:var(--sd-spacing-1,.25rem)}.after\\:rounded-full:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-neutral-500:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.disabled\\:border-neutral-600:disabled{--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity,1))}.disabled\\:bg-neutral-500:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.disabled\\:bg-neutral-600:disabled{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-bg-opacity,1))}.disabled\\:text-neutral-500:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}.disabled\\:text-neutral-600:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.disabled\\:text-white:disabled{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity,1))}.group:hover .group-hover\\:visible{visibility:visible}.group:hover .group-hover\\:left-0{left:var(--sd-spacing-0,0)}.group:hover .group-hover\\:top-0{top:var(--sd-spacing-0,0)}.group:hover .group-hover\\:mt-\\[-22\\%\\]{margin-top:-22%}.group:hover .group-hover\\:h-full{height:100%}.group:hover .group-hover\\:w-full{width:100%}.group:hover .group-hover\\:translate-y-0{--tw-translate-y:var(--sd-spacing-0,0px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\\:cursor-pointer{cursor:pointer}.group:hover .group-hover\\:border-accent-550{--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity,1))}.group:hover .group-hover\\:border-error-400{--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity,1))}.group:hover .group-hover\\:border-primary-500{--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity,1))}.group:hover .group-hover\\:bg-accent-550{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity,1))}.group:hover .group-hover\\:bg-error-400{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity,1))}.group:hover .group-hover\\:bg-neutral-100\\/90{background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--sd-opacity-90,.9))}.group:hover .group-hover\\:bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}.group:hover .group-hover\\:bg-primary-100{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.group:hover .group-hover\\:bg-primary-100\\/90{background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--sd-opacity-90,.9))}.group:hover .group-hover\\:bg-primary\\/90{background-color:rgb(var(--sd-color-primary,0 53 142)/var(--sd-opacity-90,.9))}.group:hover .group-hover\\:bg-white{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.group:hover .group-hover\\:bg-white\\/90{background-color:rgb(var(--sd-color-white,255 255 255)/var(--sd-opacity-90,.9))}.group:hover .group-hover\\:fill-primary-500{fill:rgb(var(--sd-color-primary-500,70 109 175)/1)}.group:hover .group-hover\\:\\!text-primary-500{--tw-text-opacity:1!important;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-primary-500{--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.group:hover .group-hover\\:duration-fast{transition-duration:var(--sd-duration-fast,.15s)}.group:focus-visible .group-focus-visible\\:outline{outline-style:solid}.group:active .group-active\\:translate-y-0{--tw-translate-y:var(--sd-spacing-0,0px);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:active .group-active\\:bg-accent-700{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-700,33 87 37)/var(--tw-bg-opacity,1))}.group:active .group-active\\:bg-primary-200{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-bg-opacity,1))}.group:active .group-active\\:bg-primary-800{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-bg-opacity,1))}.peer:focus-visible~.peer-focus-visible\\:outline{outline-style:solid}.peer:focus-visible~.peer-focus-visible\\:outline-2{outline-width:2px}.peer:focus-visible~.peer-focus-visible\\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\\:outline-primary{outline-color:rgb(var(--sd-color-primary,0 53 142)/1)}.has-\\[button\\:hover\\]\\:border-primary-500:has(button:hover){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity,1))}.has-\\[button\\:hover\\]\\:bg-neutral-100:has(button:hover){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}.has-\\[button\\:hover\\]\\:text-primary-500:has(button:hover){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.group:has(sd-5-8-4-icon) .group-has-\\[sd-5-8-4-icon\\]\\:pe-8{padding-inline-end:var(--sd-spacing-8,2rem)}.hover\\:scale-110:hover:not([disabled]){--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:cursor-not-allowed:hover:not([disabled]){cursor:not-allowed}.hover\\:cursor-pointer:hover:not([disabled]){cursor:pointer}.hover\\:border-accent-550:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-border-opacity,1))}.hover\\:border-error-400:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-border-opacity,1))}.hover\\:border-neutral-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.hover\\:border-neutral-600:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity,1))}.hover\\:border-primary-100:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-border-opacity,1))}.hover\\:border-primary-500:hover:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-border-opacity,1))}.hover\\:bg-accent-300:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-300,108 194 84)/var(--tw-bg-opacity,1))}.hover\\:bg-accent-550:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent-550,54 123 40)/var(--tw-bg-opacity,1))}.hover\\:bg-error-400:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-error-400,172 25 56)/var(--tw-bg-opacity,1))}.hover\\:bg-neutral-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-100,246 246 246)/var(--tw-bg-opacity,1))}.hover\\:bg-neutral-200:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1))}.hover\\:bg-neutral-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.hover\\:bg-primary-100:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}.hover\\:bg-primary-500:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-bg-opacity,1))}.hover\\:bg-transparent:hover:not([disabled]){background-color:transparent}.hover\\:bg-white:hover:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1))}.hover\\:text-neutral-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}.hover\\:text-neutral-600:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.hover\\:text-primary-100:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-text-opacity,1))}.hover\\:text-primary-200:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity,1))}.hover\\:text-primary-500:hover:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-500,70 109 175)/var(--tw-text-opacity,1))}.hover\\:duration-fast:hover:not([disabled]){transition-duration:var(--sd-duration-fast,.15s)}.active\\:border-neutral-500:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-border-opacity,1))}.active\\:border-neutral-600:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-border-opacity,1))}.active\\:border-primary-800:active:not([disabled]){--tw-border-opacity:1;border-color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-border-opacity,1))}.active\\:bg-neutral-500:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-bg-opacity,1))}.active\\:text-neutral-500:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}.active\\:text-neutral-600:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-600,136 136 136)/var(--tw-text-opacity,1))}.active\\:text-primary-200:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-200,224 233 243)/var(--tw-text-opacity,1))}.active\\:text-primary-400:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-400,153 171 208)/var(--tw-text-opacity,1))}.active\\:text-primary-800:active:not([disabled]){--tw-text-opacity:1;color:rgb(var(--sd-color-primary-800,5 21 48)/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:mt-2{margin-top:var(--sd-spacing-2,.5rem)}.sm\\:flex-col{flex-direction:column}.sm\\:gap-4{gap:var(--sd-spacing-4,1rem)}.sm\\:self-center{align-self:center}.sm\\:p-6{padding:var(--sd-spacing-6,1.5rem)}.sm\\:px-10{padding-left:var(--sd-spacing-10,2.5rem);padding-right:var(--sd-spacing-10,2.5rem)}.sm\\:py-8{padding-top:var(--sd-spacing-8,2rem)}.sm\\:pb-8,.sm\\:py-8{padding-bottom:var(--sd-spacing-8,2rem)}.sm\\:text-center{text-align:center}.sm\\:text-3xl{font-size:var(--sd-font-size-3xl,2rem)}.sm\\:text-4xl{font-size:var(--sd-font-size-4xl,2.5rem)}.sm\\:leading-tight{line-height:var(--sd-line-height-tight,120%)}}@media (min-width:768px){.md\\:block{display:block}.md\\:\\[transition\\:_height_0\\.2s_linear\\2c opacity_0\\.1s_linear_0\\.1s\\]{transition:height .2s linear,opacity .1s linear .1s}.group:hover .md\\:group-hover\\:visible{visibility:visible}.group:hover .md\\:group-hover\\:my-4{margin-bottom:var(--sd-spacing-4,1rem);margin-top:var(--sd-spacing-4,1rem)}.group:hover .md\\:group-hover\\:h-auto{height:var(--sd-spacing-auto,auto)}.group:hover .md\\:group-hover\\:opacity-\\[100\\%\\]{opacity:100%}}@media (min-width:1024px){.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:after\\:inline-block:after{content:var(--tw-content);display:inline-block}}`],b([p()],c.prototype,"dir",2),b([p()],c.prototype,"lang",2);export{q as a,p as b,P as c,A as d,U as e,K as f,G as g,c as h};
-/*! Bundled license information:
-
-@lit/reactive-element/decorators/property.js:
-@lit/reactive-element/decorators/state.js:
-@lit/reactive-element/decorators/base.js:
-@lit/reactive-element/decorators/query.js:
-@lit/reactive-element/decorators/query-all.js:
-@lit/reactive-element/decorators/query-async.js:
-@lit/reactive-element/decorators/custom-element.js:
-@lit/reactive-element/decorators/event-options.js:
-@lit/reactive-element/decorators/query-assigned-nodes.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-
-@lit/reactive-element/decorators/query-assigned-elements.js:
-  (**
-   * @license
-   * Copyright 2021 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

package/cdn-versioned/chunks/chunk.VAFYKWJJ.js

@@ -1 +0,0 @@
-import{a as v}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as g}from"./chunk.GHC63SXL.js";import{a as f,b as d,c as l,d as h,h as p}from"./chunk.V55KCNZK.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{a as c}from"./chunk.WNP2V63C.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends p{constructor(){super();this.localize=new g(this);this.hasSlotController=new v(this,"transcript");this.reversedLayout=!1;this.hideTimestamps=!1;this.animated=!1;this.inverted=!1;this.speed=1;this.currentTime=this.formatTime(0);this.duration="";this.isPlaying=!1;this.isMuted=!1;this.isTranscriptOpen=!1;this.progress=0;this.updateCurrentTime=this.updateCurrentTime.bind(this),this.handleAudioEnd=this.handleAudioEnd.bind(this),this.handleAudioProgress=this.handleAudioProgress.bind(this),this.handleAudioProgressKeydown=this.handleAudioProgressKeydown.bind(this),this.handleTranscriptDrawerToggle=this.handleTranscriptDrawerToggle.bind(this)}firstUpdated(){this.audioElement&&(this.audioElement.addEventListener("timeupdate",this.updateCurrentTime),this.audioElement.addEventListener("ended",this.handleAudioEnd),this.audioElement.setAttribute("controlsList","nodownload"),document.addEventListener("sd-after-hide",this.handleTranscriptDrawerToggle),this.audioElement.playbackRate=this.speed,this.animated&&this.initAnimation())}updated(e){if(e.has("animated")){let r=e.get("animated");!r&&this.animated?this.initAnimation():r&&!this.animated&&this.clear()}}get audioElement(){let e=this.shadowRoot.querySelector("slot");return(e==null?void 0:e.assignedElements().length)>0?e.assignedElements()[0]:null}updateCurrentTime(){if(!this.audioElement)return;let e=this.audioElement.currentTime;this.currentTime=this.formatTime(e),this.progress=e,this.progressSlider&&(this.progressSlider.value=this.progress.toString())}updateAudioDuration(){if(this.audioElement){if(isNaN(this.audioElement.duration)){setTimeout(()=>{this.updateAudioDuration()},100);return}this.duration=this.formatTime(this.audioElement.duration),this.progressSlider.max=this.audioElement.duration.toString()}}playAudio(){this.audioElement&&(this.isPlaying=!0,this.audioElement.play(),this.emit("sd-playback-start"),this.animated&&this.draw())}pauseAudio(){this.audioElement&&(this.isPlaying=!1,this.audioElement.pause(),this.emit("sd-playback-pause"),this.animated&&this.stopAnimation())}handleAudioEnd(){this.emit("sd-playback-end"),this.isPlaying=!1,this.progress=0,this.progressSlider.value="0",this.currentTime=this.formatTime(0),this.animated&&this.stopAnimation()}toggleMute(){this.audioElement&&(this.isMuted=!this.isMuted,this.isMuted?(this.emit("sd-playback-mute"),this.audioElement.muted=!0):(this.emit("sd-playback-unmute"),this.audioElement.muted=!1))}toggleMuteKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.toggleMute())}togglePlaybackSpeed(){this.audioElement&&(this.emit("sd-playback-speed"),this.speed=this.speed===1.5?1:this.speed+.25,this.audioElement.playbackRate=this.speed)}togglePlaybackSpeedKeydown(e){e.key==="Enter"&&(e.preventDefault(),this.togglePlaybackSpeed())}formatTime(e){let r=Math.floor(e/60),o=Math.floor(e%60);return`${r}:${o<10?"0":""}${o}`}handleAudioProgress(){if(!this.audioElement)return;let e=Number(this.progressSlider.value);this.audioElement.currentTime=e,this.progress=e,this.currentTime=this.formatTime(e)}handleAudioProgressKeydown(e){e.key==="ArrowRight"&&(this.progressSlider.value=(Number(this.progressSlider.value)+1).toString(),this.handleAudioProgress()),e.key==="ArrowLeft"&&(this.progressSlider.value=(Number(this.progressSlider.value)-1).toString(),this.handleAudioProgress())}handleTranscriptDrawerToggle(){this.isTranscriptOpen=!this.isTranscriptOpen}showTranscript(){this.emit("sd-transcript-click"),this.drawer.open=!0,this.handleTranscriptDrawerToggle()}showTranscriptKeydown(e){(e.key==="Enter"||e.key===" ")&&this.showTranscript()}rgbToHex(e){let r=e.match(/\d+/g);if(r&&r.length===3){let o=parseInt(r[0]),n=parseInt(r[1]),b=parseInt(r[2]),u=y=>y.toString(16).padStart(2,"0");return`#${u(o)}${u(n)}${u(b)}`.toUpperCase()}return null}initAnimation(){this.context=this.canvas.getContext("2d");let e=this.audioPlayerContainer.querySelector(".playback-speed"),o=window.getComputedStyle(e).color,n;this.inverted?n="#FFFFFF33":n=this.rgbToHex(o)+"33",this.waveList=[new c({canvas:this.canvas,color:n,phase:240,shift:1.5,amplitude:230,frequency:.012,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-2.5,amplitude:250,frequency:.005,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:-1,amplitude:200,frequency:.018,damping:1}),new c({canvas:this.canvas,color:n,phase:180,shift:1.5,amplitude:150,frequency:.01,damping:1})],this.animated&&this.drawStillWaves()}drawStillWaves(){this.waveList.forEach(e=>{e.redraw()})}stopAnimation(){this.isPlaying=!1}clear(){!this.context||!this.canvas||this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}async draw(){!this.isPlaying||!this.animated||(this.clear(),this.waveList.forEach(e=>{e.redraw()}),await new Promise(e=>{setTimeout(e,1e3/30)}),await this.draw())}render(){let e=this.audioElement?this.progress/this.audioElement.duration*100:0,r=s`<div class="${a("controls grid grid-cols-3 justify-items-center items-center",!this.animated&&"relative",this.animated&&!this.reversedLayout&&"absolute -top-4 left-0 w-full",this.reversedLayout?"mt-2":"mb-2")}" part="audio-controls"><button class="${a("playback-speed justify-self-start text-base font-bold hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.localize.term("playbackSpeed")} (${this.speed}x)" @click="${this.togglePlaybackSpeed}" @keydown="${this.togglePlaybackSpeedKeydown}" part="playback-speed">${this.speed}x</button><sd-5-8-4-button ?inverted="${!!this.inverted}" part="play-button" size="lg" @click="${this.isPlaying?this.pauseAudio:this.playAudio}" aria-label="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" title="${this.isPlaying?this.localize.term("pauseAudio"):this.localize.term("playAudio")}" class="text-3xl">${this.isPlaying?s`<slot name="pause-icon"><sd-5-8-4-icon class="text-3xl" name="pause" library="_internal"></sd-5-8-4-icon></slot>`:s`<slot name="play-icon"><sd-5-8-4-icon class="text-3xl" name="start" library="_internal"></sd-5-8-4-icon></slot>`}</sd-5-8-4-button><div class="flex items-center justify-self-end">${this.hasSlotController.test("transcript")?s`<button class="${a("mr-6 w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" aria-label="${this.isTranscriptOpen?this.localize.term("transcriptIsOpen"):this.localize.term("openTranscript")}" @click="${this.showTranscript}" @keydown="${this.showTranscriptKeydown}" part="transcript"><sd-5-8-4-icon class="w-6 h-6" name="transcript" library="_internal"></sd-5-8-4-icon></button>`:null} <button class="${a("w-6 h-6 hover:cursor-pointer sd-interactive",this.inverted&&"sd-interactive--inverted")}" part="volume" aria-label="${this.isMuted?this.localize.term("unmute"):this.localize.term("mute")}" @click="${this.toggleMute}" @keydown="${this.toggleMuteKeydown}"><sd-5-8-4-icon class="w-6 h-6" name="${this.isMuted?"mute":"volume"}" library="_internal"></sd-5-8-4-icon></button></div></div>`,o=s`<div class="${a("w-full flex justify-between",this.reversedLayout?"mb-2":"mt-2",this.animated&&this.reversedLayout&&"absolute bottom-0 left-0 mb-2",this.animated&&!this.reversedLayout&&"mt-2")}" part="timestamps"><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.currentTime}</div><div class="${a("current-time text-sm",this.inverted?"text-primary-400":"text-neutral-700")}">${this.duration}</div></div>`;return s`<div class="${a("w-full flex relative",this.reversedLayout?"flex-col-reverse":"flex-col")}" aria-label="${this.localize.term("audioPlayer")}" part="audio-player"><slot @slotchange="${this.updateAudioDuration}"></slot>${!this.animated||this.animated&&this.reversedLayout?r:null}<div class="relative">${this.animated&&!this.reversedLayout?s`${r}`:null} ${this.animated?s`<canvas class="w-full h-16"></canvas>`:null} ${!this.hideTimestamps&&this.animated&&this.reversedLayout?o:null} <input class="${a("progress-slider bg-primary appearance-none w-full cursor-pointer outline-none h-1 flex items-center sd-interactive",this.inverted&&"sd-interactive--inverted")}" type="range" max="100" step="0.001" value="${this.progress}" @input="${this.handleAudioProgress}" @keydown="${this.handleAudioProgressKeydown}" aria-label="${this.localize.term("seekBar")}" part="progress-slider" style="background:linear-gradient(to right,${this.inverted?"rgb(var(--sd-color-white, 255 255 255) / 1)":"rgb(var(--sd-color-primary, 0 53 142) / 1)"} ${e}%,${this.animated?"transparent":this.inverted?"rgb(var(--sd-color-primary-400, 153 171 208) / 1)":"rgb(var(--sd-color-grey-400, 195 195 195) / 1)"} ${e}%)"></div>${this.hasSlotController.test("transcript")?s`<sd-5-8-4-drawer><slot name="transcript"></slot></sd-5-8-4-drawer>`:null} ${!this.hideTimestamps&&(!this.animated||!this.reversedLayout)?o:null}</div>`}};t.styles=[...p.styles,m`.progress-slider:focus-visible{outline:2px solid transparent;outline-offset:2px}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-webkit-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline-style:solid}.progress-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border-radius:var(--sd-border-radius-full,9999px);border-style:none;height:var(--sd-spacing-4,1rem);transition-duration:.2s;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:var(--sd-spacing-4,1rem)}.progress-slider:focus-visible::-moz-range-thumb{outline-offset:2px;outline-style:solid}sd-5-8-4-button::part(base){align-items:center;border-radius:var(--sd-border-radius-full,9999px);display:flex;height:var(--sd-spacing-16,4rem);justify-content:center;width:var(--sd-spacing-16,4rem)}sd-5-8-4-button::part(motion-wrapper){border-radius:var(--sd-border-radius-full,9999px)}sd-5-8-4-button::part(label){align-items:center;display:flex;flex-grow:0}`],i([d({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),i([d({type:Boolean,reflect:!0,attribute:"hide-timestamps"})],t.prototype,"hideTimestamps",2),i([d({type:Boolean,reflect:!0})],t.prototype,"animated",2),i([d({type:Boolean,reflect:!0})],t.prototype,"inverted",2),i([d({type:Number,reflect:!0})],t.prototype,"speed",2),i([l()],t.prototype,"currentTime",2),i([l()],t.prototype,"duration",2),i([l()],t.prototype,"isPlaying",2),i([l()],t.prototype,"isMuted",2),i([l()],t.prototype,"isTranscriptOpen",2),i([l()],t.prototype,"progress",2),i([h('[part="progress-slider"]')],t.prototype,"progressSlider",2),i([h('[part="audio-player"]')],t.prototype,"audioPlayerContainer",2),i([h("sd-5-8-4-drawer")],t.prototype,"drawer",2),i([h("canvas")],t.prototype,"canvas",2),t=i([f("sd-5-8-4-audio")],t);export{t as a};

package/cdn-versioned/chunks/chunk.VU7XHQIK.js

@@ -1 +0,0 @@
-import{a as v}from"./chunk.26V4EXHB.js";import{a as g}from"./chunk.GHC63SXL.js";import{a as b,b as f,c,d as a,h as p}from"./chunk.V55KCNZK.js";import{b as m,e as u}from"./chunk.UWPDCU52.js";import{e as i}from"./chunk.TJOCV4DC.js";var e=class extends p{constructor(){super(...arguments);this.localize=new g(this);this.label="";this.itemPositionsCached=!1;this.isTruncated=!1}get items(){return this.querySelectorAll("sd-5-8-4-breadcrumb-item")}cacheItemPositions(){this.items.forEach(t=>{let{width:n}=t.getBoundingClientRect();t.dataset.size=`${n}`}),this.itemPositionsCached=!0}handleTruncation(){var o;if(document.documentElement.clientWidth<=1024)return;let{width:t}=this.base.getBoundingClientRect(),{width:n}=this.truncated.getBoundingClientRect();this.itemPositionsCached||this.cacheItemPositions(),this.dropdown.innerHTML="",this.isTruncated=!1;let r=0;for(let[h,s]of Array.from(this.items).reverse().entries()){let l=parseFloat(`${(o=s.dataset.size)!=null?o:s.getBoundingClientRect().width}`);if(s.hidden=!1,this.isTruncated){let d=s.cloneNode(!0);this.dropdown.prepend(d),s.hidden=!0;continue}if(h===0||h===1){r+=l;continue}if(this.isTruncated=r+l+n>t,this.isTruncated){let d=s.cloneNode(!0);this.dropdown.prepend(d),s.hidden=!0}else r+=l}}handleMobileChevron(){var n,r,o;let t=document.createElement("sd-5-8-4-icon");t.setAttribute("slot","icon-left"),t.setAttribute("library","_internal"),t.setAttribute("name","chevron-left"),t.setAttribute("class","text-base me-1 lg:hidden"),(o=(r=(n=Array.from(this.items).at(-2))==null?void 0:n.shadowRoot)==null?void 0:r.querySelector("sd-5-8-4-link"))==null||o.appendChild(t)}handleSlotChange(){this.handleMobileChevron()}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>this.handleTruncation()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}render(){return u`<nav part="base" class="flex items-center pb-1" aria-label="${this.label}"><sd-5-8-4-dropdown part="truncated" class="${v(!this.isTruncated&&"absolute opacity-0 pointer-events-none")}"><button slot="trigger" tabindex="${this.isTruncated?"0":"-1"}" aria-label="${this.localize.term("truncatedBreadcrumbs")}" aria-expanded="false" aria-haspopup="true" class="flex sd-interactive">[...]</button><ol part="truncated-dropdown" class="flex flex-col gap-4 px-2 py-3 min-w-40"></ol></sd-5-8-4-dropdown><ol part="list" class="flex items-center"><slot @slotchange="${this.handleSlotChange}"></slot></ol></nav>`}};e.styles=[...p.styles,m`:host{display:block;position:relative}::slotted(sd-5-8-4-breadcrumb-item:not(:last-of-type)):after,sd-5-8-4-dropdown:after{border-radius:var(--sd-border-radius-full,9999px);content:var(--tw-content);display:none;height:var(--sd-spacing-1,.25rem);margin-left:var(--sd-spacing-2,.5rem);margin-right:var(--sd-spacing-2,.5rem);width:var(--sd-spacing-1,.25rem);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-400,195 195 195)/var(--tw-bg-opacity,1))}@media (min-width:1024px){::slotted(sd-5-8-4-breadcrumb-item:not(:last-of-type)):after,sd-5-8-4-dropdown:after{content:var(--tw-content);display:inline-block}}::slotted(sd-5-8-4-breadcrumb-item:nth-last-child(2)){display:flex}@media (min-width:1024px){::slotted(sd-5-8-4-breadcrumb-item:nth-last-child(2)):after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-accent,45 157 0)/var(--tw-bg-opacity,1))}}::slotted(sd-5-8-4-breadcrumb-item),sd-5-8-4-dropdown{align-items:center;display:none}@media (min-width:1024px){::slotted(sd-5-8-4-breadcrumb-item),sd-5-8-4-dropdown{display:flex}}`],i([a('[part="base"]')],e.prototype,"base",2),i([a('[part="truncated"]')],e.prototype,"truncated",2),i([a('[part="truncated-dropdown"]')],e.prototype,"dropdown",2),i([a("slot")],e.prototype,"defaultSlot",2),i([f({type:String,reflect:!0})],e.prototype,"label",2),i([c()],e.prototype,"itemPositionsCached",2),i([c()],e.prototype,"isTruncated",2),e=i([b("sd-5-8-4-breadcrumb")],e);export{e as a};

package/cdn-versioned/chunks/chunk.X5BLXNFT.js

@@ -1 +0,0 @@
-import{a as p}from"./chunk.26V4EXHB.js";import{a as l}from"./chunk.E2DRD2OX.js";import{a as o,b as a,h as i}from"./chunk.V55KCNZK.js";import{b as r,e as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var c=0,t=class extends i{constructor(){super(...arguments);this.attrId=++c;this.componentId=`sd-5-8-4-tab-panel-${this.attrId}`;this.name="";this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel")}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true")}render(){return s`<slot part="base" class="${p("block",this.active&&"tab-panel--active")}"></slot>`}};t.styles=[...i.styles,r`:host{--padding:0;display:none}:host([active]){display:block}::part(base){padding:var(--padding)}`],e([a({type:String,reflect:!0})],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"active",2),e([l("active")],t.prototype,"handleActiveChange",1),t=e([o("sd-5-8-4-tab-panel")],t);export{t as a};

package/cdn-versioned/chunks/chunk.XENVET63.js

@@ -1 +0,0 @@
-import{a as i}from"./chunk.26V4EXHB.js";import{a as l}from"./chunk.E2DRD2OX.js";import{a as o,b as s,c as r,h as a}from"./chunk.V55KCNZK.js";import{b as n,e as h}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends a{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return h`<span part="base" class="${i("sd-5-8-4-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${i("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${i("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"bg-neutral-500":this.visuallyDisabled?"bg-white":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span></span><slot part="label" class="${i("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};e.styles=[...a.styles,n`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],t([r()],e.prototype,"checked",2),t([r()],e.prototype,"hasFocus",2),t([s({type:String,reflect:!0})],e.prototype,"size",2),t([s({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],e.prototype,"visuallyDisabled",2),t([s()],e.prototype,"value",2),t([s({type:Boolean,reflect:!0})],e.prototype,"invalid",2),t([l("checked")],e.prototype,"handleCheckedChange",1),t([l(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([o("sd-5-8-4-radio")],e);export{e as a};

package/cdn-versioned/chunks/chunk.YJ4WEMCO.js

@@ -1 +0,0 @@
-import{b as m}from"./chunk.H2TKMIFR.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as b}from"./chunk.GHC63SXL.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as d,b as a,d as n,h as o}from"./chunk.V55KCNZK.js";import{b as r}from"./chunk.UWPDCU52.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:l}=this;this.defaultSlot.assignedElements().filter(i=>i.tagName.toLowerCase()==="sd-5-8-4-option").forEach(i=>{i.disabled=l})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:l}=this;return m`<div role="${l?"presentation":"group"}" class="${s(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-5-8-4-divider id="divider" class="pt-2 pb-4" part="divider"></sd-5-8-4-divider><div part="label-container" class="${s(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};e.styles=[...o.styles,r`:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a({type:String,reflect:!0})],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-5-8-4-optgroup")],e);export{e as a};

package/cdn-versioned/chunks/chunk.YQLNNK4Q.js

@@ -1 +0,0 @@
-import{a as g,b as m,c as b,d as h,h as i}from"./chunk.V55KCNZK.js";import{b as d,e as c}from"./chunk.UWPDCU52.js";import{e as l}from"./chunk.TJOCV4DC.js";var s=class extends i{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(e){let t=a(e.target);t==null||t.classList.add("sd-5-8-4-button-group__button--focus")}handleBlur(e){let t=a(e.target);t==null||t.classList.remove("sd-5-8-4-button-group__button--focus")}handleMouseOver(e){let t=a(e.target);t==null||t.classList.add("sd-5-8-4-button-group__button--hover")}handleMouseOut(e){let t=a(e.target);t==null||t.classList.remove("sd-5-8-4-button-group__button--hover")}handleSlotChange(){let e=[...this.defaultSlot.assignedElements({flatten:!0})];e.forEach(t=>{let n=e.indexOf(t),o=a(t);o!==null&&(o.classList.add("sd-5-8-4-button-group__button"),o.classList.toggle("sd-5-8-4-button-group__button--first",n===0),o.classList.toggle("sd-5-8-4-button-group__button--inner",n>0&&n<e.length-1),o.classList.toggle("sd-5-8-4-button-group__button--last",n===e.length-1),o.classList.toggle("sd-5-8-4-button-group__button--radio",o.tagName.toLowerCase()==="sd-5-8-4-radio-button"))})}render(){return c`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};s.styles=[...i.styles,d`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],l([h("slot")],s.prototype,"defaultSlot",2),l([b()],s.prototype,"disableRole",2),l([m({type:String,reflect:!0})],s.prototype,"label",2),s=l([g("sd-5-8-4-button-group")],s);function a(r){var e;let u="sd-5-8-4-button, sd-5-8-4-radio-button";return(e=r.closest(u))!=null?e:r.querySelector(u)}export{s as a};

package/dist/_components/menu/menu.js

@@ -1,117 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { customElement } from '../../internal/register-custom-element';
-import { html } from 'lit';
-import { query } from 'lit/decorators.js';
-import SolidElement from '../../internal/solid-element';
-import styles from './menu.styles';
-let SdMenu = class SdMenu extends SolidElement {
-    static { this.styles = [...SolidElement.styles, styles]; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'menu');
-    }
-    getAllItems() {
-        return [...this.defaultSlot.assignedElements({ flatten: true })].filter((el) => {
-            if (el.inert || !this.isMenuItem(el)) {
-                return false;
-            }
-            return true;
-        });
-    }
-    handleClick(event) {
-        const target = event.target;
-        const item = target.closest('sd-menu-item');
-        if (!item || item.disabled || item.inert) {
-            return;
-        }
-        if (item.type === 'checkbox') {
-            item.checked = !item.checked;
-        }
-        this.emit('sd-select', { detail: { item } });
-    }
-    handleKeyDown(event) {
-        if (event.key === 'Enter') {
-            const item = this.getCurrentItem();
-            event.preventDefault();
-            item?.click();
-        }
-        if (event.key === ' ') {
-            event.preventDefault();
-        }
-        if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
-            const items = this.getAllItems();
-            const activeItem = this.getCurrentItem();
-            let index = activeItem ? items.indexOf(activeItem) : 0;
-            if (items.length > 0) {
-                event.preventDefault();
-                if (event.key === 'ArrowDown') {
-                    index++;
-                }
-                else if (event.key === 'ArrowUp') {
-                    index--;
-                }
-                else if (event.key === 'Home') {
-                    index = 0;
-                }
-                else if (event.key === 'End') {
-                    index = items.length - 1;
-                }
-                if (index < 0) {
-                    index = items.length - 1;
-                }
-                if (index > items.length - 1) {
-                    index = 0;
-                }
-                this.setCurrentItem(items[index]);
-                items[index].focus();
-            }
-        }
-    }
-    handleMouseDown(event) {
-        const target = event.target;
-        if (this.isMenuItem(target)) {
-            this.setCurrentItem(target);
-        }
-    }
-    handleSlotChange() {
-        const items = this.getAllItems();
-        if (items.length > 0) {
-            this.setCurrentItem(items[0]);
-        }
-    }
-    isMenuItem(item) {
-        return (item.tagName.toLowerCase() === 'sd-menu-item' ||
-            ['menuitem', 'menuitemcheckbox', 'menuitemradio'].includes(item.getAttribute('role') ?? ''));
-    }
-    getCurrentItem() {
-        return this.getAllItems().find(i => i.getAttribute('tabindex') === '0');
-    }
-    setCurrentItem(item) {
-        const items = this.getAllItems();
-        items.forEach(i => {
-            i.setAttribute('tabindex', i === item ? '0' : '-1');
-        });
-    }
-    render() {
-        return html `
-      <slot
-        @slotchange=${this.handleSlotChange}
-        @click=${this.handleClick}
-        @keydown=${this.handleKeyDown}
-        @mousedown=${this.handleMouseDown}
-      ></slot>
-    `;
-    }
-};
-__decorate([
-    query('slot')
-], SdMenu.prototype, "defaultSlot", void 0);
-SdMenu = __decorate([
-    customElement('sd-menu')
-], SdMenu);
-export default SdMenu;

package/dist/_components/menu/menu.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/_components/menu/menu.styles.js

@@ -1,17 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-    position: relative;
-    background: var(--sd-panel-background-color);
-    border: solid var(--sd-panel-border-width) var(--sd-panel-border-color);
-    border-radius: var(--sd-border-radius-medium);
-    padding: var(--sd-spacing-x-small) 0;
-    overflow: auto;
-    overscroll-behavior: none;
-  }
-
-  ::slotted(sd-divider) {
-    --spacing: var(--sd-spacing-x-small);
-  }
-`;

package/dist/_components/menu-item/menu-item.js

@@ -1,123 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import '../icon/icon';
-import { classMap } from 'lit/directives/class-map.js';
-import { customElement } from '../../internal/register-custom-element';
-import { getTextContent } from '../../internal/slot';
-import { html } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { watch } from '../../internal/watch';
-import SolidElement from '../../internal/solid-element';
-import styles from './menu-item.styles';
-let SdMenuItem = class SdMenuItem extends SolidElement {
-    constructor() {
-        super(...arguments);
-        this.type = 'normal';
-        this.checked = false;
-        this.value = '';
-        this.disabled = false;
-    }
-    static { this.styles = [...SolidElement.styles, styles]; }
-    handleDefaultSlotChange() {
-        const textLabel = this.getTextLabel();
-        if (typeof this.cachedTextLabel === 'undefined') {
-            this.cachedTextLabel = textLabel;
-            return;
-        }
-        if (textLabel !== this.cachedTextLabel) {
-            this.cachedTextLabel = textLabel;
-            this.emit('slotchange', { bubbles: true, composed: false, cancelable: false });
-        }
-    }
-    handleCheckedChange() {
-        if (this.checked && this.type !== 'checkbox') {
-            this.checked = false;
-            console.error('The checked attribute can only be used on menu items with type="checkbox"', this);
-            return;
-        }
-        if (this.type === 'checkbox') {
-            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-        }
-        else {
-            this.removeAttribute('aria-checked');
-        }
-    }
-    handleDisabledChange() {
-        this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');
-    }
-    handleTypeChange() {
-        if (this.type === 'checkbox') {
-            this.setAttribute('role', 'menuitemcheckbox');
-            this.setAttribute('aria-checked', this.checked ? 'true' : 'false');
-        }
-        else {
-            this.setAttribute('role', 'menuitem');
-            this.removeAttribute('aria-checked');
-        }
-    }
-    getTextLabel() {
-        return getTextContent(this.defaultSlot);
-    }
-    render() {
-        return html `
-      <div
-        part="base"
-        class=${classMap({
-            'menu-item': true,
-            'menu-item--checked': this.checked,
-            'menu-item--disabled': this.disabled,
-            'menu-item--has-submenu': false
-        })}
-      >
-        <span part="checked-icon" class="menu-item__check">
-          <sd-icon name="check" library="_internal" aria-hidden="true"></sd-icon>
-        </span>
-
-        <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
-
-        <slot part="label" class="menu-item__label" @slotchange=${this.handleDefaultSlotChange}></slot>
-
-        <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
-
-        <span class="menu-item__chevron">
-          <sd-icon name="chevron-right" library="_internal" aria-hidden="true"></sd-icon>
-        </span>
-      </div>
-    `;
-    }
-};
-__decorate([
-    query('slot:not([name])')
-], SdMenuItem.prototype, "defaultSlot", void 0);
-__decorate([
-    query('.menu-item')
-], SdMenuItem.prototype, "menuItem", void 0);
-__decorate([
-    property()
-], SdMenuItem.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SdMenuItem.prototype, "checked", void 0);
-__decorate([
-    property()
-], SdMenuItem.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], SdMenuItem.prototype, "disabled", void 0);
-__decorate([
-    watch('checked')
-], SdMenuItem.prototype, "handleCheckedChange", null);
-__decorate([
-    watch('disabled')
-], SdMenuItem.prototype, "handleDisabledChange", null);
-__decorate([
-    watch('type')
-], SdMenuItem.prototype, "handleTypeChange", null);
-SdMenuItem = __decorate([
-    customElement('sd-menu-item')
-], SdMenuItem);
-export default SdMenuItem;

package/dist/_components/menu-item/menu-item.styles.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("lit").CSSResult;
-export default _default;

package/dist/_components/menu-item/menu-item.styles.js

@@ -1,97 +0,0 @@
-import { css } from 'lit';
-export default css `
-  :host {
-    display: block;
-  }
-
-  :host([inert]) {
-    display: none;
-  }
-
-  .menu-item {
-    position: relative;
-    display: flex;
-    align-items: stretch;
-    font-family: var(--sd-font-sans);
-    font-size: var(--sd-font-size-medium);
-    font-weight: var(--sd-font-weight-normal);
-    line-height: var(--sd-line-height-normal);
-    letter-spacing: var(--sd-letter-spacing-normal);
-    color: var(--sd-color-neutral-700);
-    padding: var(--sd-spacing-2x-small) var(--sd-spacing-2x-small);
-    transition: var(--sd-transition-fast) fill;
-    user-select: none;
-    white-space: nowrap;
-    cursor: pointer;
-  }
-
-  .menu-item.menu-item--disabled {
-    outline: none;
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-
-  .menu-item .menu-item__label {
-    flex: 1 1 auto;
-    display: inline-block;
-  }
-
-  .menu-item .menu-item__prefix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .menu-item .menu-item__prefix::slotted(*) {
-    margin-inline-end: var(--sd-spacing-x-small);
-  }
-
-  .menu-item .menu-item__suffix {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  .menu-item .menu-item__suffix::slotted(*) {
-    margin-inline-start: var(--sd-spacing-x-small);
-  }
-
-  :host(:focus) {
-    outline: none;
-  }
-
-  :host(:hover:not([aria-disabled='true'])) .menu-item {
-    background-color: var(--sd-color-neutral-100);
-    color: var(--sd-color-neutral-1000);
-  }
-
-  :host(:focus-visible) .menu-item {
-    outline: none;
-    background-color: var(--sd-color-primary-600);
-    color: var(--sd-color-neutral-0);
-    opacity: 1;
-  }
-
-  .menu-item .menu-item__check,
-  .menu-item .menu-item__chevron {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.5em;
-    visibility: hidden;
-  }
-
-  .menu-item--checked .menu-item__check,
-  .menu-item--has-submenu .menu-item__chevron {
-    visibility: visible;
-  }
-
-  @media (forced-colors: active) {
-    :host(:hover:not([aria-disabled='true'])) .menu-item,
-    :host(:focus-visible) .menu-item {
-      outline: dashed 1px SelectedItem;
-      outline-offset: -1px;
-    }
-  }
-`;