@kvass/widgets 1.7.9 → 1.7.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/_plugin-vue_export-helper.js +8 -8
  2. package/dist/chart-builder.js +2 -2
  3. package/dist/contact.js +2 -2
  4. package/dist/directories.js +1 -1
  5. package/dist/finn.css +1 -0
  6. package/dist/finn.js +13 -0
  7. package/dist/flatfinder.js +51 -48
  8. package/dist/font-selector.js +1 -1
  9. package/dist/icon-selector.js +1 -1
  10. package/dist/img-comparison-slider.js +1 -1
  11. package/dist/index.es.js +111 -109
  12. package/dist/index.es2.js +102 -6
  13. package/dist/index.js +15 -2
  14. package/dist/index2.js +1 -1
  15. package/dist/index3.js +11 -11
  16. package/dist/knips.js +2 -2
  17. package/dist/loan-calculator.js +1 -1
  18. package/dist/location-selector.js +1 -1
  19. package/dist/map.js +24 -24
  20. package/dist/nabolagsprofil.js +1 -1
  21. package/dist/project-portal.js +1 -1
  22. package/dist/residential-expenses.js +2 -2
  23. package/dist/table-builder.js +1 -1
  24. package/dist/vimeo.js +1 -1
  25. package/dist/youtube.js +1 -1
  26. package/package.json +12 -4
package/dist/icon-selector.js CHANGED
@@ -1 +1 @@
1
- import{v as r,_ as T,b as O,o as a,c as u,a as x,t as k,F as S,k as I,e as b,j as l,r as w,E as N,a5 as X,w as i,m as M,B as Z,C as V,d as j,p as rr}from"./_plugin-vue_export-helper.js";import{y as $,u as ar,_ as er,w as ir,E as z,b as A,e as R,V as D,t as or,h as tr}from"./index.es2.js";import{u as lr,r as nr}from"./index2.js";import{T as c}from"./index.js";function sr(o){const{uncategorized:n=[],categories:g={},icons:y=[]}=o,m=Object.entries(g).map(([t,p])=>p);return[...new Set([...y,...n,...m].flat().filter(Boolean))]}function H(o){if("limit"in o){const g=Object.entries(o.collections).map(([y,m])=>({key:y,value:m}))[0];return{title:c(g.key)||g.value.name,prefix:g.key,total:o.total,icons:o.icons}}return{title:c(o.prefix)||o.title,prefix:o.prefix,total:o.total,icons:sr(o)}}function cr(o){const n=r(o);async function g(m){const{collections:t}=m,p=new URLSearchParams;t&&p.set("prefixes",t);const f=await fetch(`${n}/collections?${p.toString()}`);if(!f.ok)throw new Error("Failed to fetch collections");return await f.json()}async function y(m){const{collection:t,collections:p,limit:f,search:B}=m,v=new URLSearchParams;if(B){v.set("query",B),p&&v.set("prefixes",p),f&&v.set("limit",f);const d=await fetch(`${n}/search?${v.toString()}`);if(!d.ok)throw new Error("Failed to fetch icons");const E=await d.json();return H(E)}t&&v.set("prefix",t);const C=await fetch(`${n}/collection?${v.toString()}`);if(!C.ok)throw new Error("Failed to fetch icons");const _=await C.json();return H(_)}return{getCollections:g,getIcons:y}}const dr=".kvass-icon-selector-collection{padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:transparent;border:1px solid #eaeaea;border-radius:6px;cursor:pointer}.kvass-icon-selector-collection:is(:hover,:focus-visible){border-color:silver}.kvass-icon-selector-collection__icons{display:flex;gap:.5rem}",kr={class:"kvass-icon-selector-collection"},ur={class:"kvass-icon-selector-collection__icons"},pr={__name:"Collection.ce",props:{collection:{type:Object,required:!0},prefix:{type:String,required:!0}},setup(o){const n=o,g=O(()=>c(n.prefix)||n.collection.name);return(y,m)=>(a(),u("button",kr,[x("span",null,k(g.value),1),x("div",ur,[(a(!0),u(S,null,I(o.collection.samples,t=>(a(),b(r($),{key:t,icon:`${o.prefix}:${t}`},null,8,["icon"]))),128))])]))}},G=T(pr,[["styles",[dr]]]),gr=".kvass-icon-selector-icon-button{appearance:none;font:inherit;font-size:1.5rem;padding:.5rem;border-radius:6px;border:none;background:none;display:grid;place-items:center;aspect-ratio:1}.kvass-icon-selector-icon-button[data-selected]{background:#000;color:#fff}.kvass-icon-selector-icon-button:is(:hover,:focus-visible):not([data-selected]){background:#eaeaea}",vr=["data-selected"],br={__name:"IconButton.ce",props:{icon:{type:String,required:!0},selected:Boolean},setup(o){return(n,g)=>(a(),u("button",{class:"kvass-icon-selector-icon-button","data-selected":o.selected?"":null},[l(r($),{icon:o.icon},null,8,["icon"])],8,vr))}},U=T(br,[["styles",[gr]]]),mr='.k-spinner{width:var(--k-spinner-width);aspect-ratio:1/1;border-radius:999px;display:inline-block;border:var(--k-spinner-border-width) solid transparent;border-left-color:currentColor;opacity:.4;animation:spin .5s linear infinite;position:relative;z-index:1}.k-spinner.k-spinner--size-small{--k-spinner-width: 1rem;--k-spinner-border-width: 1px}.k-spinner.k-spinner--size-medium{--k-spinner-width: 2rem;--k-spinner-border-width: 2px}.k-spinner.k-spinner--size-large{--k-spinner-width: 4rem;--k-spinner-border-width: 4px}@keyframes spin{to{rotate:1turn}}.k-button{font:inherit;position:relative;border:1px solid transparent;border-radius:var(--k-button-border-radius, var(--k-ui-rounding));cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap;line-height:1}.k-button__content{display:flex;align-items:center;justify-content:space-between;transition:opacity .15s ease,translate .15s ease}.k-button__icon{display:inline-flex}.k-button .k-spinner,.k-button__state-indicator{display:inline-block;position:absolute;top:50%;left:50%;translate:-50% -50%;width:1em;aspect-ratio:1}.k-button--full-width{width:100%}.k-button--variant-primary{background-color:var(--k-button-primary-background, var(--k-ui-color-primary));color:var(--k-button-primary-text, white)}.k-button--variant-primary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-primary-background-hover, var(--k-ui-color-primary-dark))}.k-button--variant-primary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-primary-background-active, var(--k-ui-color-primary-darkest))}.k-button--variant-secondary{border-color:var(--k-button-secondary-border, var(--k-ui-color-neutral));background-color:var(--k-button-secondary-background, transparent);color:var(--k-button-secondary-text, black)}.k-button--variant-secondary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-secondary-background-hover, var(--k-ui-color-neutral-lightest))}.k-button--variant-secondary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-secondary-background-active, var(--k-ui-color-neutral-light))}.k-button--variant-tertiary{background-color:var(--k-button-tertiary-background, transparent);color:var(--k-button-tertiary-text, black)}.k-button--variant-tertiary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-tertiary-background-hover, var(--k-ui-color-neutral-lightest))}.k-button--variant-tertiary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-tertiary-background-active, var(--k-ui-color-neutral-light))}.k-button--variant-danger{background-color:var(--k-button-danger-background, var(--k-ui-color-danger));color:var(--k-button-danger-text, white)}.k-button--variant-danger:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-danger-background-hover, var(--k-ui-color-danger-light))}.k-button--variant-danger:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-danger-background-active, var(--k-ui-color-danger-dark))}.k-button--variant-warning{background-color:var(--k-button-warning-background, var(--k-ui-color-warning));color:var(--k-button-warning-text, black)}.k-button--variant-warning:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-warning-background-hover, var(--k-ui-color-warning-light))}.k-button--variant-warning:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-warning-background-active, var(--k-ui-color-warning-dark))}.k-button--variant-success{background-color:var(--k-button-success-background, var(--k-ui-color-success));color:var(--k-button-success-text, white)}.k-button--variant-success:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-success-background-hover, var(--k-ui-color-success-light))}.k-button--variant-success:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-success-background-active, var(--k-ui-color-success-dark))}.k-button--size-small{font-size:var(--k-button-small-font-size, .8em);padding-inline:var(--k-button-small-padding-inline, var(--k-ui-spacing-sm));padding-block:var(--k-button-small-padding-block, calc(var(--k-ui-spacing-sm) * .7))}.k-button--size-small .k-button__content{gap:calc(var(--k-button-small-padding-inline, var(--k-ui-spacing-sm)) / 2)}.k-button--size-medium{font-size:var(--k-button-medium-font-size, inherit);padding-inline:var(--k-button-medium-padding-inline, var(--k-ui-spacing));padding-block:var(--k-button-medium-padding-block, calc(var(--k-ui-spacing) * .7))}.k-button--size-medium .k-button__content{gap:calc(var(--k-button-medium-padding-inline, var(--k-ui-spacing)) / 2)}.k-button--size-large{font-size:var(--k-button-large-font-size, 1.2em);padding-inline:var(--k-button-large-padding-inline, var(--k-ui-spacing-lg));padding-block:var(--k-button-large-padding-block, calc(var(--k-ui-spacing-lg) * .7))}.k-button--size-large .k-button__content{gap:calc(var(--k-button-large-padding-inline, var(--k-ui-spacing-lg)) / 2)}.k-button--loading{cursor:wait}.k-button--busy .k-button__content{opacity:0;translate:0 .25rem}.k-button:is(:disabled,[disabled=disabled]){background-color:var(--k-ui-color-neutral-light);color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));cursor:not-allowed}.k-button:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-alert{padding:var(--k-alert-padding-x, var(--k-ui-spacing)) var(--k-alert-padding-y, var(--k-ui-spacing));border-radius:var(--k-alert-border-radius, var(--k-ui-rounding));border:var(--k-alert-border-width, 1px) solid;display:flex;align-items:center;gap:var(--k-alert-gap, var(--k-ui-spacing))}.k-alert__content{flex-grow:1}.k-alert__icon{display:flex;flex-shrink:0}.k-alert__icon .iconify{width:var(--k-alert-icon-size, 1.25rem);height:var(--k-alert-icon-size, 1.25rem)}.k-alert__title{margin-bottom:var(--k-ui-spacing-xs)}.k-alert__action{display:block;margin-top:var(--k-ui-spacing)}.k-alert--neutral{border-color:var(--k-alert-neutral-border, var(--k-ui-color-neutral));background:var(--k-alert-neutral-background, var(--k-ui-color-neutral-lightest));color:var(--k-alert-neutral-text, var(--k-ui-color-neutral-darkest))}.k-alert--neutral .k-alert__action{border-color:var(--k-alert-neutral-border, var(--k-ui-color-neutral));color:var(--k-alert-neutral-text, var(--k-ui-color-neutral-darkest))}.k-alert--neutral .k-alert__action:hover{background-color:#00000008}.k-alert--neutral .k-alert__action:active{background-color:#0000000d}.k-alert--info{border-color:var(--k-alert-info-border, var(--k-ui-color-info-light));background:var(--k-alert-info-background, hsl(var(--k-ui-color-info-lightest-h), var(--k-ui-color-info-lightest-s), calc(var(--k-ui-color-info-lightest-l) + 2%)));color:var(--k-alert-info-text, var(--k-ui-color-info-darkest))}.k-alert--info .k-alert__action{border-color:var(--k-alert-info-border, var(--k-ui-color-info-light));color:var(--k-alert-info-text, var(--k-ui-color-info-darkest))}.k-alert--info .k-alert__action:hover{background-color:#00000008}.k-alert--info .k-alert__action:active{background-color:#0000000d}.k-alert--danger{border-color:var(--k-alert-danger-border, var(--k-ui-color-danger-light));background:var(--k-alert-danger-background, var(--k-ui-color-danger-lightest));color:var(--k-alert-danger-text, var(--k-ui-color-danger-dark))}.k-alert--danger .k-alert__action{border-color:var(--k-alert-danger-border, var(--k-ui-color-danger-light));color:var(--k-alert-danger-text, var(--k-ui-color-danger-dark))}.k-alert--danger .k-alert__action:hover{background-color:#00000008}.k-alert--danger .k-alert__action:active{background-color:#0000000d}.k-alert--warning{border-color:var(--k-alert-warning-border, var(--k-ui-color-warning-light));background:var(--k-alert-warning-background, hsl(var(--k-ui-color-warning-lightest-h), var(--k-ui-color-warning-lightest-s), calc(var(--k-ui-color-warning-lightest-l) + 3%)));color:var(--k-alert-warning-text, var(--k-ui-color-warning-darkest))}.k-alert--warning .k-alert__action{border-color:var(--k-alert-warning-border, var(--k-ui-color-warning-light));color:var(--k-alert-warning-text, var(--k-ui-color-warning-darkest))}.k-alert--warning .k-alert__action:hover{background-color:#00000008}.k-alert--warning .k-alert__action:active{background-color:#0000000d}.k-alert--primary{border-color:var(--k-alert-primary-border, var(--k-ui-color-primary));background:var(--k-alert-primary-background, var(--k-ui-color-primary-lightest));color:var(--k-alert-primary-text, var(--k-ui-color-primary-darkest))}.k-alert--primary .k-alert__action{border-color:var(--k-alert-primary-border, var(--k-ui-color-primary));color:var(--k-alert-primary-text, var(--k-ui-color-primary-darkest))}.k-alert--primary .k-alert__action:hover{background-color:#00000008}.k-alert--primary .k-alert__action:active{background-color:#0000000d}.k-alert--success{border-color:var(--k-alert-success-border, var(--k-ui-color-success-light));background:var(--k-alert-success-background, hsl(var(--k-ui-color-success-lightest-h), var(--k-ui-color-success-lightest-s), calc(var(--k-ui-color-success-lightest-l) + 7%)));color:var(--k-alert-success-text, var(--k-ui-color-success-darkest))}.k-alert--success .k-alert__action{border-color:var(--k-alert-success-border, var(--k-ui-color-success-light));color:var(--k-alert-success-text, var(--k-ui-color-success-darkest))}.k-alert--success .k-alert__action:hover{background-color:#00000008}.k-alert--success .k-alert__action:active{background-color:#0000000d}.k-avatar{aspect-ratio:1;display:grid;place-items:center;border-radius:100%;box-shadow:inset 0 0 0 var(--k-avatar-border-width, 2px) var(--k-avatar-border-color, var(--k-ui-color-neutral));line-height:1;background-size:cover;background-repeat:no-repeat}.k-avatar--size-small{width:var(--k-avatar-small-width, 1.5rem);font-size:var(--k-avatar-small-font-size, .6rem)}.k-avatar--size-medium{width:var(--k-avatar-medium-width, 2.5rem);font-size:var(--k-avatar-medium-font-size, 1rem)}.k-avatar--size-large{width:var(--k-avatar-large-width, 4rem);font-size:var(--k-avatar-large-font-size, 1.8rem)}.k-badge{border-radius:var(--k-badge-border-radius, var(--k-ui-rounding));padding-inline:.7em;padding-block:.4em;font-size:var(--k-badge-font-size, var(--k-ui-font-size-sm));line-height:1;letter-spacing:.02rem;border-style:solid;display:inline-flex;align-items:center;gap:.4rem}.k-badge__icon{flex-shrink:0}.k-badge__dot{border-radius:100%;width:.3rem;aspect-ratio:1;background-color:currentColor}.k-badge__dismiss{border:none;margin:0;padding:0;cursor:pointer;font-size:.8rem;background:none;color:inherit;display:flex;align-items:center;justify-content:center}.k-badge--rounded{border-radius:20rem}.k-badge--variant-neutral{background-color:var(--k-badge-neutral-background, var(--k-ui-color-neutral-lightest));border-color:var(--k-badge-neutral-border-color, var(--k-ui-color-neutral));color:var(--k-badge-neutral-text, var(--k-ui-color-neutral-darkest))}.k-badge--variant-info{background-color:var(--k-badge-info-background, var(--k-ui-color-info-lightest));border-color:var(--k-badge-info-border-color, var(--k-ui-color-info));color:var(--k-badge-info-text, var(--k-ui-color-info-darkest))}.k-badge--variant-success{background-color:var(--k-badge-success-background, var(--k-ui-color-success-lightest));border-color:var(--k-badge-success-border-color, var(--k-ui-color-success));color:var(--k-badge-success-text, var(--k-ui-color-success-darkest))}.k-badge--variant-warning{background-color:var(--k-badge-warning-background, var(--k-ui-color-warning-lightest));border-color:var(--k-badge-warning-border-color, var(--k-ui-color-warning));color:var(--k-badge-warning-text, var(--k-ui-color-warning-darkest))}.k-badge--variant-danger{background-color:var(--k-badge-danger-background, var(--k-ui-color-danger-lightest));border-color:var(--k-badge-danger-border-color, var(--k-ui-color-danger));color:var(--k-badge-danger-text, var(--k-ui-color-danger-darkest))}.k-badge--variant-primary{background-color:var(--k-badge-primary-background, var(--k-ui-color-primary-lightest));border-color:var(--k-badge-primary-border-color, var(--k-ui-color-primary));color:var(--k-badge-primary-text, var(--k-ui-color-primary-darkest))}.k-badge--appearance-outline{border-width:1px;background-color:transparent}.k-badge--appearance-solid{border-width:0px}.k-checkbox{display:inline-flex;gap:.75rem;align-items:center;cursor:pointer}.k-checkbox:focus-within [data-part=control]{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}:is(.k-checkbox__input,.k-checkbox__label){cursor:inherit}.k-checkbox__label{display:block;line-height:1}.k-checkbox__label-required:after{margin-left:.2em;content:"*";color:var(--k-ui-color-danger)}.k-checkbox__help{opacity:var(--k-ui-opacity-faded)}.k-checkbox [data-part=label]{display:grid;gap:.25rem;translate:0 -1px}.k-checkbox [data-part=control]{display:flex;align-items:center;justify-content:center;width:var(--k-checkbox-size, 1.25rem);aspect-ratio:1;border:1px solid var(--k-checkbox-border-color, var(--k-ui-color-neutral));border-radius:var(--k-checkbox-border-radius, var(--k-ui-rounding-sm))}.k-checkbox [data-part=control] svg{display:none;width:50%}.k-checkbox[data-state=checked] [data-part=control] svg{display:initial}.k-checkbox[data-state=checked]:not([data-disabled]) [data-part=control]{background-color:var(--k-checkbox-accent, var(--k-ui-color-primary-darkest));border-color:var(--k-checkbox-accent, var(--k-ui-color-primary-darkest));color:var(--k-checkbox-accent-contrast, white)}.k-checkbox[data-disabled]{cursor:not-allowed}.k-checkbox[data-disabled] [data-part=control]{background-color:var(--k-checkbox-accent-disabled, var(--k-ui-color-neutral-light));border-color:var(--k-checkbox-accent-disabled, var(--k-ui-color-neutral-light))}.k-formcontrol{display:flex;flex-direction:column;gap:var(--k-formcontrol-gap, .5rem)}.k-formcontrol__help{opacity:.5}.k-formcontrol__label-required:after{margin-left:.2em;content:"*";color:var(--k-formcontrol-invalid-color, var(--k-ui-color-danger))}.k-formcontrol__error{color:var(--k-formcontrol-invalid-color, var(--k-ui-color-danger))}.k-input{line-height:1;border-radius:var(--k-input-border-radius, var(--k-ui-rounding));border:1px solid var(--k-input-border-color, var(--k-ui-color-neutral));overflow:hidden;display:flex}.k-input:focus-within{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-input__input{border:none;font:inherit;padding-block:var(--k-input-padding-y, var(--k-ui-spacing-sm));padding-inline:var(--k-input-padding-x, var(--k-ui-spacing-sm));flex-grow:1}.k-input__input:focus{outline:none}.k-input__prefix,.k-input__suffix{display:inline-flex;justify-content:center;align-items:center;background-color:var(--k-input-prefix-background, var(--k-ui-color-neutral-lightest));padding-block:var(--k-input-padding-y, var(--k-ui-spacing-sm));padding-inline:var(--k-input-padding-x, var(--k-ui-spacing-sm));color:var(--k-input-prefix-text, hsl(var(--k-ui-color-neutral-dark-h), var(--k-ui-color-neutral-dark-s), calc(var(--k-ui-color-neutral-dark-l) + 50%)))}.k-input--invalid{border-color:var(--k-input-danger, var(--k-ui-color-danger))}.k-input--align-left .k-input__input{text-align:left}.k-input--align-right .k-input__input{text-align:right}.k-textarea{font:inherit;padding-block:var(--k-textarea-padding-y, var(--k-ui-spacing-xs));padding-inline:var(--k-textarea-padding-x, var(--k-ui-spacing-sm));border-radius:var(--k-textarea-border-radius, var(--k-ui-rounding));border:1px solid var(--k-textarea-border-color, var(--k-ui-color-neutral));resize:vertical}.k-textarea--invalid{border-color:var(--k-textarea-invalid-color, var(--k-ui-color-danger))}.k-textarea:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}:host,:root{--k-ui-color-danger-darkest-h: 0deg;--k-ui-color-danger-darkest-s: 77.9005524862%;--k-ui-color-danger-darkest-l: 35.4901960784%;--k-ui-color-danger-darkest: hsl(var(--k-ui-color-danger-darkest-h), var(--k-ui-color-danger-darkest-s), var(--k-ui-color-danger-darkest-l));--k-ui-color-danger-dark-h: 0deg;--k-ui-color-danger-dark-s: 62.6373626374%;--k-ui-color-danger-dark-l: 35.6862745098%;--k-ui-color-danger-dark: hsl(var(--k-ui-color-danger-dark-h), var(--k-ui-color-danger-dark-s), var(--k-ui-color-danger-dark-l));--k-ui-color-danger-h: 0deg;--k-ui-color-danger-s: 61.2068965517%;--k-ui-color-danger-l: 45.4901960784%;--k-ui-color-danger: hsl(var(--k-ui-color-danger-h), var(--k-ui-color-danger-s), var(--k-ui-color-danger-l));--k-ui-color-danger-light-h: 0deg;--k-ui-color-danger-light-s: 54.0322580645%;--k-ui-color-danger-light-l: 51.3725490196%;--k-ui-color-danger-light: hsl(var(--k-ui-color-danger-light-h), var(--k-ui-color-danger-light-s), var(--k-ui-color-danger-light-l));--k-ui-color-danger-lightest-h: 0deg;--k-ui-color-danger-lightest-s: 100%;--k-ui-color-danger-lightest-l: 95.8823529412%;--k-ui-color-danger-lightest: hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), var(--k-ui-color-danger-lightest-l));--k-ui-color-warning-darkest-h: 38.7931034483deg;--k-ui-color-warning-darkest-s: 82.8571428571%;--k-ui-color-warning-darkest-l: 27.4509803922%;--k-ui-color-warning-darkest: hsl(var(--k-ui-color-warning-darkest-h), var(--k-ui-color-warning-darkest-s), var(--k-ui-color-warning-darkest-l));--k-ui-color-warning-dark-h: 38.9010989011deg;--k-ui-color-warning-dark-s: 74.5901639344%;--k-ui-color-warning-dark-l: 52.1568627451%;--k-ui-color-warning-dark: hsl(var(--k-ui-color-warning-dark-h), var(--k-ui-color-warning-dark-s), var(--k-ui-color-warning-dark-l));--k-ui-color-warning-h: 39.1011235955deg;--k-ui-color-warning-s: 87.2549019608%;--k-ui-color-warning-l: 60%;--k-ui-color-warning: hsl(var(--k-ui-color-warning-h), var(--k-ui-color-warning-s), var(--k-ui-color-warning-l));--k-ui-color-warning-light-h: 38.8888888889deg;--k-ui-color-warning-light-s: 100%;--k-ui-color-warning-light-l: 68.2352941176%;--k-ui-color-warning-light: hsl(var(--k-ui-color-warning-light-h), var(--k-ui-color-warning-light-s), var(--k-ui-color-warning-light-l));--k-ui-color-warning-lightest-h: 45.3658536585deg;--k-ui-color-warning-lightest-s: 100%;--k-ui-color-warning-lightest-l: 91.9607843137%;--k-ui-color-warning-lightest: hsl(var(--k-ui-color-warning-lightest-h), var(--k-ui-color-warning-lightest-s), var(--k-ui-color-warning-lightest-l));--k-ui-color-success-darkest-h: 132.75deg;--k-ui-color-success-darkest-s: 85.1063829787%;--k-ui-color-success-darkest-l: 18.431372549%;--k-ui-color-success-darkest: hsl(var(--k-ui-color-success-darkest-h), var(--k-ui-color-success-darkest-s), var(--k-ui-color-success-darkest-l));--k-ui-color-success-dark-h: 117.5757575758deg;--k-ui-color-success-dark-s: 68.275862069%;--k-ui-color-success-dark-l: 28.431372549%;--k-ui-color-success-dark: hsl(var(--k-ui-color-success-dark-h), var(--k-ui-color-success-dark-s), var(--k-ui-color-success-dark-l));--k-ui-color-success-h: 117.8181818182deg;--k-ui-color-success-s: 63.2183908046%;--k-ui-color-success-l: 34.1176470588%;--k-ui-color-success: hsl(var(--k-ui-color-success-h), var(--k-ui-color-success-s), var(--k-ui-color-success-l));--k-ui-color-success-light-h: 118.08deg;--k-ui-color-success-light-s: 56.0538116592%;--k-ui-color-success-light-l: 43.7254901961%;--k-ui-color-success-light: hsl(var(--k-ui-color-success-light-h), var(--k-ui-color-success-light-s), var(--k-ui-color-success-light-l));--k-ui-color-success-lightest-h: 143.7209302326deg;--k-ui-color-success-lightest-s: 75.4385964912%;--k-ui-color-success-lightest-l: 88.8235294118%;--k-ui-color-success-lightest: hsl(var(--k-ui-color-success-lightest-h), var(--k-ui-color-success-lightest-s), var(--k-ui-color-success-lightest-l));--k-ui-color-info-darkest-h: 229.1428571429deg;--k-ui-color-info-darkest-s: 75.5395683453%;--k-ui-color-info-darkest-l: 27.2549019608%;--k-ui-color-info-darkest: hsl(var(--k-ui-color-info-darkest-h), var(--k-ui-color-info-darkest-s), var(--k-ui-color-info-darkest-l));--k-ui-color-info-dark-h: 228.8571428571deg;--k-ui-color-info-dark-s: 79.5454545455%;--k-ui-color-info-dark-l: 34.5098039216%;--k-ui-color-info-dark: hsl(var(--k-ui-color-info-dark-h), var(--k-ui-color-info-dark-s), var(--k-ui-color-info-dark-l));--k-ui-color-info-h: 228.8888888889deg;--k-ui-color-info-s: 61.0859728507%;--k-ui-color-info-l: 43.3333333333%;--k-ui-color-info: hsl(var(--k-ui-color-info-h), var(--k-ui-color-info-s), var(--k-ui-color-info-l));--k-ui-color-info-light-h: 213.9759036145deg;--k-ui-color-info-light-s: 74.7747747748%;--k-ui-color-info-light-l: 78.2352941176%;--k-ui-color-info-light: hsl(var(--k-ui-color-info-light-h), var(--k-ui-color-info-light-s), var(--k-ui-color-info-light-l));--k-ui-color-info-lightest-h: 209.0322580645deg;--k-ui-color-info-lightest-s: 100%;--k-ui-color-info-lightest-l: 93.9215686275%;--k-ui-color-info-lightest: hsl(var(--k-ui-color-info-lightest-h), var(--k-ui-color-info-lightest-s), var(--k-ui-color-info-lightest-l));--k-ui-color-neutral-darkest-h: 0deg;--k-ui-color-neutral-darkest-s: 0%;--k-ui-color-neutral-darkest-l: 0%;--k-ui-color-neutral-darkest: hsl(var(--k-ui-color-neutral-darkest-h), var(--k-ui-color-neutral-darkest-s), var(--k-ui-color-neutral-darkest-l));--k-ui-color-neutral-dark-h: 0deg;--k-ui-color-neutral-dark-s: 0%;--k-ui-color-neutral-dark-l: 20%;--k-ui-color-neutral-dark: hsl(var(--k-ui-color-neutral-dark-h), var(--k-ui-color-neutral-dark-s), var(--k-ui-color-neutral-dark-l));--k-ui-color-neutral-h: 0deg;--k-ui-color-neutral-s: 0%;--k-ui-color-neutral-l: 81.568627451%;--k-ui-color-neutral: hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), var(--k-ui-color-neutral-l));--k-ui-color-neutral-light-h: 0deg;--k-ui-color-neutral-light-s: 0%;--k-ui-color-neutral-light-l: 91.7647058824%;--k-ui-color-neutral-light: hsl(var(--k-ui-color-neutral-light-h), var(--k-ui-color-neutral-light-s), var(--k-ui-color-neutral-light-l));--k-ui-color-neutral-lightest-h: 0deg;--k-ui-color-neutral-lightest-s: 0%;--k-ui-color-neutral-lightest-l: 94.1176470588%;--k-ui-color-neutral-lightest: hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), var(--k-ui-color-neutral-lightest-l));--k-ui-color-primary-darkest-h: 221.7112299465deg;--k-ui-color-primary-darkest-s: 76.3265306122%;--k-ui-color-primary-darkest-l: 40.0392156863%;--k-ui-color-primary-darkest: hsl(var(--k-ui-color-primary-darkest-h), var(--k-ui-color-primary-darkest-s), var(--k-ui-color-primary-darkest-l));--k-ui-color-primary-dark-h: 221.7112299465deg;--k-ui-color-primary-dark-s: 76.3265306122%;--k-ui-color-primary-dark-l: 44.0392156863%;--k-ui-color-primary-dark: hsl(var(--k-ui-color-primary-dark-h), var(--k-ui-color-primary-dark-s), var(--k-ui-color-primary-dark-l));--k-ui-color-primary-h: 221.7112299465deg;--k-ui-color-primary-s: 76.3265306122%;--k-ui-color-primary-l: 48.0392156863%;--k-ui-color-primary: hsl(var(--k-ui-color-primary-h), var(--k-ui-color-primary-s), var(--k-ui-color-primary-l));--k-ui-color-primary-light-h: 221.7112299465deg;--k-ui-color-primary-light-s: 76.3265306122%;--k-ui-color-primary-light-l: 52.0392156863%;--k-ui-color-primary-light: hsl(var(--k-ui-color-primary-light-h), var(--k-ui-color-primary-light-s), var(--k-ui-color-primary-light-l));--k-ui-color-primary-lightest-h: 221.7112299465deg;--k-ui-color-primary-lightest-s: 76.3265306122%;--k-ui-color-primary-lightest-l: 56.0392156863%;--k-ui-color-primary-lightest: hsl(var(--k-ui-color-primary-lightest-h), var(--k-ui-color-primary-lightest-s), var(--k-ui-color-primary-lightest-l));--k-ui-spacing-xxs: .25rem;--k-ui-spacing-xs: .5rem;--k-ui-spacing-sm: .75rem;--k-ui-spacing: 1rem;--k-ui-spacing-lg: 1.5rem;--k-ui-spacing-xl: 1.75rem;--k-ui-spacing-xxl: 2rem;--k-ui-spacing-3xl: 3rem;--k-ui-spacing-4xl: 4rem;--k-ui-rounding-sm: 3px;--k-ui-rounding: 6px;--k-ui-rounding-lg: 8px;--k-ui-rounding-xl: 16px;--k-ui-rounding-full: 999px;--k-ui-font-size-xs: .6rem;--k-ui-font-size-sm: .8rem;--k-ui-font-size: 1rem;--k-ui-font-size-lg: 1.2rem;--k-ui-font-size-xl: 2.2rem;--k-ui-font-size-xxl: 3rem;--k-ui-shadow-color: hsl(0deg 0% 0% / .2);--k-ui-shadow-elevation-sm: 0 4px 8px -4px;--k-ui-shadow-elevation-md: 0 8px 16px -8px;--k-ui-shadow-elevation-lg: 0 12px 24px -3px;--k-ui-shadow-sm: var(--k-ui-shadow-elevation-sm) var(--k-ui-shadow-color);--k-ui-shadow-md: var(--k-ui-shadow-elevation-md) var(--k-ui-shadow-color);--k-ui-shadow-lg: var(--k-ui-shadow-elevation-lg) var(--k-ui-shadow-color);--k-ui-shadow: var(--k-ui-shadow-sm);--k-ui-outline-color: var(--k-ui-color-neutral);--k-ui-outline-width: 2px;--k-ui-outline-offset: 2px;--k-ui-opacity-faded: .6}.k-p-xxs{padding:var(--k-ui-spacing-xxs)}.k-pt-xxs{padding-top:var(--k-ui-spacing-xxs)}.k-pr-xxs{padding-right:var(--k-ui-spacing-xxs)}.k-pb-xxs{padding-bottom:var(--k-ui-spacing-xxs)}.k-pl-xxs{padding-left:var(--k-ui-spacing-xxs)}.k-px-xxs{padding-inline:var(--k-ui-spacing-xxs)}.k-py-xxs{padding-block:var(--k-ui-spacing-xxs)}.k-p-xs{padding:var(--k-ui-spacing-xs)}.k-pt-xs{padding-top:var(--k-ui-spacing-xs)}.k-pr-xs{padding-right:var(--k-ui-spacing-xs)}.k-pb-xs{padding-bottom:var(--k-ui-spacing-xs)}.k-pl-xs{padding-left:var(--k-ui-spacing-xs)}.k-px-xs{padding-inline:var(--k-ui-spacing-xs)}.k-py-xs{padding-block:var(--k-ui-spacing-xs)}.k-p-sm{padding:var(--k-ui-spacing-sm)}.k-pt-sm{padding-top:var(--k-ui-spacing-sm)}.k-pr-sm{padding-right:var(--k-ui-spacing-sm)}.k-pb-sm{padding-bottom:var(--k-ui-spacing-sm)}.k-pl-sm{padding-left:var(--k-ui-spacing-sm)}.k-px-sm{padding-inline:var(--k-ui-spacing-sm)}.k-py-sm{padding-block:var(--k-ui-spacing-sm)}.k-p{padding:var(--k-ui-spacing)}.k-pt{padding-top:var(--k-ui-spacing)}.k-pr{padding-right:var(--k-ui-spacing)}.k-pb{padding-bottom:var(--k-ui-spacing)}.k-pl{padding-left:var(--k-ui-spacing)}.k-px{padding-inline:var(--k-ui-spacing)}.k-py{padding-block:var(--k-ui-spacing)}.k-p-lg{padding:var(--k-ui-spacing-lg)}.k-pt-lg{padding-top:var(--k-ui-spacing-lg)}.k-pr-lg{padding-right:var(--k-ui-spacing-lg)}.k-pb-lg{padding-bottom:var(--k-ui-spacing-lg)}.k-pl-lg{padding-left:var(--k-ui-spacing-lg)}.k-px-lg{padding-inline:var(--k-ui-spacing-lg)}.k-py-lg{padding-block:var(--k-ui-spacing-lg)}.k-p-xl{padding:var(--k-ui-spacing-xl)}.k-pt-xl{padding-top:var(--k-ui-spacing-xl)}.k-pr-xl{padding-right:var(--k-ui-spacing-xl)}.k-pb-xl{padding-bottom:var(--k-ui-spacing-xl)}.k-pl-xl{padding-left:var(--k-ui-spacing-xl)}.k-px-xl{padding-inline:var(--k-ui-spacing-xl)}.k-py-xl{padding-block:var(--k-ui-spacing-xl)}.k-p-xxl{padding:var(--k-ui-spacing-xxl)}.k-pt-xxl{padding-top:var(--k-ui-spacing-xxl)}.k-pr-xxl{padding-right:var(--k-ui-spacing-xxl)}.k-pb-xxl{padding-bottom:var(--k-ui-spacing-xxl)}.k-pl-xxl{padding-left:var(--k-ui-spacing-xxl)}.k-px-xxl{padding-inline:var(--k-ui-spacing-xxl)}.k-py-xxl{padding-block:var(--k-ui-spacing-xxl)}.k-p-3xl{padding:var(--k-ui-spacing-3xl)}.k-pt-3xl{padding-top:var(--k-ui-spacing-3xl)}.k-pr-3xl{padding-right:var(--k-ui-spacing-3xl)}.k-pb-3xl{padding-bottom:var(--k-ui-spacing-3xl)}.k-pl-3xl{padding-left:var(--k-ui-spacing-3xl)}.k-px-3xl{padding-inline:var(--k-ui-spacing-3xl)}.k-py-3xl{padding-block:var(--k-ui-spacing-3xl)}.k-p-4xl{padding:var(--k-ui-spacing-4xl)}.k-pt-4xl{padding-top:var(--k-ui-spacing-4xl)}.k-pt-auto{padding-top:auto}.k-pr-4xl{padding-right:var(--k-ui-spacing-4xl)}.k-pr-auto{padding-right:auto}.k-pb-4xl{padding-bottom:var(--k-ui-spacing-4xl)}.k-pb-auto{padding-bottom:auto}.k-pl-4xl{padding-left:var(--k-ui-spacing-4xl)}.k-pl-auto{padding-left:auto}.k-px-4xl{padding-inline:var(--k-ui-spacing-4xl)}.k-px-auto{padding-inline:auto}.k-py-4xl{padding-block:var(--k-ui-spacing-4xl)}.k-py-auto{padding-block:auto}.k-m-xxs{margin:var(--k-ui-spacing-xxs)}.k-mt-xxs{margin-top:var(--k-ui-spacing-xxs)}.k-mr-xxs{margin-right:var(--k-ui-spacing-xxs)}.k-mb-xxs{margin-bottom:var(--k-ui-spacing-xxs)}.k-ml-xxs{margin-left:var(--k-ui-spacing-xxs)}.k-mx-xxs{margin-inline:var(--k-ui-spacing-xxs)}.k-my-xxs{margin-block:var(--k-ui-spacing-xxs)}.k-m-xs{margin:var(--k-ui-spacing-xs)}.k-mt-xs{margin-top:var(--k-ui-spacing-xs)}.k-mr-xs{margin-right:var(--k-ui-spacing-xs)}.k-mb-xs{margin-bottom:var(--k-ui-spacing-xs)}.k-ml-xs{margin-left:var(--k-ui-spacing-xs)}.k-mx-xs{margin-inline:var(--k-ui-spacing-xs)}.k-my-xs{margin-block:var(--k-ui-spacing-xs)}.k-m-sm{margin:var(--k-ui-spacing-sm)}.k-mt-sm{margin-top:var(--k-ui-spacing-sm)}.k-mr-sm{margin-right:var(--k-ui-spacing-sm)}.k-mb-sm{margin-bottom:var(--k-ui-spacing-sm)}.k-ml-sm{margin-left:var(--k-ui-spacing-sm)}.k-mx-sm{margin-inline:var(--k-ui-spacing-sm)}.k-my-sm{margin-block:var(--k-ui-spacing-sm)}.k-m{margin:var(--k-ui-spacing)}.k-mt{margin-top:var(--k-ui-spacing)}.k-mr{margin-right:var(--k-ui-spacing)}.k-mb{margin-bottom:var(--k-ui-spacing)}.k-ml{margin-left:var(--k-ui-spacing)}.k-mx{margin-inline:var(--k-ui-spacing)}.k-my{margin-block:var(--k-ui-spacing)}.k-m-lg{margin:var(--k-ui-spacing-lg)}.k-mt-lg{margin-top:var(--k-ui-spacing-lg)}.k-mr-lg{margin-right:var(--k-ui-spacing-lg)}.k-mb-lg{margin-bottom:var(--k-ui-spacing-lg)}.k-ml-lg{margin-left:var(--k-ui-spacing-lg)}.k-mx-lg{margin-inline:var(--k-ui-spacing-lg)}.k-my-lg{margin-block:var(--k-ui-spacing-lg)}.k-m-xl{margin:var(--k-ui-spacing-xl)}.k-mt-xl{margin-top:var(--k-ui-spacing-xl)}.k-mr-xl{margin-right:var(--k-ui-spacing-xl)}.k-mb-xl{margin-bottom:var(--k-ui-spacing-xl)}.k-ml-xl{margin-left:var(--k-ui-spacing-xl)}.k-mx-xl{margin-inline:var(--k-ui-spacing-xl)}.k-my-xl{margin-block:var(--k-ui-spacing-xl)}.k-m-xxl{margin:var(--k-ui-spacing-xxl)}.k-mt-xxl{margin-top:var(--k-ui-spacing-xxl)}.k-mr-xxl{margin-right:var(--k-ui-spacing-xxl)}.k-mb-xxl{margin-bottom:var(--k-ui-spacing-xxl)}.k-ml-xxl{margin-left:var(--k-ui-spacing-xxl)}.k-mx-xxl{margin-inline:var(--k-ui-spacing-xxl)}.k-my-xxl{margin-block:var(--k-ui-spacing-xxl)}.k-m-3xl{margin:var(--k-ui-spacing-3xl)}.k-mt-3xl{margin-top:var(--k-ui-spacing-3xl)}.k-mr-3xl{margin-right:var(--k-ui-spacing-3xl)}.k-mb-3xl{margin-bottom:var(--k-ui-spacing-3xl)}.k-ml-3xl{margin-left:var(--k-ui-spacing-3xl)}.k-mx-3xl{margin-inline:var(--k-ui-spacing-3xl)}.k-my-3xl{margin-block:var(--k-ui-spacing-3xl)}.k-m-4xl{margin:var(--k-ui-spacing-4xl)}.k-mt-4xl{margin-top:var(--k-ui-spacing-4xl)}.k-mt-auto{margin-top:auto}.k-mr-4xl{margin-right:var(--k-ui-spacing-4xl)}.k-mr-auto{margin-right:auto}.k-mb-4xl{margin-bottom:var(--k-ui-spacing-4xl)}.k-mb-auto{margin-bottom:auto}.k-ml-4xl{margin-left:var(--k-ui-spacing-4xl)}.k-ml-auto{margin-left:auto}.k-mx-4xl{margin-inline:var(--k-ui-spacing-4xl)}.k-mx-auto{margin-inline:auto}.k-my-4xl{margin-block:var(--k-ui-spacing-4xl)}.k-my-auto{margin-block:auto}.k-text--xs{font-size:var(--k-ui-font-size-xs)}.k-text--sm{font-size:var(--k-ui-font-size-sm)}.k-text{font-size:var(--k-ui-font-size)}.k-text--lg{font-size:var(--k-ui-font-size-lg)}.k-text--xl{font-size:var(--k-ui-font-size-xl)}.k-text--xxl{font-size:var(--k-ui-font-size-xxl)}.k-stepper{display:flex;gap:var(--k-stepper-gap, 2rem)}.k-stepper--breadcrumb-placement-top .k-stepper__breadcrumbs,.k-stepper--breadcrumb-placement-bottom .k-stepper__breadcrumbs{align-items:center;gap:var(--k-stepper-breadcrumb-gap, 1rem)}.k-stepper--breadcrumb-placement-top{flex-direction:column}.k-stepper--breadcrumb-placement-bottom{flex-direction:column-reverse}.k-stepper--breadcrumb-placement-right,.k-stepper--breadcrumb-placement-left{align-items:flex-start}.k-stepper--breadcrumb-placement-right .k-stepper-breadcrumbs-wrapper,.k-stepper--breadcrumb-placement-left .k-stepper-breadcrumbs-wrapper{flex-direction:column}.k-stepper--breadcrumb-placement-right .k-stepper__breadcrumbs,.k-stepper--breadcrumb-placement-left .k-stepper__breadcrumbs{flex-direction:column;align-items:flex-start;gap:1.5rem}.k-stepper--breadcrumb-placement-right .k-stepper__breadcrumb-arrow,.k-stepper--breadcrumb-placement-left .k-stepper__breadcrumb-arrow{display:none}.k-stepper--breadcrumb-placement-right{flex-direction:row-reverse}.k-stepper--breadcrumb-placement-left{flex-direction:row}.k-stepper .k-stepper-breadcrumbs-wrapper{display:flex}.k-stepper__breadcrumbs{flex-grow:1;display:flex;flex-wrap:wrap}.k-stepper__breadcrumbs .k-stepper__breadcrumb{display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;outline:none;background-color:transparent;font:inherit;line-height:1;padding:0;margin:0;border-radius:var(--k-ui-rounding-sm)}.k-stepper__breadcrumbs .k-stepper__breadcrumb:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:5px}.k-stepper__breadcrumbs .k-stepper__breadcrumb:disabled{cursor:not-allowed}.k-stepper__breadcrumbs .k-stepper__breadcrumb:disabled .k-stepper__breadcrumb-icon{border-color:var(--k-stepper-icon-border, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb span{line-height:inherit}.k-stepper__breadcrumbs .k-stepper__breadcrumb-icon{font-size:.75em;font-weight:700;position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;border-width:1px;border-style:solid}.k-stepper__breadcrumbs .k-stepper__breadcrumb-label{translate:0 -1px}.k-stepper__breadcrumbs .k-stepper__breadcrumb-arrow{margin:0 .25rem;border:solid rgb(216.75,216.75,216.75);border-width:0 2px 2px 0;padding:3px;rotate:-45deg}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-hover, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 2%)));background-color:var(--k-stepper-icon-background-hover, var(--k-ui-color-neutral-light))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--default){color:var(--k-stepper-text-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--default) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-active, white);border-color:var(--k-stepper-icon-border-active, var(--k-ui-color-primary));background-color:var(--k-stepper-icon-background-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text-valid, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-valid, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background-valid, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-valid-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid-hover, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-valid-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 2%)));background-color:var(--k-stepper-icon-background-valid-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 3%)))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid){color:var(--k-stepper-text-valid-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid-active, white);border-color:var(--k-stepper-icon-border-valid-active, var(--k-ui-color-primary));background-color:var(--k-stepper-icon-background-valid-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text-invalid, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid, var(--k-ui-color-danger-darkest));border-color:var(--k-stepper-icon-border-invalid, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 10%)));background-color:var(--k-stepper-icon-background-invalid, var(--k-ui-color-danger-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-invalid-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid-hover, var(--k-ui-color-danger-darkest));border-color:var(--k-stepper-icon-border-invalid-hover, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 10%)));background-color:var(--k-stepper-icon-background-invalid-hover, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 2%)))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid){color:var(--k-stepper-text-invalid-active, var(--k-ui-color-danger-darkest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid-active, white);border-color:var(--k-stepper-icon-border-invalid-active, var(--k-ui-color-danger-darkest));background-color:var(--k-stepper-icon-background-invalid-active, var(--k-ui-color-danger-darkest))}.k-stepper__component-wrapper{display:flex;flex-direction:column;gap:inherit}.k-stepper--breadcrumb-placement-bottom .k-stepper__component-wrapper{flex-direction:column-reverse}.k-stepper__navigation{display:flex;justify-content:var(--k-stepper-navigation-alignment, "flex-start");gap:1rem}.k-stepper .k-stepper-fade-enter-active,.k-stepper .k-stepper-fade-leave-active{transition:all .2s ease}.k-stepper .k-stepper-fade-enter-from,.k-stepper .k-stepper-fade-leave-to{opacity:0}.k-stepper .k-stepper-slide-h-prev-enter-active,.k-stepper .k-stepper-slide-h-prev-leave-active,.k-stepper .k-stepper-slide-h-next-enter-active,.k-stepper .k-stepper-slide-h-next-leave-active,.k-stepper .k-stepper-slide-v-prev-enter-active,.k-stepper .k-stepper-slide-v-prev-leave-active,.k-stepper .k-stepper-slide-v-next-enter-active,.k-stepper .k-stepper-slide-v-next-leave-active{transition:all .2s ease}.k-stepper .k-stepper-slide-h-prev-enter-from,.k-stepper .k-stepper-slide-h-prev-leave-to,.k-stepper .k-stepper-slide-h-next-enter-from,.k-stepper .k-stepper-slide-h-next-leave-to,.k-stepper .k-stepper-slide-v-prev-enter-from,.k-stepper .k-stepper-slide-v-prev-leave-to,.k-stepper .k-stepper-slide-v-next-enter-from,.k-stepper .k-stepper-slide-v-next-leave-to{opacity:0}.k-stepper .k-stepper-slide-h-prev-enter-from,.k-stepper .k-stepper-slide-h-next-leave-to{translate:calc(var(--k-stepper-transition-preset-slide-delta, 25px) * -1) 0}.k-stepper .k-stepper-slide-h-next-enter-from,.k-stepper .k-stepper-slide-h-prev-leave-to{translate:var(--k-stepper-transition-preset-slide-delta, 25px) 0}.k-stepper .k-stepper-slide-v-prev-enter-from,.k-stepper .k-stepper-slide-v-next-leave-to{translate:0 calc(var(--k-stepper-transition-preset-slide-delta, 25px) * -1)}.k-stepper .k-stepper-slide-v-next-enter-from,.k-stepper .k-stepper-slide-v-prev-leave-to{translate:0 var(--k-stepper-transition-preset-slide-delta, 25px)}.k-image{position:relative;display:flex;justify-content:center;align-items:center;margin:0;background-image:var(--k-image-preview);background-size:var(--k-image-size);background-repeat:no-repeat;overflow:hidden;width:var(--k-image-width);height:var(--k-image-height);aspect-ratio:var(--k-image-aspectratio)}.k-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--k-image-size);object-position:var(--k-image-position);padding:inherit;transition:all .15s ease-in;opacity:0}.k-image--loaded img{opacity:1}.k-image__caption{display:block;position:absolute;width:100%;height:100%;padding:var(--k-image-caption-padding, var(--k-ui-spacing-lg));pointer-events:none}.k-image__caption--theme-light{background:linear-gradient(170deg,#fffc 15%,#fff0 55% 100%)}.k-image__caption--theme-dark{color:#fff;background:linear-gradient(170deg,#000c 15%,#fff0 55% 100%)}.k-image__caption--visibility-hover{opacity:0;transition:opacity .1s ease-in}.k-image:hover .k-image__caption.k-image__caption--visibility-hover{opacity:1}.k-card{display:flex;flex-direction:column;border-radius:var(--k-card-border-radius, var(--k-ui-rounding-lg));background-color:#fff;text-decoration:none;color:inherit}.k-card--variant-shadow{box-shadow:var(--k-card-shadow, var(--k-ui-shadow-lg))}.k-card--variant-border{border:1px solid var(--k-card-border-color, var(--k-ui-color-neutral-light))}.k-card__header{background-color:var(--k-card-header-background, var(--k-ui-color-neutral-lightest));border-top-left-radius:inherit;border-top-right-radius:inherit;min-height:var(--k-header-min-height)}.k-card__header:not(.k-card__header--has-thumbnail),.k-card__header--thumbnail-size-contain{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card__header--has-thumbnail{min-height:var(--k-header-min-height, 200px)}.k-card__thumbnail{width:100%;height:100%;border-top-left-radius:inherit;border-top-right-radius:inherit}.k-card__title{font-weight:700;line-height:1;margin-bottom:1rem}.k-card__content,.k-card__footer{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card__header+.k-card__footer{padding-top:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card__content{flex-grow:1}.k-card__footer{padding-top:0;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;display:flex;flex-wrap:wrap;gap:1rem}.k-skeleton{display:flex;justify-content:center;align-items:center;aspect-ratio:var(--aspect-ratio);height:var(--height);width:var(--width);border-radius:var(--border-radius)}.k-skeleton--variant-flat{background:var(--k-skeleton-background, var(--k-ui-color-neutral-lightest))}.k-skeleton--variant-shiny{background:var(--k-skeleton-background, var(--k-ui-color-neutral-lightest));background:linear-gradient(110deg,var(--k-skeleton-background, var(--k-ui-color-neutral-lightest)) 8%,var(--k-skeleton-background-shine, hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), calc(var(--k-ui-color-neutral-lightest-l) + 2%))) 18%,var(--k-skeleton-background, var(--k-ui-color-neutral-lightest)) 33%);background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}.k-selectable{background-color:transparent;border:none;padding:0;margin:0;font:inherit;text-align:initial;line-height:initial;position:relative;transition:outline .1s ease;cursor:pointer;outline:var(--k-selectable-outline-width, 4px) solid transparent;outline-offset:var(--k-selectable-outline-offset, var(--k-ui-outline-offset))}.k-selectable:not(.k-selectable--selected):hover{outline:var(--k-selectable-outline-width, 4px) solid var(--k-selectable-hover, var(--k-ui-color-neutral-light))}.k-selectable:not(.k-selectable--selected):focus-within{outline:var(--k-selectable-outline-width, 4px) solid var(--k-ui-outline-color)}.k-selectable--selected:focus-within{outline-color:var(--k-selectable-accent-focus, var(--k-ui-color-primary-lightest))}.k-selectable__checked{position:absolute;top:7px;right:7px;border-radius:var(--k-ui-rounding-full);border:1px solid transparent;z-index:1;color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;pointer-events:none}.k-selectable__checked svg{display:none}.k-selectable--multiple .k-selectable__checked{border-radius:var(--k-ui-rounding)}.k-selectable--selected{outline:var(--k-selectable-outline-width, 4px) solid var(--k-selectable-accent, var(--k-ui-color-primary-darkest))}.k-selectable--selected .k-selectable__checked{border-color:var(--k-selectable-accent, var(--k-ui-color-primary-darkest));background-color:var(--k-selectable-accent, var(--k-ui-color-primary-darkest));visibility:visible}.k-selectable--selected .k-selectable__checked svg{display:block}.k-rangeslider [data-part=thumb]{background:var(--k-rangeslider-thumb-background, white);border:var(--k-rangeslider-thumb-border-width, 1px) solid var(--k-rangeslider-thumb-border-color, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 10%)));border-radius:9999px;width:var(--k-rangeslider-thumb-size, 24px);height:var(--k-rangeslider-thumb-size, 24px);box-shadow:var(--k-ui-shadow)}.k-rangeslider [data-part=thumb]:focus-visible{outline:none;border-color:var(--k-ui-outline-color)}.k-rangeslider [data-part=track]{background:var(--k-rangeslider-track-background, var(--k-ui-color-neutral-light));height:var(--k-rangeslider-track-height, 8px);border-radius:9999px;flex:1}.k-rangeslider [data-part=control]{position:relative;align-items:center;display:flex}.k-rangeslider [data-part=range]{background:var(--k-rangeslider-range-background, var(--k-ui-color-primary));height:100%;border-radius:inherit}.k-rangeslider [data-part=track]{color:gray}.k-rangeslider [data-part=track][data-state=under-value]{color:#00f}.k-rangeslider [data-part=marker]{height:var(--k-rangeslider-marker-height, 8px);width:1px;margin-top:calc(var(--k-rangeslider-thumb-size, 24px) / 2);background-color:var(--k-rangeslider-range-background, var(--k-ui-color-primary))}.k-rangeslider [data-part=marker]:after{display:block;position:absolute;font-size:.8em;transform:translate(-50%,70%);color:var(--k-rangeslider-marker-background, var(--k-ui-color-neutral));content:attr(data-value)}.k-rangeslider [data-part=marker][data-state=over-value],.k-rangeslider [data-part=marker][data-state=under-value]{background-color:var(--k-rangeslider-marker-background, var(--k-ui-color-neutral))}.k-slider [data-part=thumb]{background:var(--k-slider-thumb-background, white);border:var(--k-slider-thumb-border-width, 1px) solid var(--k-slider-thumb-border-color, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 10%)));border-radius:9999px;width:var(--k-slider-thumb-size, 24px);height:var(--k-slider-thumb-size, 24px);box-shadow:var(--k-ui-shadow);z-index:1}.k-slider [data-part=thumb]:focus-visible{outline:none;border-color:var(--k-ui-outline-color)}.k-slider [data-part=thumb]:active+[data-part=value-text]{translate:-50% 0;opacity:1}.k-slider [data-part=value-text]{pointer-events:none;position:absolute;bottom:calc(100% + 1.25rem);left:var(--slider-thumb-offset-0);border:1px solid var(--k-ui-outline-color);display:grid;place-items:center;border-radius:var(--k-ui-rounding-lg);box-shadow:var(--k-ui-shadow);background-color:#fff;padding:.25em .75em;white-space:nowrap;translate:-50% 25%;opacity:0;transition-property:translate,opacity;transition-duration:.1s;transition-timing-function:ease;z-index:1}.k-slider [data-part=value-text]:before{content:"";display:block;width:10px;height:10px;position:absolute;border:inherit;background-color:inherit;rotate:135deg;bottom:-5px;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 0%)}.k-slider [data-part=track]{background:var(--k-slider-track-background, var(--k-ui-color-neutral-light));height:var(--k-slider-track-height, 8px);border-radius:9999px;flex:1}.k-slider [data-part=control]{position:relative;align-items:center;display:flex}.k-slider [data-part=range]{background:var(--k-slider-range-background, var(--k-ui-color-primary));height:100%;border-radius:inherit}.k-slider [data-part=marker-group]{height:calc(var(--k-slider-marker-height, 10px) * 5)}.k-slider [data-part=marker]{height:var(--k-slider-marker-height, 10px);width:1px;margin-top:calc(var(--k-slider-thumb-size, 24px) / 2);background-color:var(--k-slider-marker-background, var(--k-ui-color-neutral))}.k-slider [data-part=marker]:after{display:block;position:absolute;font-size:.8em;padding:4px 8px;border-radius:9999px;margin-top:calc(var(--k-slider-marker-height, 10px) * 1.5);translate:-50% 0%;content:attr(data-value);white-space:nowrap}.k-slider [data-part=marker][data-state=under-value],.k-slider [data-part=marker][data-state=at-value]{background-color:var(--k-slider-range-background, var(--k-ui-color-primary))}.k-slider.k-slider--marker-highlight [data-state=at-value]:after{font-weight:700;color:#fff;background-color:var(--k-slider-range-background, var(--k-ui-color-primary))}.k-dropdown{z-index:var(--k-dropdown-z-index, 10);min-width:200px;border-radius:var(--k-dropdown-border-radius, var(--k-ui-rounding-lg));padding:var(--k-dropdown-spacing, var(--k-ui-spacing-xxs));background-color:#fff;display:flex;flex-direction:column}.k-dropdown--theme-shadow{box-shadow:var(--k-dropdown-shadow, var(--k-ui-shadow-lg))}.k-dropdown--theme-border{border:1px solid var(--k-dropdown-border, var(--k-ui-color-neutral))}.k-dropdown-enter-active{transition:opacity .2s}.k-dropdown-enter-from{opacity:0}.k-dropdown .k-button:focus-visible{outline-offset:0}.k-datatable{width:100%;display:grid;position:relative;grid-template-columns:var(--k-datatable-layout)}.k-datatable--sticky .k-datatable__row:first-child .k-datatable__cell{z-index:2;position:sticky;top:var(--k-datatable-sticky-top);border-bottom:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable:not(.k-datatable--no-header) .k-datatable__row:first-child{background-color:#fff;font-size:.8em;text-align:left}.k-datatable__cell{display:flex;align-items:center;padding:.75rem}.k-datatable__cell--text-align-start{justify-content:flex-start}.k-datatable__cell--text-align-center{justify-content:center}.k-datatable__cell--text-align-end{justify-content:flex-end}.k-datatable__cell-sort{cursor:pointer;vertical-align:middle}.k-datatable__cell-sort-icon{opacity:0;margin-left:.25rem}.k-datatable__cell-sort:not(.k-datatable__cell-sort--active):hover .k-datatable__cell-sort-icon{opacity:.3}.k-datatable__cell-sort--active .k-datatable__cell-sort-icon{opacity:1}.k-datatable__cell-actions{padding:0;position:relative}.k-datatable__row{display:contents}.k-datatable__row:hover .k-datatable__cell-actions .button-group,.k-datatable__row:focus-within .k-datatable__cell-actions .button-group{display:flex}.k-datatable__row-wrapper{display:contents}.k-datatable--default .k-datatable__row:nth-child(odd) .k-datatable__cell{background-color:var(--k-datatable-odd-color, hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), calc(var(--k-ui-color-neutral-lightest-l) + 1%)))}.k-datatable--border .k-datatable__row:not(:last-child) .k-datatable__cell{border-bottom:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable--border .k-datatable__row:first-child .k-datatable__cell{background-color:inherit}.k-datatable__footer{position:sticky;bottom:0;width:100%;padding:.75rem;display:flex;align-items:center;gap:1rem;grid-column:1/-1;font-size:var(--k-ui-font-size-sm);background-color:#fff;animation:fadeInUp .2s ease-out;border-top:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable--default .k-datatable__footer{background-color:#f5f5f5}.k-datatable-footer-enter-active,.k-datatable-footer-leave-active{transition:.2s ease-out}.k-datatable-footer-enter-from,.k-datatable-footer-leave-to{transform:translateY(100%);opacity:0}.k-navigation-item__list{display:flex;flex-direction:column}.k-navigation-item__list-parent{font-size:1.1em}.k-navigation{border-bottom:1px solid var(--k-navigation-border-color, var(--k-ui-color-neutral-light));padding:var(--k-navigation-padding, var(--k-ui-spacing));transition:opacity .5s ease-out}.k-navigation--initializing{position:absolute;opacity:0}.k-navigation--responsive{max-height:100vh;overflow-y:auto}.k-navigation--responsive nav{flex-wrap:wrap}.k-navigation nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--k-navigation-max-width, 1200px);margin-inline:auto;width:100%}.k-navigation [active=true]{background-color:var(--k-navigation-active-background, var(--k-ui-color-neutral-lightest))}.k-navigation__logo{display:flex}.k-navigation__logo .k-button{padding-block:0;padding-inline:0}.k-navigation__logo .k-button:hover{background-color:transparent}.k-navigation__logo .k-image{height:var(--k-navigation-logo-height, 30px)}.k-navigation__logo [active=true]{background-color:initial}.k-navigation__bars{display:none}.k-navigation--bar-menu .k-navigation__bars,.k-navigation--responsive .k-navigation__bars{display:block}.k-navigation__items{display:flex;align-items:center;gap:var(--k-navigation-gap, 1rem)}.k-navigation--responsive .k-navigation__items{flex-direction:column;align-items:initial;margin-top:20px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}}.k-navigation--responsive:not(.k-navigation--expanded) .k-navigation__items-wrapper{display:none}.k-navigation--responsive .k-navigation__items-wrapper{width:100vw}.k-navigation--expanded .k-navigation__bars{order:2}.k-navigation--expanded .k-navigation__items-wrapper{order:3}.k-navigation--bar-menu.k-navigation--expanded{--__k-navigation-background-color: rgb(255, 255, 255);background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));overflow-y:initial}@keyframes navigation-expanded{0%{transform:translateY(-10px);opacity:1}}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__bars{background-color:transparent}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items-wrapper{background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));animation-name:navigation-expanded;animation-duration:.5s;height:100vh}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items-wrapper{width:100%;padding:var(--k-navigation-padding, var(--k-ui-spacing));margin-top:0;padding-top:0;background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));left:0;position:fixed;top:calc(var(--k-navigation-nav-height) - var(--k-navigation-nav-height-offset, 0px))}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items{max-height:100vh;overflow-y:auto;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-width:var(--k-navigation-max-width, 1200px);width:100%;gap:var(--k-navigation-item-gap, 3rem);align-items:flex-start!important}@media (max-width: 767px){.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items{grid-template-columns:1fr;gap:var(--k-navigation-item-gap, 1rem)}}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items .k-button{max-height:fit-content}@media (max-width: 767px){.k-navigation--bar-menu.k-navigation--expanded .k-navigation-item__list--placement-default{height:100%;padding-bottom:var(--k-navigation-item-gap, 1rem);border-bottom:1px solid currentColor}}.k-radiogroup--variant-radio{display:flex;align-items:flex-start;gap:var(--k-radiogroup-gap, var(--k-ui-spacing-xs));border-radius:var(--k-ui-rounding-sm)}.k-radiogroup--variant-radio:focus-within{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:8px}.k-radiogroup--variant-radio.k-radiogroup--direction-horizontal{flex-direction:row;flex-wrap:wrap}.k-radiogroup--variant-radio.k-radiogroup--direction-vertical{flex-direction:column}.k-radiogroup--variant-radio [data-part=label]{display:block;width:100%}.k-formcontrol .k-radiogroup--variant-radio [data-part=label]{visibility:hidden;width:0;height:0;position:absolute}.k-radiogroup--variant-radio label{display:flex;align-items:center;flex-direction:row-reverse;gap:.5rem;cursor:pointer}.k-radiogroup--variant-radio label[data-disabled]{cursor:not-allowed}.k-radiogroup--variant-radio [data-part=item-control]{display:flex;justify-content:center;align-items:center;width:var(--k-radiogroup-size, 1.25rem);height:var(--k-radiogroup-size, 1.25rem);border-radius:999px;border:1px solid var(--k-radiogroup-border-color, var(--k-ui-color-neutral))}.k-radiogroup--variant-radio [data-part=item-control] svg{display:none;width:50%}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked]{border-width:calc(var(--k-radiogroup-size, 1.25rem) / 3)}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked] svg{display:initial}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked]:not([data-disabled]){background-color:#fff;border-color:var(--k-radiogroup-accent, var(--k-ui-color-primary-darkest))}.k-radiogroup--variant-radio [data-part=item-control][data-disabled]{background-color:var(--k-radiogroup-background-disabled, var(--k-ui-color-neutral-light));border-color:var(--k-radiogroup-accent-disabled, var(--k-ui-color-neutral))}.k-radiogroup--variant-radio [data-part=item-control][data-disabled]:not([data-state=checked]){border-width:0}.k-radiogroup--variant-segment{display:flex;background-color:var(--k-radiogroup-segment-background, var(--k-ui-color-neutral-lightest));border-radius:var(--k-radiogroup-segment-border-radius, var(--k-ui-rounding));padding:var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs))}.k-radiogroup--variant-segment [data-disabled]{cursor:not-allowed;color:#0000004d}.k-radiogroup--variant-segment:focus-within{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-radiogroup--variant-segment [data-part=indicator]{background-color:var(--k-radiogroup-segment-indicator-background, white);box-shadow:var(--k-ui-shadow);border-radius:inherit;height:var(--height);width:var(--width);top:var(--top);left:var(--left)}.k-radiogroup--variant-segment [data-part=item]{-webkit-user-select:none;user-select:none;cursor:pointer;padding-block:var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs));padding-inline:calc(var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs)) * 2);white-space:nowrap;z-index:1}.k-grid{display:grid;grid-template-columns:var(--k-grid-columns);grid-template-rows:var(--k-grid-rows);gap:var(--k-grid-gap);align-items:var(--k-grid-align);grid-template-areas:var(--k-grid-areas)}.k-grid>.k-grid-span-full{grid-column:1/-1}.k-grid>*{grid-area:var(--k-grid-item-area);align-self:var(--k-grid-item-align-self)}.k-flex{display:flex;flex-direction:var(--k-flex-direction);justify-content:var(--k-flex-justify);align-items:var(--k-flex-align);flex-wrap:var(--k-flex-wrap);gap:var(--k-flex-gap)}.k-flex-grow{flex-grow:1}.k-scroller{overflow:auto}.k-scroller--appearance-shadow{background:linear-gradient(var(--k-scroller-background, transparent) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--k-scroller-background, transparent) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#0000001a,#0000),radial-gradient(farthest-side at 50% 100%,#0000001a,#0000) 0 100%;background-repeat:no-repeat;background-color:var(--k-scroller-background, transparent);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.k-scroller--appearance-indicator .k-scroller__indicator{position:sticky;opacity:0;color:#414141;border:1px solid #e1e1e1;background-color:#fffffff5;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:35px;z-index:1;pointer-events:none;border-radius:20px 0 0 20px;transform-origin:center;transition:opacity .1s ease}.k-scroller--appearance-indicator .k-scroller__indicator svg{width:.375em;font-size:40px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{transform:translate(-20%);opacity:.4}50%{transform:translate(20%);opacity:1}}.k-scroller--appearance-indicator.k-scroller--scrolled-to-left .k-scroller__indicator{opacity:1;left:100%;top:50%;transform:translate(-100%,-50%) rotate(0)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-right .k-scroller__indicator{opacity:1;left:0;top:50%;transform:translateY(-50%) rotate(180deg)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-top .k-scroller__indicator{opacity:1;left:50%;top:100%;transform:translate(-50%,-100%) rotate(90deg)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-bottom .k-scroller__indicator{opacity:1;left:50%;top:0;transform:translate(-50%) rotate(-90deg)}.k-scroller.k-flex-grow{height:0}.k-dialog__container{overflow-y:auto;position:fixed;inset:0;display:flex;justify-content:center}.k-dialog__container.k-dialog--align-top{align-items:flex-start}.k-dialog__container.k-dialog--align-center{align-items:center}.k-dialog__card{position:relative;margin:var(--k-dialog-card-margin-desktop, var(--k-ui-spacing-xl));max-width:var(--k-dialog-max-width, 80ch);min-width:var(--k-dialog-min-width, 400px);animation:dialogCardAppear .4s var(--k-dialog-easing, cubic-bezier(.075, .82, .165, 1))}.k-dialog__card-header{margin-block-end:var(--k-dialog-header-margin, var(--k-ui-spacing-lg))}@media (width < 800px){.k-dialog__card{margin:var(--k-dialog-card-margin-mobile, var(--k-ui-spacing-sm))}}.k-dialog__title{font-size:1rem;margin-block:0 .25rem}.k-dialog__description{color:var(--k-dialog-description-color, var(--k-ui-color-neutral-dark))}.k-dialog__backdrop{background-color:var(--k-dialog-backdrop-background, rgba(0, 0, 0, .3));position:fixed;inset:0;animation:dialogBackdropAppear .15s ease-out}.k-dialog__close-trigger{position:absolute;inset-block-start:var(--k-dialog-close-trigger-offset, var(--k-ui-spacing-sm));inset-inline-end:var(--k-dialog-close-trigger-offset, var(--k-ui-spacing-sm))}@keyframes dialogCardAppear{0%{opacity:0;translate:0 var(--k-dialog-animation-translation-distance, calc(var(--k-ui-spacing-lg) * -1));scale:.95}}@keyframes dialogBackdropAppear{0%{opacity:0}}.k-alertdialog__actions{width:100%}.k-media-thumbnail-actions{display:flex;flex-direction:column;gap:var(--k-media-thumbnail-actions-gap, var(--k-ui-spacings-xxs));font-size:.8em;position:absolute;top:-5px;right:-5px;transition:opacity .15s ease-out,transform .15s ease-out}.k-media-thumbnail-actions>*{aspect-ratio:1/1;height:var(--k-media-thumbnail-actions-height, 22px);color:#fff;display:flex;justify-content:center;align-items:center;font-size:var(--k-media-thumbnail-actions-font-size, var(--k-ui-font-size-xs));border-radius:var(--k-media-thumbnail-actions-border-radius, 50%);cursor:pointer}@media (hover: hover){.k-media-thumbnail-actions{opacity:0;transform:translateY(50%)}}.k-media-thumbnail-actions__delete{background-color:var(--k-media-thumbnail-actions-danger, var(--k-ui-color-danger))}.k-media-thumbnail-actions__download{background-color:var(--k-media-thumbnail-actions-primary, var(--k-ui-color-primary))}.k-media-thumbnail{position:relative}.k-media-thumbnail__item{background-color:var(--k-media-thumbnail-background-color, var(--k-ui-color-neutral-lightest));cursor:pointer;border:var(--k-media-thumbnail-border-width, 1px) solid var(--k-media-thumbnail-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-media-thumbnail-border-radius, var(--k-ui-rounding-sm))}.k-media-thumbnail__item--selected{border-color:var(--k-media-thumbnail-selected-border-color, var(--k-ui-color-primary-light));box-shadow:var(--k-media-thumbnail-box-shadow, var(--k-ui-shadow))}@media (hover: hover){.k-media-thumbnail:hover .k-media-thumbnail-actions{opacity:1;transform:translateY(0)}}[data-id=k-media-type-selector-dialog]{width:700px}.k-media-type-selector{display:flex;font-size:.9em;flex-direction:column;align-items:center}.k-media-type-selector .k-button:hover{background-color:hsl(var(--k-ui-color-neutral-lightest-h),var(--k-ui-color-neutral-lightest-s),calc(var(--k-ui-color-neutral-lightest-l) - 2%))}.k-media-type-selector__info{margin-bottom:.5rem}.k-media-description{position:absolute;bottom:.5rem;left:.5rem;width:calc(100% - 1rem);padding:.5rem .75rem;text-align:left;font:inherit;border-radius:var(--k-ui-rounding-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3;transition:.15s ease-out;text-overflow:ellipsis;z-index:1}@media (hover: hover){.k-media-description{transform:translateY(1rem);opacity:0}}.k-media-droparea:hover .k-media-description,.k-media-description:focus-visible{opacity:1;transform:translateY(0)}.k-media-description:focus-visible{outline:1px solid var(--k-ui-color-primary)}.k-media-uploader{position:absolute;top:0;font-size:.7em;font-weight:700;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:200px;padding:1rem;border:1px solid var(--k-media-uploader-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-media-uploader-border-radius, var(--k-ui-rounding-sm));background-color:#fff}.k-media-uploader__bar{flex-grow:1;height:5px;margin:0 1rem;border-radius:var(--k-media-uploader-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-media-uploader-border-color, var(--k-ui-color-neutral-light))}.k-media-uploader__bar-value{height:inherit;transition:width .1s ease;border-radius:inherit;background-color:var(--k-media-uploader-primary, var(--k-ui-color-primary))}.k-media-uploader__meta{display:flex;align-items:center}.k-media-uploader__meta>*+*{margin-left:5px}.k-media-droparea{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border:var(--k-media-droparea-border-width, 2px) dashed var(--k-media-droparea-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-media-droparea-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-media-droparea-background-color, var(--k-ui-color-neutral-lightest));background-repeat:no-repeat;background-position:center;flex-grow:1;min-height:150px;height:100%;flex-direction:column}.k-media-droparea b{color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}.k-media-droparea:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;background-color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}@media (hover: hover){.k-media-droparea:hover .k-media-thumbnail-actions{opacity:1;transform:translateY(0)}}.k-media-droparea--active{border-color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}.k-media-droparea--active:before{opacity:.15}.k-media-droparea--active iframe{display:none}.k-media-droparea--invalid{cursor:not-allowed;color:var(--k-media-droparea-danger, var(--k-ui-color-danger));border-color:var(--k-media-droparea-danger, var(--k-ui-color-danger));background-image:none!important}.k-media-droparea--invalid:before{opacity:.15;background-color:var(--k-media-droparea-danger, var(--k-ui-color-danger))}.k-media-droparea--invalid .k-media-droparea__instruction{background:transparent!important}.k-media-droparea--invalid iframe{display:none}.k-media-droparea--disabled{cursor:not-allowed;color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));border-color:var(--k-media-droparea-disabled, var(--k-ui-color-neutral-light))}.k-media-droparea--disabled b{color:inherit}.k-media-droparea--disabled:before{opacity:.15;background-color:var(--k-media-droparea-disabled, var(--k-ui-color-neutral-light))}.k-media-droparea__instruction{position:absolute;max-width:75ch;font-size:.9em;transition:opacity .25s ease;text-align:center;z-index:1}@media (hover: hover){.k-media-droparea--selected .k-media-droparea__instruction{padding:1rem;opacity:0;border-radius:var(--k-media-droparea-border-radius, var(--k-ui-rounding-sm));background-color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.k-media-droparea:hover .k-media-droparea__instruction,.k-media-droparea--active .k-media-droparea__instruction{opacity:1}.k-media-droparea__input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.k-media-droparea__input[type=text]{z-index:-1;pointer-events:none}.k-media-droparea__input:disabled{cursor:not-allowed}.k-media-droparea .k-media-uploader{margin-top:1rem}.k-media--inside .k-media-droparea .k-media-uploader{position:absolute;top:0;right:0;margin-top:2rem;margin-right:2rem}.k-media-image__thumbnail{position:relative;background-position:center;background-size:cover}.k-media-image-preview{text-align:center;background-repeat:no-repeat;background-position:center;border-radius:inherit;background-origin:content-box;flex-grow:1;height:100%;width:100%}.k-media{position:relative;display:flex;flex-direction:column;text-align:left}.k-media__label{font-weight:700}.k-media__label-required:after{margin-left:.2em;content:"*";color:var(--k-media-danger, var(--k-ui-color-danger))}.k-media__label-wrapper{margin-bottom:.5em}.k-media__sublabel{font-size:.9em;display:block;opacity:.5}.k-media__thumbnails{display:flex;flex-wrap:wrap;margin-top:.5rem;gap:var(--k-media-gap, var(--k-ui-spacings-xs))}.k-media--placement-inside .k-media__thumbnails{position:absolute;right:2rem;bottom:2rem}[data-id=k-selector-dialog] .k-dialog__card-header{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}.k-selector__input{cursor:pointer;position:relative;height:100%;padding:1.1em;border:1px solid var(--k-ui-color-neutral);border-radius:var(--k-ui-rounding)}.k-selector__modal-sidebar{padding-right:2rem;margin-right:2rem;border-right:1px solid var(--k-ui-color-neutral)}.k-selector__modal-content{display:flex;flex-direction:column;gap:1rem}.k-selector__items{max-height:450px;overflow-y:scroll;background:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#0000001a,#0000),radial-gradient(farthest-side at 50% 100%,#0000001a,#0000) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;-ms-overflow-style:none}.k-selector__items::-webkit-scrollbar{width:6px}.k-selector__items::-webkit-scrollbar-thumb{background:var(--k-ui-color-neutral);border-radius:50px}.k-selector__items::-webkit-scrollbar-thumb:hover{background:hsl(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),calc(var(--k-ui-color-neutral-l) - 10%))}.k-selector__items::-webkit-scrollbar-track{background:transparent}.k-selector__item{cursor:pointer;padding:.5rem;transition:background-color .15s ease,border-color .15s ease;border-radius:var(--k-ui-rounding);border:1px solid transparent}.k-selector__item:not(.k-selector__item--selected):hover{background-color:hsla(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),var(--k-ui-color-neutral-l),.3);border-color:hsla(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),var(--k-ui-color-neutral-l),.3)}.k-selector__item--selected{background-color:hsla(var(--k-ui-color-primary-h),var(--k-ui-color-primary-s),var(--k-ui-color-primary-l),.2);border-color:hsla(var(--k-ui-color-primary-h),var(--k-ui-color-primary-s),var(--k-ui-color-primary-l),.4)}.k-selector__item--disabled{cursor:not-allowed}.k-switch{display:flex;align-items:center;cursor:pointer;gap:.5rem}.k-switch[data-disabled]{cursor:not-allowed;opacity:var(--k-ui-opacity-faded)}.k-switch:focus-within [data-part=control]{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-switch [data-part=label]{line-height:0}.k-switch [data-part=control]{display:inline-flex;flex-shrink:0;justify-content:flex-start;box-sizing:content-box;cursor:inherit;border-radius:var(--k-switch-border-radius, var(--k-ui-rounding-full));padding:var(--k-switch-offset, .125rem);width:var(--k-switch-width, 2rem);height:var(--k-switch-height, 1rem);background:var(--k-switch-background, var(--k-ui-color-neutral));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s}.k-switch [data-part=control][data-state=checked]{background:var(--k-switch-background-checked, var(--k-ui-color-primary))}.k-switch [data-part=control] [data-part=thumb]{background:#fff;border-radius:inherit;width:var(--k-switch-height, 1rem);height:var(--k-switch-height, 1rem);transition-property:transform;transition-duration:.2s}.k-switch [data-part=control] [data-part=thumb][data-state=checked]{transform:translate(calc(var(--k-switch-width, 2rem) - var(--k-switch-height, 1rem)))}.k-file-uploader{font-size:.7em;font-weight:700;padding:1rem;border:1px solid var(--k-file-uploader-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-uploader-border-radius, var(--k-ui-rounding-sm));background-color:#fff}.k-file-uploader__bar{flex-grow:1;height:5px;margin:0 1rem;border-radius:var(--k-file-uploader-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-uploader-border-color, var(--k-ui-color-neutral-light))}.k-file-uploader__bar-value{height:inherit;transition:width .1s ease;border-radius:inherit;background-color:var(--k-file-uploader-primary, var(--k-ui-color-primary))}.k-file-uploader__meta{display:flex;align-items:center}.k-file-uploader__meta>*+*{margin-left:5px}.k-file-droparea{position:relative;display:flex;align-items:center;flex-grow:1;justify-content:center;text-align:center;padding:1.5rem 1rem;transition:background-color .15s ease-out,border-color .15s ease-out;border:var(--k-file-droparea-border-width, 2px) dashed var(--k-file-droparea-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-droparea-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-droparea-background-color, var(--k-ui-color-neutral-lightest));background-repeat:no-repeat;background-position:center;background-origin:content-box}.k-file-droparea b{color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;background-color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea--active{border-color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea--active:before{opacity:.15}.k-file-droparea--invalid{cursor:not-allowed;color:var(--k-file-droparea-danger, var(--k-ui-color-danger));border-color:var(--k-file-droparea-danger, var(--k-ui-color-danger))}.k-file-droparea--invalid:before{opacity:.15;background-color:var(--k-file-droparea-danger, var(--k-ui-color-danger))}.k-file-droparea--disabled{cursor:not-allowed;color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));border-color:var(--k-file-droparea-disabled, var(--k-ui-color-neutral-light))}.k-file-droparea--disabled b{color:inherit}.k-file-droparea--disabled:before{opacity:.15;background-color:var(--k-file-droparea-disabled, var(--k-ui-color-neutral-light))}.k-file-droparea__instruction{font-size:.9em;transition:opacity .25s ease}.k-file-droparea__input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.k-file__thumbnail{line-height:1;position:relative;display:flex;align-items:center;gap:var(--k-file-thumbnail-spacing, var(--k-ui-spacing));padding:var(--k-file-thumbnail-spacing, var(--k-ui-spacing));border:1px solid var(--k-file-thumbnail-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-thumbnail-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-thumbnail-background-color, white);color:inherit}.k-file__thumbnail--clickable{cursor:pointer}.k-file__thumbnail-sort{cursor:grab}.k-file__thumbnail-icon .svg-inline--fa{font-size:1.5em;opacity:.5}.k-file__thumbnail-name{font:inherit;font-weight:700;transition:background-color .15s ease-out;color:inherit;border:none;border-radius:var(--k-file-thumbnail-border-radius, var(--k-ui-rounding-sm));background-color:transparent}.k-file__thumbnail-name:hover:not(:disabled){background-color:var(--k-file-thumbnail-border-color, var(--k-ui-color-neutral-light))}.k-file__thumbnail-info{display:flex;flex-direction:column;flex-grow:1}.k-file__thumbnail-info-footer{display:flex;align-items:center;margin-top:.2rem}.k-file__thumbnail-size{font-size:.8em;margin-right:calc(var(--k-file-thumbnail-spacing, var(--k-ui-spacing)) / 2);opacity:.75}.k-file__thumbnail-download{font-size:.85em;transition:opacity .15s ease-out,color .15s ease-out;opacity:.5;color:inherit}.k-file__thumbnail-download:hover{opacity:1;color:var(--k-file-thumbnail-primary, var(--k-ui-color-primary))}.k-file__thumbnail-actions{font-size:1em;align-self:flex-start;margin-left:auto;transition:opacity .15s ease-out,transform .15s ease-out;transform:translate(0);opacity:1}@media (hover: hover){.k-file__thumbnail-actions{transform:translate(var(--k-file-thumbnail-spacing, var(--k-ui-spacing)));opacity:0}}.k-file__thumbnail:hover .k-file__thumbnail-actions{transform:translate(0);opacity:1}.k-file__thumbnail-actions>*+*{margin-top:calc(var(--k-file-thumbnail-spacing, var(--k-ui-spacing)) / 2)}.k-file__thumbnail-actions>*{cursor:pointer;transition:opacity .2s ease,color .2s ease;opacity:.75}.k-file__thumbnail-actions>*:hover{opacity:1}.k-file__thumbnail-delete{color:var(--k-file-thumbnail-danger, var(--k-ui-color-danger))}.k-file{display:flex;flex-direction:column;text-align:left}.k-file__label{font-weight:700}.k-file__label-required:after{margin-left:.2em;content:"*";color:var(--k-file-danger, var(--k-ui-color-danger))}.k-file__label-wrapper{margin-bottom:.5em}.k-file__sublabel{font-size:.9em;display:block;opacity:.5}.k-file__thumbnails{display:flex;flex-direction:column;gap:var(--k-file-gap, var(--k-ui-spacings-xs))}.k-file__thumbnails .sortable-ghost{opacity:0}.kvass-icon-selector{--__kvass-icon-selector-background-color: white;--__kvass-icon-selector-trigger-padding-y: 1rem;--__kvass-icon-selector-trigger-padding-x: 1rem;--__kvass-icon-selector-border-width: 1px;--__kvass-icon-selector-border-style: solid;--__kvass-icon-selector-border-color: #eaeaea;--__kvass-icon-selector-border-radius: 6px;--__kvass-icon-selector-max-width: 100%;--__kvass-icon-selector-label-color: currentColor;--__kvass-icon-selector-label-weight: 400;--__kvass-icon-selector-transition-easing: ease-out;--__kvass-icon-selector-transition-duration: .1s;--__kvass-icon-selector-z-index: 1009;max-width:var(--kvass-icon-selector-max-width, var(--__kvass-icon-selector-max-width))}.kvass-icon-selector__trigger{cursor:pointer;font:inherit;text-align:start;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--kvass-icon-selector-padding-x, var(--__kvass-icon-selector-padding-x));background-color:var(--kvass-icon-selector-background-color, var(--__kvass-icon-selector-background-color));padding:var(--kvass-icon-selector-trigger-padding-y, var(--__kvass-icon-selector-trigger-padding-y)) var(--kvass-icon-selector-trigger-padding-x, var(--__kvass-icon-selector-trigger-padding-x));border:var(--kvass-icon-selector-border-width, var(--__kvass-icon-selector-border-width)) var(--kvass-icon-selector-border-style, var(--__kvass-icon-selector-border-style)) var(--kvass-icon-selector-border-color, var(--__kvass-icon-selector-border-color));border-radius:var(--kvass-icon-selector-border-radius, var(--__kvass-icon-selector-border-radius))}.kvass-icon-selector__trigger-icon{opacity:.5}.kvass-icon-selector .k-formcontrol__label{color:var(--kvass-icon-selector-label-color, var(--__kvass-icon-selector-label-color));font-weight:var(--kvass-icon-selector-label-weight, var(--__kvass-icon-selector-label-weight))}.kvass-icon-selector__footer{width:100%}.kvass-icon-selector__dialog .k-dialog{--k-dialog-max-width: 1000px;--k-dialog-min-width: 100px}.kvass-icon-selector__dialog .k-dialog__card{width:100%}.kvass-icon-selector__dialog .k-dialog__backdrop,.kvass-icon-selector__dialog .k-dialog__container{z-index:var(--kvass-icon-selector-z-index, var(--__kvass-icon-selector-z-index))}.kvass-icon-selector__header{position:sticky;top:0;background:var(--kvass-icon-selector-background-color, var(--__kvass-icon-selector-background-color));grid-column:1/-1}.kvass-icon-selector .fade-enter-active,.kvass-icon-selector .fade-leave-active{transition:all var(--kvass-icon-selector-transition-duration, var(--__kvass-icon-selector-transition-duration)) var(--kvass-icon-selector-transition-easing, var(--__kvass-icon-selector-transition-easing))}.kvass-icon-selector .fade-enter-from,.kvass-icon-selector .fade-leave-to{opacity:0}',hr={class:"kvass-icon-selector"},fr=["id"],_r={key:0},xr={class:"kvass-icon-selector__header"},yr={key:0,style:{"margin-bottom":"0"}},wr={key:1,style:{opacity:"0.5"}},zr={style:{"grid-column":"1 / -1","text-align":"center"}},Cr={style:{"grid-column":"1/-1",opacity:"0.5","letter-spacing":"0.5px","margin-block-end":"0.2rem"}},jr={class:"kvass-icon-selector__header"},Sr={key:0,style:{"margin-bottom":"0"}},Ir={key:1,style:{opacity:"0.5","margin-block":"0.5rem 1.5rem"}},$r={__name:"IconSelector.ce",props:{apiUrl:{type:String,default:"https://icons.ui.kvass.no"},value:String,default:String,defaultSearch:String,label:String,collections:{type:String,default:"fa-pro-solid,fa-pro-light,fa-pro-regular,fa-pro-brands,fa-pro-duotone"},searchPlaceholder:{type:String,default:c("iconSelectWidgetHelpText")},featuredIcons:String},setup(o){const n=o,{getCollections:g,getIcons:y}=cr(n.apiUrl),m=w(),t=w(),p=w(),f=w(!1),B=O(()=>p.value?.length===v.value?.length),v=O(()=>f.value?p.value:p.value?.slice(0,400)),C=w((n.value||n.default||"").replaceAll('"',"")),_=w(""),d=w("");function E(){d.value="",_.value="",Y.value="",f.value=!1}function J(s){d.value=d.value===s?"":s}function K(){_.value&&(C.value=_.value)}const Q=lr();N(C,async s=>{s&&Q.value.dispatchEvent(new CustomEvent("webcomponent:update",{detail:s,bubbles:!0,composed:!0}))}),N(d,async s=>{s&&(t.value=await y({collection:s}),p.value=t.value.icons)}),X(async()=>{m.value=await g({collections:n.collections})});const Y=w(n.defaultSearch),L=nr(Y,500);N(L,async s=>{s!=null&&(t.value=await y({collection:d.value,collections:d.value||n.collections,search:s}),p.value=t.value.icons)},{immediate:!0});function F(s){return _.value===s||C.value===s&&!_.value}const W=w(n.featuredIcons?.split(",").map(s=>s.trim()));return(s,q)=>(a(),u("div",hr,[l(r(or),{class:"kvass-icon-selector__dialog",title:r(c)("selectIcon"),"close-on-outside-click":!1,teleport:!1,onClose:E},{trigger:i(({triggerProps:e})=>[l(r(ar),{label:o.label},{default:i(({id:h})=>[x("button",M({id:h,class:"kvass-icon-selector__trigger"},e),[C.value?(a(),b(r($),{key:1,icon:C.value,style:{"font-size":"1.25rem"}},null,8,["icon"])):(a(),u("span",_r)),l(r($),{icon:"tabler:selector",class:"kvass-icon-selector__trigger-icon"})],16,fr)]),_:2},1032,["label"])]),title:i(({titleProps:e})=>[x("strong",M(e,{style:{"margin-bottom":"1rem",display:"block"}}),k(r(c)("selectIcon")),17),l(r(er),{placeholder:o.searchPlaceholder,modelValue:Y.value,"onUpdate:modelValue":q[0]||(q[0]=h=>Y.value=h)},null,8,["placeholder","modelValue"])]),default:i(()=>[l(Z,{name:"fade",mode:"out-in"},{default:i(()=>[l(r(ir),{style:{"max-height":"50dvh"}},{default:i(()=>[Y.value?(a(),b(r(A),{key:0,gap:"0.5rem",columns:"repeat(auto-fill, minmax(2rem, 1fr))"},{default:i(()=>[l(r(z),null,{default:i(()=>[x("div",xr,[x("button",{onClick:E,style:{background:"none",border:"none",font:"inherit"}},[l(r($),{icon:"tabler:arrow-left"}),V(" "+k(r(c)("goBack")),1)]),d.value&&t.value.prefix?(a(),u("h3",yr,k(r(c)(t.value.prefix)),1)):j("",!0),t.value.total?(a(),u("p",wr,k(t.value.total)+" "+k(r(c)("iconsSelectWidgetIconsFound")),1)):j("",!0)])]),_:1}),r(L)&&v.value?.length?(a(!0),u(S,{key:0},I(v.value,e=>(a(),b(r(z),{key:e},{default:i(()=>[l(U,{icon:e,selected:F(e),onClick:h=>_.value=e},null,8,["icon","selected","onClick"])]),_:2},1024))),128)):v.value?.length?(a(),u(S,{key:2},I(100,e=>l(r(z),{key:e},{default:i(()=>[l(r(tr),{height:"2rem",width:"2rem",rounding:"6px"})]),_:2},1024)),64)):(a(),b(r(z),{key:1},{default:i(()=>[x("div",zr,k(r(c)("iconsSelectWidgetNoIconsMatchYourSearch")),1)]),_:1}))]),_:1})):d.value?t.value?(a(),b(r(A),{key:2,gap:"0",columns:"repeat(auto-fill, minmax(2.5rem, 1fr))"},{default:i(()=>[l(r(z),null,{default:i(()=>[x("div",jr,[x("button",{onClick:E,style:{background:"none",border:"none",font:"inherit"}},[l(r($),{icon:"tabler:arrow-left"}),V(" "+k(r(c)("goBack")),1)]),t.value.prefix?(a(),u("h3",Sr,k(r(c)(t.value.prefix)),1)):j("",!0),t.value.total?(a(),u("p",Ir,k(t.value.total)+" "+k(r(c)("icon",2)),1)):j("",!0)])]),_:1}),(a(!0),u(S,null,I(v.value,e=>(a(),b(r(z),{key:e},{default:i(()=>[l(U,{icon:`${d.value}:${e}`,selected:F(`${d.value}:${e}`),onClick:h=>_.value=`${d.value}:${e}`},null,8,["icon","selected","onClick"])]),_:2},1024))),128)),l(r(z),null,{default:i(()=>[l(r(R),{justify:"center",style:{"grid-column":"1/-1"}},{default:i(()=>[B.value?j("",!0):(a(),b(r(D),{key:0,variant:"secondary","icon-right":"tabler:loader",size:"small",onClick:q[1]||(q[1]=e=>f.value=!0),loading:f.value},{default:i(()=>[V(k(r(c)("loadAllElements")),1)]),_:1},8,["loading"]))]),_:1})]),_:1})]),_:1})):j("",!0):(a(),b(r(A),{key:1,gap:"1rem",columns:"repeat(auto-fill, minmax(200px, 1fr))"},{default:i(()=>[W.value?(a(),b(r(z),{key:0},{default:i(()=>[l(r(A),{style:{"grid-column":"1/-1","margin-block-end":"1rem"},gap:"0",columns:"repeat(auto-fill, minmax(2.5rem, 1fr))"},{default:i(()=>[x("small",Cr,k(r(c)("highlightedIcons")),1),(a(!0),u(S,null,I(W.value,e=>(a(),b(U,{icon:e,selected:F(e),onClick:h=>_.value=e},null,8,["icon","selected","onClick"]))),256))]),_:1})]),_:1})):j("",!0),(a(!0),u(S,null,I(m.value,(e,h)=>(a(),b(r(z),{key:h},{default:i(()=>[l(G,{collection:e,prefix:h,selected:d.value===h,onClick:Br=>J(h)},null,8,["collection","prefix","selected","onClick"])]),_:2},1024))),128))]),_:1}))]),_:1})]),_:1})]),footer:i(({close:e})=>[l(r(R),{align:"center",justify:"end",gap:"0.5rem",class:"kvass-icon-selector__footer"},{default:i(()=>[l(r(D),{onClick:e,variant:"tertiary"},{default:i(()=>[V(k(r(c)("cancel")),1)]),_:2},1032,["onClick"]),l(r(D),{onClick:()=>{K(),e()},variant:"primary"},{default:i(()=>[V(k(r(c)("confirm")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:1},8,["title"])]))}},P=T($r,[["styles",[mr]]]);P.styles=[...P.styles,...G.styles,...U.styles];customElements.define("kvass-icon-selector",rr(P));
1
+ import{v as r,_ as P,b as D,c as u,o as a,a as x,t as k,F as S,l as I,e as b,j as n,r as w,E as F,a6 as X,w as i,C as Y,B as Z,d as C,m as G,p as rr}from"./_plugin-vue_export-helper.js";import{V as $,z as M,B as N,m as ar,h as A,p as z,a as er,b as ir,G as or,T as tr}from"./index.es2.js";import{u as nr,r as lr}from"./index2.js";import{T as c}from"./index.js";function dr(o){const{uncategorized:l=[],categories:g={},icons:y=[]}=o,m=Object.entries(g).map(([t,p])=>p);return[...new Set([...y,...l,...m].flat().filter(Boolean))]}function R(o){if("limit"in o){const g=Object.entries(o.collections).map(([y,m])=>({key:y,value:m}))[0];return{title:c(g.key)||g.value.name,prefix:g.key,total:o.total,icons:o.icons}}return{title:c(o.prefix)||o.title,prefix:o.prefix,total:o.total,icons:dr(o)}}function cr(o){const l=r(o);async function g(m){const{collections:t}=m,p=new URLSearchParams;t&&p.set("prefixes",t);const f=await fetch(`${l}/collections?${p.toString()}`);if(!f.ok)throw new Error("Failed to fetch collections");return await f.json()}async function y(m){const{collection:t,collections:p,limit:f,search:B}=m,v=new URLSearchParams;if(B){v.set("query",B),p&&v.set("prefixes",p),f&&v.set("limit",f);const s=await fetch(`${l}/search?${v.toString()}`);if(!s.ok)throw new Error("Failed to fetch icons");const V=await s.json();return R(V)}t&&v.set("prefix",t);const j=await fetch(`${l}/collection?${v.toString()}`);if(!j.ok)throw new Error("Failed to fetch icons");const _=await j.json();return R(_)}return{getCollections:g,getIcons:y}}const sr=".kvass-icon-selector-collection{padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:transparent;border:1px solid #eaeaea;border-radius:6px;cursor:pointer}.kvass-icon-selector-collection:is(:hover,:focus-visible){border-color:silver}.kvass-icon-selector-collection__icons{display:flex;gap:.5rem}",kr={class:"kvass-icon-selector-collection"},ur={class:"kvass-icon-selector-collection__icons"},pr={__name:"Collection.ce",props:{collection:{type:Object,required:!0},prefix:{type:String,required:!0}},setup(o){const l=o,g=D(()=>c(l.prefix)||l.collection.name);return(y,m)=>(a(),u("button",kr,[x("span",null,k(g.value),1),x("div",ur,[(a(!0),u(S,null,I(o.collection.samples,t=>(a(),b(r($),{key:t,icon:`${o.prefix}:${t}`},null,8,["icon"]))),128))])]))}},H=P(pr,[["styles",[sr]]]),gr=".kvass-icon-selector-icon-button{appearance:none;font:inherit;font-size:1.5rem;padding:.5rem;border-radius:6px;border:none;background:none;display:grid;place-items:center;aspect-ratio:1}.kvass-icon-selector-icon-button[data-selected]{background:#000;color:#fff}.kvass-icon-selector-icon-button:is(:hover,:focus-visible):not([data-selected]){background:#eaeaea}",vr=["data-selected"],br={__name:"IconButton.ce",props:{icon:{type:String,required:!0},selected:Boolean},setup(o){return(l,g)=>(a(),u("button",{class:"kvass-icon-selector-icon-button","data-selected":o.selected?"":null},[n(r($),{icon:o.icon},null,8,["icon"])],8,vr))}},U=P(br,[["styles",[gr]]]),mr='.k-spinner{width:var(--k-spinner-width);aspect-ratio:1/1;border-radius:999px;display:inline-block;border:var(--k-spinner-border-width) solid transparent;border-left-color:currentColor;opacity:.4;animation:spin .5s linear infinite;position:relative;z-index:1}.k-spinner.k-spinner--size-small{--k-spinner-width: 1rem;--k-spinner-border-width: 1px}.k-spinner.k-spinner--size-medium{--k-spinner-width: 2rem;--k-spinner-border-width: 2px}.k-spinner.k-spinner--size-large{--k-spinner-width: 4rem;--k-spinner-border-width: 4px}@keyframes spin{to{rotate:1turn}}.k-button{font:inherit;position:relative;border:1px solid transparent;border-radius:var(--k-button-border-radius, var(--k-ui-rounding));cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap;line-height:1}.k-button__content{display:flex;align-items:center;justify-content:space-between;transition:opacity .15s ease,translate .15s ease}.k-button__icon{display:inline-flex}.k-button .k-spinner,.k-button__state-indicator{display:inline-block;position:absolute;top:50%;left:50%;translate:-50% -50%;width:1em;aspect-ratio:1}.k-button--full-width{width:100%}.k-button--variant-primary{background-color:var(--k-button-primary-background, var(--k-ui-color-primary));color:var(--k-button-primary-text, white)}.k-button--variant-primary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-primary-background-hover, var(--k-ui-color-primary-dark))}.k-button--variant-primary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-primary-background-active, var(--k-ui-color-primary-darkest))}.k-button--variant-secondary{border-color:var(--k-button-secondary-border, var(--k-ui-color-neutral));background-color:var(--k-button-secondary-background, transparent);color:var(--k-button-secondary-text, black)}.k-button--variant-secondary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-secondary-background-hover, var(--k-ui-color-neutral-lightest))}.k-button--variant-secondary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-secondary-background-active, var(--k-ui-color-neutral-light))}.k-button--variant-tertiary{background-color:var(--k-button-tertiary-background, transparent);color:var(--k-button-tertiary-text, black)}.k-button--variant-tertiary:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-tertiary-background-hover, var(--k-ui-color-neutral-lightest))}.k-button--variant-tertiary:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-tertiary-background-active, var(--k-ui-color-neutral-light))}.k-button--variant-danger{background-color:var(--k-button-danger-background, var(--k-ui-color-danger));color:var(--k-button-danger-text, white)}.k-button--variant-danger:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-danger-background-hover, var(--k-ui-color-danger-light))}.k-button--variant-danger:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-danger-background-active, var(--k-ui-color-danger-dark))}.k-button--variant-warning{background-color:var(--k-button-warning-background, var(--k-ui-color-warning));color:var(--k-button-warning-text, black)}.k-button--variant-warning:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-warning-background-hover, var(--k-ui-color-warning-light))}.k-button--variant-warning:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-warning-background-active, var(--k-ui-color-warning-dark))}.k-button--variant-success{background-color:var(--k-button-success-background, var(--k-ui-color-success));color:var(--k-button-success-text, white)}.k-button--variant-success:is(:hover,:focus-visible):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-success-background-hover, var(--k-ui-color-success-light))}.k-button--variant-success:is(:active,[aria-pressed=true]):not(:is([aria-busy=true],:disabled,.k-button--loading)){background-color:var(--k-button-success-background-active, var(--k-ui-color-success-dark))}.k-button--size-small{font-size:var(--k-button-small-font-size, .8em);padding-inline:var(--k-button-small-padding-inline, var(--k-ui-spacing-sm));padding-block:var(--k-button-small-padding-block, calc(var(--k-ui-spacing-sm) * .7))}.k-button--size-small .k-button__content{gap:calc(var(--k-button-small-padding-inline, var(--k-ui-spacing-sm)) / 2)}.k-button--size-medium{font-size:var(--k-button-medium-font-size, inherit);padding-inline:var(--k-button-medium-padding-inline, var(--k-ui-spacing));padding-block:var(--k-button-medium-padding-block, calc(var(--k-ui-spacing) * .7))}.k-button--size-medium .k-button__content{gap:calc(var(--k-button-medium-padding-inline, var(--k-ui-spacing)) / 2)}.k-button--size-large{font-size:var(--k-button-large-font-size, 1.2em);padding-inline:var(--k-button-large-padding-inline, var(--k-ui-spacing-lg));padding-block:var(--k-button-large-padding-block, calc(var(--k-ui-spacing-lg) * .7))}.k-button--size-large .k-button__content{gap:calc(var(--k-button-large-padding-inline, var(--k-ui-spacing-lg)) / 2)}.k-button--loading{cursor:wait}.k-button--busy .k-button__content{opacity:0;translate:0 .25rem}.k-button:is(:disabled,[disabled=disabled]){background-color:var(--k-ui-color-neutral-light);color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));cursor:not-allowed}.k-button:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-alert{padding:var(--k-alert-padding-x, var(--k-ui-spacing)) var(--k-alert-padding-y, var(--k-ui-spacing));border-radius:var(--k-alert-border-radius, var(--k-ui-rounding));border:var(--k-alert-border-width, 1px) solid;display:flex;align-items:center;gap:var(--k-alert-gap, var(--k-ui-spacing))}.k-alert__content{flex-grow:1}.k-alert__icon{display:flex;flex-shrink:0}.k-alert__icon .iconify{width:var(--k-alert-icon-size, 1.25rem);height:var(--k-alert-icon-size, 1.25rem)}.k-alert__title{margin-bottom:var(--k-ui-spacing-xs)}.k-alert__action{display:block;margin-top:var(--k-ui-spacing)}.k-alert--neutral{border-color:var(--k-alert-neutral-border, var(--k-ui-color-neutral));background:var(--k-alert-neutral-background, var(--k-ui-color-neutral-lightest));color:var(--k-alert-neutral-text, var(--k-ui-color-neutral-darkest))}.k-alert--neutral .k-alert__action{border-color:var(--k-alert-neutral-border, var(--k-ui-color-neutral));color:var(--k-alert-neutral-text, var(--k-ui-color-neutral-darkest))}.k-alert--neutral .k-alert__action:hover{background-color:#00000008}.k-alert--neutral .k-alert__action:active{background-color:#0000000d}.k-alert--info{border-color:var(--k-alert-info-border, var(--k-ui-color-info-light));background:var(--k-alert-info-background, hsl(var(--k-ui-color-info-lightest-h), var(--k-ui-color-info-lightest-s), calc(var(--k-ui-color-info-lightest-l) + 2%)));color:var(--k-alert-info-text, var(--k-ui-color-info-darkest))}.k-alert--info .k-alert__action{border-color:var(--k-alert-info-border, var(--k-ui-color-info-light));color:var(--k-alert-info-text, var(--k-ui-color-info-darkest))}.k-alert--info .k-alert__action:hover{background-color:#00000008}.k-alert--info .k-alert__action:active{background-color:#0000000d}.k-alert--danger{border-color:var(--k-alert-danger-border, var(--k-ui-color-danger-light));background:var(--k-alert-danger-background, var(--k-ui-color-danger-lightest));color:var(--k-alert-danger-text, var(--k-ui-color-danger-dark))}.k-alert--danger .k-alert__action{border-color:var(--k-alert-danger-border, var(--k-ui-color-danger-light));color:var(--k-alert-danger-text, var(--k-ui-color-danger-dark))}.k-alert--danger .k-alert__action:hover{background-color:#00000008}.k-alert--danger .k-alert__action:active{background-color:#0000000d}.k-alert--warning{border-color:var(--k-alert-warning-border, var(--k-ui-color-warning-light));background:var(--k-alert-warning-background, hsl(var(--k-ui-color-warning-lightest-h), var(--k-ui-color-warning-lightest-s), calc(var(--k-ui-color-warning-lightest-l) + 3%)));color:var(--k-alert-warning-text, var(--k-ui-color-warning-darkest))}.k-alert--warning .k-alert__action{border-color:var(--k-alert-warning-border, var(--k-ui-color-warning-light));color:var(--k-alert-warning-text, var(--k-ui-color-warning-darkest))}.k-alert--warning .k-alert__action:hover{background-color:#00000008}.k-alert--warning .k-alert__action:active{background-color:#0000000d}.k-alert--primary{border-color:var(--k-alert-primary-border, var(--k-ui-color-primary));background:var(--k-alert-primary-background, var(--k-ui-color-primary-lightest));color:var(--k-alert-primary-text, var(--k-ui-color-primary-darkest))}.k-alert--primary .k-alert__action{border-color:var(--k-alert-primary-border, var(--k-ui-color-primary));color:var(--k-alert-primary-text, var(--k-ui-color-primary-darkest))}.k-alert--primary .k-alert__action:hover{background-color:#00000008}.k-alert--primary .k-alert__action:active{background-color:#0000000d}.k-alert--success{border-color:var(--k-alert-success-border, var(--k-ui-color-success-light));background:var(--k-alert-success-background, hsl(var(--k-ui-color-success-lightest-h), var(--k-ui-color-success-lightest-s), calc(var(--k-ui-color-success-lightest-l) + 7%)));color:var(--k-alert-success-text, var(--k-ui-color-success-darkest))}.k-alert--success .k-alert__action{border-color:var(--k-alert-success-border, var(--k-ui-color-success-light));color:var(--k-alert-success-text, var(--k-ui-color-success-darkest))}.k-alert--success .k-alert__action:hover{background-color:#00000008}.k-alert--success .k-alert__action:active{background-color:#0000000d}.k-avatar{aspect-ratio:1;display:grid;place-items:center;border-radius:100%;box-shadow:inset 0 0 0 var(--k-avatar-border-width, 2px) var(--k-avatar-border-color, var(--k-ui-color-neutral));line-height:1;background-size:cover;background-repeat:no-repeat}.k-avatar--size-small{width:var(--k-avatar-small-width, 1.5rem);font-size:var(--k-avatar-small-font-size, .6rem)}.k-avatar--size-medium{width:var(--k-avatar-medium-width, 2.5rem);font-size:var(--k-avatar-medium-font-size, 1rem)}.k-avatar--size-large{width:var(--k-avatar-large-width, 4rem);font-size:var(--k-avatar-large-font-size, 1.8rem)}.k-badge{border-radius:var(--k-badge-border-radius, var(--k-ui-rounding));padding-inline:.7em;padding-block:.4em;font-size:var(--k-badge-font-size, var(--k-ui-font-size-sm));line-height:1;letter-spacing:.02rem;border-style:solid;display:inline-flex;align-items:center;gap:.4rem}.k-badge__icon{flex-shrink:0}.k-badge__dismiss{border:none;margin:0;padding:0;cursor:pointer;font-size:.8rem;background:none;color:inherit;display:flex;align-items:center;justify-content:center}.k-badge--rounded{border-radius:20rem}.k-badge--variant-neutral{background-color:var(--k-badge-neutral-background, var(--k-ui-color-neutral-lightest));border-color:var(--k-badge-neutral-border-color, var(--k-ui-color-neutral));color:var(--k-badge-neutral-text, var(--k-ui-color-neutral-darkest))}.k-badge--variant-neutral.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-neutral-text, var(--k-ui-color-neutral-darkest))}.k-badge--variant-info{background-color:var(--k-badge-info-background, var(--k-ui-color-info-lightest));border-color:var(--k-badge-info-border-color, var(--k-ui-color-info));color:var(--k-badge-info-text, var(--k-ui-color-info-darkest))}.k-badge--variant-info.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-info-text, var(--k-ui-color-info-darkest))}.k-badge--variant-success{background-color:var(--k-badge-success-background, var(--k-ui-color-success-lightest));border-color:var(--k-badge-success-border-color, var(--k-ui-color-success));color:var(--k-badge-success-text, var(--k-ui-color-success-darkest))}.k-badge--variant-success.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-success-text, var(--k-ui-color-success-darkest))}.k-badge--variant-warning{background-color:var(--k-badge-warning-background, var(--k-ui-color-warning-lightest));border-color:var(--k-badge-warning-border-color, var(--k-ui-color-warning));color:var(--k-badge-warning-text, var(--k-ui-color-warning-darkest))}.k-badge--variant-warning.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-warning-text, var(--k-ui-color-warning-darkest))}.k-badge--variant-danger{background-color:var(--k-badge-danger-background, var(--k-ui-color-danger-lightest));border-color:var(--k-badge-danger-border-color, var(--k-ui-color-danger));color:var(--k-badge-danger-text, var(--k-ui-color-danger-darkest))}.k-badge--variant-danger.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-danger-text, var(--k-ui-color-danger-darkest))}.k-badge--variant-primary{background-color:var(--k-badge-primary-background, var(--k-ui-color-primary-lightest));border-color:var(--k-badge-primary-border-color, var(--k-ui-color-primary));color:var(--k-badge-primary-text, var(--k-ui-color-primary-darkest))}.k-badge--variant-primary.k-badge--appearance-dot .k-badge__icon{color:var(--k-badge-primary-text, var(--k-ui-color-primary-darkest))}.k-badge--appearance-outline{border-width:1px;background-color:transparent}.k-badge--appearance-solid{border-width:0px}.k-badge--appearance-filled{border-width:1px}.k-badge--appearance-task{border-width:1px;background-color:transparent}.k-badge--appearance-task .k-badge__icon{font-size:.5em}.k-badge--appearance-dot{border-width:0px;background-color:transparent;color:inherit}.k-badge--appearance-dot .k-badge__icon{font-size:.5em}.k-checkbox{display:inline-flex;gap:.75rem;align-items:center;cursor:pointer}.k-checkbox:focus-within [data-part=control]{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}:is(.k-checkbox__input,.k-checkbox__label){cursor:inherit}.k-checkbox__label{display:block;line-height:1}.k-checkbox__label-required:after{margin-left:.2em;content:"*";color:var(--k-ui-color-danger)}.k-checkbox__help{opacity:var(--k-ui-opacity-faded)}.k-checkbox [data-part=label]{display:grid;gap:.25rem;translate:0 -1px}.k-checkbox [data-part=control]{display:flex;align-items:center;justify-content:center;width:var(--k-checkbox-size, 1.25rem);aspect-ratio:1;border:1px solid var(--k-checkbox-border-color, var(--k-ui-color-neutral));border-radius:var(--k-checkbox-border-radius, var(--k-ui-rounding-sm))}.k-checkbox [data-part=control] svg{display:none;width:50%}.k-checkbox[data-state=checked] [data-part=control] svg{display:initial}.k-checkbox[data-state=checked]:not([data-disabled]) [data-part=control]{background-color:var(--k-checkbox-accent, var(--k-ui-color-primary-darkest));border-color:var(--k-checkbox-accent, var(--k-ui-color-primary-darkest));color:var(--k-checkbox-accent-contrast, white)}.k-checkbox[data-disabled]{cursor:not-allowed}.k-checkbox[data-disabled] [data-part=control]{background-color:var(--k-checkbox-accent-disabled, var(--k-ui-color-neutral-light));border-color:var(--k-checkbox-accent-disabled, var(--k-ui-color-neutral-light))}.k-formcontrol{display:flex;flex-direction:column;gap:var(--k-formcontrol-gap, .5rem)}.k-formcontrol__help{opacity:.5}.k-formcontrol__label-required:after{margin-left:.2em;content:"*";color:var(--k-formcontrol-invalid-color, var(--k-ui-color-danger))}.k-formcontrol__error{color:var(--k-formcontrol-invalid-color, var(--k-ui-color-danger))}.k-filter-items{display:flex;gap:1rem;flex-wrap:wrap}.k-filter-type-range__header{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8em;margin-bottom:.25rem}.k-filter-type-range__header-label{display:flex;align-items:center;gap:.25rem}.k-filter-type-range__value{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.75rem}.k-filter-type-range__value-display{width:100%;display:flex;justify-content:space-between}.k-filter-type-range .k-rangeslider{--k-rangeslider-thumb-size: 1rem;width:100%;min-width:200px}.k-filter{padding:var(--k-filter-padding, 1rem 0)}.k-input{line-height:1;border-radius:var(--k-input-border-radius, var(--k-ui-rounding));border:1px solid var(--k-input-border-color, var(--k-ui-color-neutral));overflow:hidden;display:flex}.k-input:focus-within{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-input__input{border:none;font:inherit;padding-block:var(--k-input-padding-y, var(--k-ui-spacing-sm));padding-inline:var(--k-input-padding-x, var(--k-ui-spacing-sm));flex-grow:1}.k-input__input:focus{outline:none}.k-input__prefix,.k-input__suffix{display:inline-flex;justify-content:center;align-items:center;background-color:var(--k-input-prefix-background, var(--k-ui-color-neutral-lightest));padding-block:var(--k-input-padding-y, var(--k-ui-spacing-sm));padding-inline:var(--k-input-padding-x, var(--k-ui-spacing-sm));color:var(--k-input-prefix-text, hsl(var(--k-ui-color-neutral-dark-h), var(--k-ui-color-neutral-dark-s), calc(var(--k-ui-color-neutral-dark-l) + 50%)))}.k-input--invalid{border-color:var(--k-input-danger, var(--k-ui-color-danger))}.k-input--align-left .k-input__input{text-align:left}.k-input--align-right .k-input__input{text-align:right}.k-textarea{font:inherit;padding-block:var(--k-textarea-padding-y, var(--k-ui-spacing-xs));padding-inline:var(--k-textarea-padding-x, var(--k-ui-spacing-sm));border-radius:var(--k-textarea-border-radius, var(--k-ui-rounding));border:1px solid var(--k-textarea-border-color, var(--k-ui-color-neutral));resize:vertical}.k-textarea--invalid{border-color:var(--k-textarea-invalid-color, var(--k-ui-color-danger))}.k-textarea:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}:host,:root{--k-ui-color-danger-darkest-h: 0deg;--k-ui-color-danger-darkest-s: 77.9005524862%;--k-ui-color-danger-darkest-l: 35.4901960784%;--k-ui-color-danger-darkest: hsl(var(--k-ui-color-danger-darkest-h), var(--k-ui-color-danger-darkest-s), var(--k-ui-color-danger-darkest-l));--k-ui-color-danger-dark-h: 0deg;--k-ui-color-danger-dark-s: 62.6373626374%;--k-ui-color-danger-dark-l: 35.6862745098%;--k-ui-color-danger-dark: hsl(var(--k-ui-color-danger-dark-h), var(--k-ui-color-danger-dark-s), var(--k-ui-color-danger-dark-l));--k-ui-color-danger-h: 0deg;--k-ui-color-danger-s: 61.2068965517%;--k-ui-color-danger-l: 45.4901960784%;--k-ui-color-danger: hsl(var(--k-ui-color-danger-h), var(--k-ui-color-danger-s), var(--k-ui-color-danger-l));--k-ui-color-danger-light-h: 0deg;--k-ui-color-danger-light-s: 54.0322580645%;--k-ui-color-danger-light-l: 51.3725490196%;--k-ui-color-danger-light: hsl(var(--k-ui-color-danger-light-h), var(--k-ui-color-danger-light-s), var(--k-ui-color-danger-light-l));--k-ui-color-danger-lightest-h: 0deg;--k-ui-color-danger-lightest-s: 100%;--k-ui-color-danger-lightest-l: 95.8823529412%;--k-ui-color-danger-lightest: hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), var(--k-ui-color-danger-lightest-l));--k-ui-color-warning-darkest-h: 38.7931034483deg;--k-ui-color-warning-darkest-s: 82.8571428571%;--k-ui-color-warning-darkest-l: 27.4509803922%;--k-ui-color-warning-darkest: hsl(var(--k-ui-color-warning-darkest-h), var(--k-ui-color-warning-darkest-s), var(--k-ui-color-warning-darkest-l));--k-ui-color-warning-dark-h: 38.9010989011deg;--k-ui-color-warning-dark-s: 74.5901639344%;--k-ui-color-warning-dark-l: 52.1568627451%;--k-ui-color-warning-dark: hsl(var(--k-ui-color-warning-dark-h), var(--k-ui-color-warning-dark-s), var(--k-ui-color-warning-dark-l));--k-ui-color-warning-h: 39.1011235955deg;--k-ui-color-warning-s: 87.2549019608%;--k-ui-color-warning-l: 60%;--k-ui-color-warning: hsl(var(--k-ui-color-warning-h), var(--k-ui-color-warning-s), var(--k-ui-color-warning-l));--k-ui-color-warning-light-h: 38.8888888889deg;--k-ui-color-warning-light-s: 100%;--k-ui-color-warning-light-l: 68.2352941176%;--k-ui-color-warning-light: hsl(var(--k-ui-color-warning-light-h), var(--k-ui-color-warning-light-s), var(--k-ui-color-warning-light-l));--k-ui-color-warning-lightest-h: 45.3658536585deg;--k-ui-color-warning-lightest-s: 100%;--k-ui-color-warning-lightest-l: 91.9607843137%;--k-ui-color-warning-lightest: hsl(var(--k-ui-color-warning-lightest-h), var(--k-ui-color-warning-lightest-s), var(--k-ui-color-warning-lightest-l));--k-ui-color-success-darkest-h: 132.75deg;--k-ui-color-success-darkest-s: 85.1063829787%;--k-ui-color-success-darkest-l: 18.431372549%;--k-ui-color-success-darkest: hsl(var(--k-ui-color-success-darkest-h), var(--k-ui-color-success-darkest-s), var(--k-ui-color-success-darkest-l));--k-ui-color-success-dark-h: 117.5757575758deg;--k-ui-color-success-dark-s: 68.275862069%;--k-ui-color-success-dark-l: 28.431372549%;--k-ui-color-success-dark: hsl(var(--k-ui-color-success-dark-h), var(--k-ui-color-success-dark-s), var(--k-ui-color-success-dark-l));--k-ui-color-success-h: 117.8181818182deg;--k-ui-color-success-s: 63.2183908046%;--k-ui-color-success-l: 34.1176470588%;--k-ui-color-success: hsl(var(--k-ui-color-success-h), var(--k-ui-color-success-s), var(--k-ui-color-success-l));--k-ui-color-success-light-h: 118.08deg;--k-ui-color-success-light-s: 56.0538116592%;--k-ui-color-success-light-l: 43.7254901961%;--k-ui-color-success-light: hsl(var(--k-ui-color-success-light-h), var(--k-ui-color-success-light-s), var(--k-ui-color-success-light-l));--k-ui-color-success-lightest-h: 143.7209302326deg;--k-ui-color-success-lightest-s: 75.4385964912%;--k-ui-color-success-lightest-l: 88.8235294118%;--k-ui-color-success-lightest: hsl(var(--k-ui-color-success-lightest-h), var(--k-ui-color-success-lightest-s), var(--k-ui-color-success-lightest-l));--k-ui-color-info-darkest-h: 229.1428571429deg;--k-ui-color-info-darkest-s: 75.5395683453%;--k-ui-color-info-darkest-l: 27.2549019608%;--k-ui-color-info-darkest: hsl(var(--k-ui-color-info-darkest-h), var(--k-ui-color-info-darkest-s), var(--k-ui-color-info-darkest-l));--k-ui-color-info-dark-h: 228.8571428571deg;--k-ui-color-info-dark-s: 79.5454545455%;--k-ui-color-info-dark-l: 34.5098039216%;--k-ui-color-info-dark: hsl(var(--k-ui-color-info-dark-h), var(--k-ui-color-info-dark-s), var(--k-ui-color-info-dark-l));--k-ui-color-info-h: 228.8888888889deg;--k-ui-color-info-s: 61.0859728507%;--k-ui-color-info-l: 43.3333333333%;--k-ui-color-info: hsl(var(--k-ui-color-info-h), var(--k-ui-color-info-s), var(--k-ui-color-info-l));--k-ui-color-info-light-h: 213.9759036145deg;--k-ui-color-info-light-s: 74.7747747748%;--k-ui-color-info-light-l: 78.2352941176%;--k-ui-color-info-light: hsl(var(--k-ui-color-info-light-h), var(--k-ui-color-info-light-s), var(--k-ui-color-info-light-l));--k-ui-color-info-lightest-h: 209.0322580645deg;--k-ui-color-info-lightest-s: 100%;--k-ui-color-info-lightest-l: 93.9215686275%;--k-ui-color-info-lightest: hsl(var(--k-ui-color-info-lightest-h), var(--k-ui-color-info-lightest-s), var(--k-ui-color-info-lightest-l));--k-ui-color-neutral-darkest-h: 0deg;--k-ui-color-neutral-darkest-s: 0%;--k-ui-color-neutral-darkest-l: 0%;--k-ui-color-neutral-darkest: hsl(var(--k-ui-color-neutral-darkest-h), var(--k-ui-color-neutral-darkest-s), var(--k-ui-color-neutral-darkest-l));--k-ui-color-neutral-dark-h: 0deg;--k-ui-color-neutral-dark-s: 0%;--k-ui-color-neutral-dark-l: 20%;--k-ui-color-neutral-dark: hsl(var(--k-ui-color-neutral-dark-h), var(--k-ui-color-neutral-dark-s), var(--k-ui-color-neutral-dark-l));--k-ui-color-neutral-h: 0deg;--k-ui-color-neutral-s: 0%;--k-ui-color-neutral-l: 81.568627451%;--k-ui-color-neutral: hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), var(--k-ui-color-neutral-l));--k-ui-color-neutral-light-h: 0deg;--k-ui-color-neutral-light-s: 0%;--k-ui-color-neutral-light-l: 91.7647058824%;--k-ui-color-neutral-light: hsl(var(--k-ui-color-neutral-light-h), var(--k-ui-color-neutral-light-s), var(--k-ui-color-neutral-light-l));--k-ui-color-neutral-lightest-h: 0deg;--k-ui-color-neutral-lightest-s: 0%;--k-ui-color-neutral-lightest-l: 94.1176470588%;--k-ui-color-neutral-lightest: hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), var(--k-ui-color-neutral-lightest-l));--k-ui-color-primary-darkest-h: 221.7112299465deg;--k-ui-color-primary-darkest-s: 76.3265306122%;--k-ui-color-primary-darkest-l: 40.0392156863%;--k-ui-color-primary-darkest: hsl(var(--k-ui-color-primary-darkest-h), var(--k-ui-color-primary-darkest-s), var(--k-ui-color-primary-darkest-l));--k-ui-color-primary-dark-h: 221.7112299465deg;--k-ui-color-primary-dark-s: 76.3265306122%;--k-ui-color-primary-dark-l: 44.0392156863%;--k-ui-color-primary-dark: hsl(var(--k-ui-color-primary-dark-h), var(--k-ui-color-primary-dark-s), var(--k-ui-color-primary-dark-l));--k-ui-color-primary-h: 221.7112299465deg;--k-ui-color-primary-s: 76.3265306122%;--k-ui-color-primary-l: 48.0392156863%;--k-ui-color-primary: hsl(var(--k-ui-color-primary-h), var(--k-ui-color-primary-s), var(--k-ui-color-primary-l));--k-ui-color-primary-light-h: 221.7112299465deg;--k-ui-color-primary-light-s: 76.3265306122%;--k-ui-color-primary-light-l: 52.0392156863%;--k-ui-color-primary-light: hsl(var(--k-ui-color-primary-light-h), var(--k-ui-color-primary-light-s), var(--k-ui-color-primary-light-l));--k-ui-color-primary-lightest-h: 221.7112299465deg;--k-ui-color-primary-lightest-s: 76.3265306122%;--k-ui-color-primary-lightest-l: 56.0392156863%;--k-ui-color-primary-lightest: hsl(var(--k-ui-color-primary-lightest-h), var(--k-ui-color-primary-lightest-s), var(--k-ui-color-primary-lightest-l));--k-ui-spacing-xxs: .25rem;--k-ui-spacing-xs: .5rem;--k-ui-spacing-sm: .75rem;--k-ui-spacing: 1rem;--k-ui-spacing-lg: 1.5rem;--k-ui-spacing-xl: 1.75rem;--k-ui-spacing-xxl: 2rem;--k-ui-spacing-3xl: 3rem;--k-ui-spacing-4xl: 4rem;--k-ui-rounding-sm: 3px;--k-ui-rounding: 6px;--k-ui-rounding-lg: 8px;--k-ui-rounding-xl: 16px;--k-ui-rounding-full: 999px;--k-ui-font-size-xs: .6rem;--k-ui-font-size-sm: .8rem;--k-ui-font-size: 1rem;--k-ui-font-size-lg: 1.2rem;--k-ui-font-size-xl: 2.2rem;--k-ui-font-size-xxl: 3rem;--k-ui-shadow-color: hsl(0deg 0% 0% / .2);--k-ui-shadow-elevation-sm: 0 4px 8px -4px;--k-ui-shadow-elevation-md: 0 8px 16px -8px;--k-ui-shadow-elevation-lg: 0 12px 24px -3px;--k-ui-shadow-sm: var(--k-ui-shadow-elevation-sm) var(--k-ui-shadow-color);--k-ui-shadow-md: var(--k-ui-shadow-elevation-md) var(--k-ui-shadow-color);--k-ui-shadow-lg: var(--k-ui-shadow-elevation-lg) var(--k-ui-shadow-color);--k-ui-shadow: var(--k-ui-shadow-sm);--k-ui-outline-color: var(--k-ui-color-neutral);--k-ui-outline-width: 2px;--k-ui-outline-offset: 2px;--k-ui-opacity-faded: .6}.k-p-xxs{padding:var(--k-ui-spacing-xxs)}.k-pt-xxs{padding-top:var(--k-ui-spacing-xxs)}.k-pr-xxs{padding-right:var(--k-ui-spacing-xxs)}.k-pb-xxs{padding-bottom:var(--k-ui-spacing-xxs)}.k-pl-xxs{padding-left:var(--k-ui-spacing-xxs)}.k-px-xxs{padding-inline:var(--k-ui-spacing-xxs)}.k-py-xxs{padding-block:var(--k-ui-spacing-xxs)}.k-p-xs{padding:var(--k-ui-spacing-xs)}.k-pt-xs{padding-top:var(--k-ui-spacing-xs)}.k-pr-xs{padding-right:var(--k-ui-spacing-xs)}.k-pb-xs{padding-bottom:var(--k-ui-spacing-xs)}.k-pl-xs{padding-left:var(--k-ui-spacing-xs)}.k-px-xs{padding-inline:var(--k-ui-spacing-xs)}.k-py-xs{padding-block:var(--k-ui-spacing-xs)}.k-p-sm{padding:var(--k-ui-spacing-sm)}.k-pt-sm{padding-top:var(--k-ui-spacing-sm)}.k-pr-sm{padding-right:var(--k-ui-spacing-sm)}.k-pb-sm{padding-bottom:var(--k-ui-spacing-sm)}.k-pl-sm{padding-left:var(--k-ui-spacing-sm)}.k-px-sm{padding-inline:var(--k-ui-spacing-sm)}.k-py-sm{padding-block:var(--k-ui-spacing-sm)}.k-p{padding:var(--k-ui-spacing)}.k-pt{padding-top:var(--k-ui-spacing)}.k-pr{padding-right:var(--k-ui-spacing)}.k-pb{padding-bottom:var(--k-ui-spacing)}.k-pl{padding-left:var(--k-ui-spacing)}.k-px{padding-inline:var(--k-ui-spacing)}.k-py{padding-block:var(--k-ui-spacing)}.k-p-lg{padding:var(--k-ui-spacing-lg)}.k-pt-lg{padding-top:var(--k-ui-spacing-lg)}.k-pr-lg{padding-right:var(--k-ui-spacing-lg)}.k-pb-lg{padding-bottom:var(--k-ui-spacing-lg)}.k-pl-lg{padding-left:var(--k-ui-spacing-lg)}.k-px-lg{padding-inline:var(--k-ui-spacing-lg)}.k-py-lg{padding-block:var(--k-ui-spacing-lg)}.k-p-xl{padding:var(--k-ui-spacing-xl)}.k-pt-xl{padding-top:var(--k-ui-spacing-xl)}.k-pr-xl{padding-right:var(--k-ui-spacing-xl)}.k-pb-xl{padding-bottom:var(--k-ui-spacing-xl)}.k-pl-xl{padding-left:var(--k-ui-spacing-xl)}.k-px-xl{padding-inline:var(--k-ui-spacing-xl)}.k-py-xl{padding-block:var(--k-ui-spacing-xl)}.k-p-xxl{padding:var(--k-ui-spacing-xxl)}.k-pt-xxl{padding-top:var(--k-ui-spacing-xxl)}.k-pr-xxl{padding-right:var(--k-ui-spacing-xxl)}.k-pb-xxl{padding-bottom:var(--k-ui-spacing-xxl)}.k-pl-xxl{padding-left:var(--k-ui-spacing-xxl)}.k-px-xxl{padding-inline:var(--k-ui-spacing-xxl)}.k-py-xxl{padding-block:var(--k-ui-spacing-xxl)}.k-p-3xl{padding:var(--k-ui-spacing-3xl)}.k-pt-3xl{padding-top:var(--k-ui-spacing-3xl)}.k-pr-3xl{padding-right:var(--k-ui-spacing-3xl)}.k-pb-3xl{padding-bottom:var(--k-ui-spacing-3xl)}.k-pl-3xl{padding-left:var(--k-ui-spacing-3xl)}.k-px-3xl{padding-inline:var(--k-ui-spacing-3xl)}.k-py-3xl{padding-block:var(--k-ui-spacing-3xl)}.k-p-4xl{padding:var(--k-ui-spacing-4xl)}.k-pt-4xl{padding-top:var(--k-ui-spacing-4xl)}.k-pt-auto{padding-top:auto}.k-pr-4xl{padding-right:var(--k-ui-spacing-4xl)}.k-pr-auto{padding-right:auto}.k-pb-4xl{padding-bottom:var(--k-ui-spacing-4xl)}.k-pb-auto{padding-bottom:auto}.k-pl-4xl{padding-left:var(--k-ui-spacing-4xl)}.k-pl-auto{padding-left:auto}.k-px-4xl{padding-inline:var(--k-ui-spacing-4xl)}.k-px-auto{padding-inline:auto}.k-py-4xl{padding-block:var(--k-ui-spacing-4xl)}.k-py-auto{padding-block:auto}.k-m-xxs{margin:var(--k-ui-spacing-xxs)}.k-mt-xxs{margin-top:var(--k-ui-spacing-xxs)}.k-mr-xxs{margin-right:var(--k-ui-spacing-xxs)}.k-mb-xxs{margin-bottom:var(--k-ui-spacing-xxs)}.k-ml-xxs{margin-left:var(--k-ui-spacing-xxs)}.k-mx-xxs{margin-inline:var(--k-ui-spacing-xxs)}.k-my-xxs{margin-block:var(--k-ui-spacing-xxs)}.k-m-xs{margin:var(--k-ui-spacing-xs)}.k-mt-xs{margin-top:var(--k-ui-spacing-xs)}.k-mr-xs{margin-right:var(--k-ui-spacing-xs)}.k-mb-xs{margin-bottom:var(--k-ui-spacing-xs)}.k-ml-xs{margin-left:var(--k-ui-spacing-xs)}.k-mx-xs{margin-inline:var(--k-ui-spacing-xs)}.k-my-xs{margin-block:var(--k-ui-spacing-xs)}.k-m-sm{margin:var(--k-ui-spacing-sm)}.k-mt-sm{margin-top:var(--k-ui-spacing-sm)}.k-mr-sm{margin-right:var(--k-ui-spacing-sm)}.k-mb-sm{margin-bottom:var(--k-ui-spacing-sm)}.k-ml-sm{margin-left:var(--k-ui-spacing-sm)}.k-mx-sm{margin-inline:var(--k-ui-spacing-sm)}.k-my-sm{margin-block:var(--k-ui-spacing-sm)}.k-m{margin:var(--k-ui-spacing)}.k-mt{margin-top:var(--k-ui-spacing)}.k-mr{margin-right:var(--k-ui-spacing)}.k-mb{margin-bottom:var(--k-ui-spacing)}.k-ml{margin-left:var(--k-ui-spacing)}.k-mx{margin-inline:var(--k-ui-spacing)}.k-my{margin-block:var(--k-ui-spacing)}.k-m-lg{margin:var(--k-ui-spacing-lg)}.k-mt-lg{margin-top:var(--k-ui-spacing-lg)}.k-mr-lg{margin-right:var(--k-ui-spacing-lg)}.k-mb-lg{margin-bottom:var(--k-ui-spacing-lg)}.k-ml-lg{margin-left:var(--k-ui-spacing-lg)}.k-mx-lg{margin-inline:var(--k-ui-spacing-lg)}.k-my-lg{margin-block:var(--k-ui-spacing-lg)}.k-m-xl{margin:var(--k-ui-spacing-xl)}.k-mt-xl{margin-top:var(--k-ui-spacing-xl)}.k-mr-xl{margin-right:var(--k-ui-spacing-xl)}.k-mb-xl{margin-bottom:var(--k-ui-spacing-xl)}.k-ml-xl{margin-left:var(--k-ui-spacing-xl)}.k-mx-xl{margin-inline:var(--k-ui-spacing-xl)}.k-my-xl{margin-block:var(--k-ui-spacing-xl)}.k-m-xxl{margin:var(--k-ui-spacing-xxl)}.k-mt-xxl{margin-top:var(--k-ui-spacing-xxl)}.k-mr-xxl{margin-right:var(--k-ui-spacing-xxl)}.k-mb-xxl{margin-bottom:var(--k-ui-spacing-xxl)}.k-ml-xxl{margin-left:var(--k-ui-spacing-xxl)}.k-mx-xxl{margin-inline:var(--k-ui-spacing-xxl)}.k-my-xxl{margin-block:var(--k-ui-spacing-xxl)}.k-m-3xl{margin:var(--k-ui-spacing-3xl)}.k-mt-3xl{margin-top:var(--k-ui-spacing-3xl)}.k-mr-3xl{margin-right:var(--k-ui-spacing-3xl)}.k-mb-3xl{margin-bottom:var(--k-ui-spacing-3xl)}.k-ml-3xl{margin-left:var(--k-ui-spacing-3xl)}.k-mx-3xl{margin-inline:var(--k-ui-spacing-3xl)}.k-my-3xl{margin-block:var(--k-ui-spacing-3xl)}.k-m-4xl{margin:var(--k-ui-spacing-4xl)}.k-mt-4xl{margin-top:var(--k-ui-spacing-4xl)}.k-mt-auto{margin-top:auto}.k-mr-4xl{margin-right:var(--k-ui-spacing-4xl)}.k-mr-auto{margin-right:auto}.k-mb-4xl{margin-bottom:var(--k-ui-spacing-4xl)}.k-mb-auto{margin-bottom:auto}.k-ml-4xl{margin-left:var(--k-ui-spacing-4xl)}.k-ml-auto{margin-left:auto}.k-mx-4xl{margin-inline:var(--k-ui-spacing-4xl)}.k-mx-auto{margin-inline:auto}.k-my-4xl{margin-block:var(--k-ui-spacing-4xl)}.k-my-auto{margin-block:auto}.k-text--xs{font-size:var(--k-ui-font-size-xs)}.k-text--sm{font-size:var(--k-ui-font-size-sm)}.k-text{font-size:var(--k-ui-font-size)}.k-text--lg{font-size:var(--k-ui-font-size-lg)}.k-text--xl{font-size:var(--k-ui-font-size-xl)}.k-text--xxl{font-size:var(--k-ui-font-size-xxl)}.k-stepper{display:flex;gap:var(--k-stepper-gap, 2rem)}.k-stepper--breadcrumb-placement-top .k-stepper__breadcrumbs,.k-stepper--breadcrumb-placement-bottom .k-stepper__breadcrumbs{align-items:center;gap:var(--k-stepper-breadcrumb-gap, 1rem)}.k-stepper--breadcrumb-placement-top{flex-direction:column}.k-stepper--breadcrumb-placement-bottom{flex-direction:column-reverse}.k-stepper--breadcrumb-placement-right,.k-stepper--breadcrumb-placement-left{align-items:flex-start}.k-stepper--breadcrumb-placement-right .k-stepper-breadcrumbs-wrapper,.k-stepper--breadcrumb-placement-left .k-stepper-breadcrumbs-wrapper{flex-direction:column}.k-stepper--breadcrumb-placement-right .k-stepper__breadcrumbs,.k-stepper--breadcrumb-placement-left .k-stepper__breadcrumbs{flex-direction:column;align-items:flex-start;gap:1.5rem}.k-stepper--breadcrumb-placement-right .k-stepper__breadcrumb-arrow,.k-stepper--breadcrumb-placement-left .k-stepper__breadcrumb-arrow{display:none}.k-stepper--breadcrumb-placement-right{flex-direction:row-reverse}.k-stepper--breadcrumb-placement-left{flex-direction:row}.k-stepper .k-stepper-breadcrumbs-wrapper{display:flex}.k-stepper__breadcrumbs{flex-grow:1;display:flex;flex-wrap:wrap}.k-stepper__breadcrumbs .k-stepper__breadcrumb{display:flex;align-items:center;gap:.5rem;cursor:pointer;border:none;outline:none;background-color:transparent;font:inherit;line-height:1;padding:0;margin:0;border-radius:var(--k-ui-rounding-sm)}.k-stepper__breadcrumbs .k-stepper__breadcrumb:focus-visible{outline:2px solid var(--k-ui-outline-color);outline-offset:5px}.k-stepper__breadcrumbs .k-stepper__breadcrumb:disabled{cursor:not-allowed}.k-stepper__breadcrumbs .k-stepper__breadcrumb:disabled .k-stepper__breadcrumb-icon{border-color:var(--k-stepper-icon-border, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb span{line-height:inherit}.k-stepper__breadcrumbs .k-stepper__breadcrumb-icon{font-size:.75em;font-weight:700;position:relative;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;border-width:1px;border-style:solid}.k-stepper__breadcrumbs .k-stepper__breadcrumb-label{translate:0 -1px}.k-stepper__breadcrumbs .k-stepper__breadcrumb-arrow{margin:0 .25rem;border:solid rgb(216.75,216.75,216.75);border-width:0 2px 2px 0;padding:3px;rotate:-45deg}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--default:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-hover, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 2%)));background-color:var(--k-stepper-icon-background-hover, var(--k-ui-color-neutral-light))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--default){color:var(--k-stepper-text-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--default) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-active, white);border-color:var(--k-stepper-icon-border-active, var(--k-ui-color-primary));background-color:var(--k-stepper-icon-background-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text-valid, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-valid, var(--k-ui-color-neutral));background-color:var(--k-stepper-icon-background-valid, var(--k-ui-color-neutral-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-valid-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid-hover, var(--k-ui-color-neutral-darkest));border-color:var(--k-stepper-icon-border-valid-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 2%)));background-color:var(--k-stepper-icon-background-valid-hover, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 3%)))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid){color:var(--k-stepper-text-valid-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--valid) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-valid-active, white);border-color:var(--k-stepper-icon-border-valid-active, var(--k-ui-color-primary));background-color:var(--k-stepper-icon-background-valid-active, var(--k-ui-color-primary))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover){color:var(--k-stepper-text-invalid, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):not(:hover) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid, var(--k-ui-color-danger-darkest));border-color:var(--k-stepper-icon-border-invalid, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 10%)));background-color:var(--k-stepper-icon-background-invalid, var(--k-ui-color-danger-lightest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover{color:var(--k-stepper-text-invalid-hover, inherit)}.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid:not(:disabled,.k-stepper__breadcrumbs .k-stepper__breadcrumb--active):hover .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid-hover, var(--k-ui-color-danger-darkest));border-color:var(--k-stepper-icon-border-invalid-hover, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 10%)));background-color:var(--k-stepper-icon-background-invalid-hover, hsl(var(--k-ui-color-danger-lightest-h), var(--k-ui-color-danger-lightest-s), calc(var(--k-ui-color-danger-lightest-l) - 2%)))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid){color:var(--k-stepper-text-invalid-active, var(--k-ui-color-danger-darkest))}.k-stepper__breadcrumbs .k-stepper__breadcrumb--active:is(.k-stepper__breadcrumbs .k-stepper__breadcrumb--invalid) .k-stepper__breadcrumb-icon{color:var(--k-stepper-icon-text-invalid-active, white);border-color:var(--k-stepper-icon-border-invalid-active, var(--k-ui-color-danger-darkest));background-color:var(--k-stepper-icon-background-invalid-active, var(--k-ui-color-danger-darkest))}.k-stepper__component-wrapper{display:flex;flex-direction:column;gap:inherit}.k-stepper--breadcrumb-placement-bottom .k-stepper__component-wrapper{flex-direction:column-reverse}.k-stepper__navigation{display:flex;justify-content:var(--k-stepper-navigation-alignment, "flex-start");gap:1rem}.k-stepper .k-stepper-fade-enter-active,.k-stepper .k-stepper-fade-leave-active{transition:all .2s ease}.k-stepper .k-stepper-fade-enter-from,.k-stepper .k-stepper-fade-leave-to{opacity:0}.k-stepper .k-stepper-slide-h-prev-enter-active,.k-stepper .k-stepper-slide-h-prev-leave-active,.k-stepper .k-stepper-slide-h-next-enter-active,.k-stepper .k-stepper-slide-h-next-leave-active,.k-stepper .k-stepper-slide-v-prev-enter-active,.k-stepper .k-stepper-slide-v-prev-leave-active,.k-stepper .k-stepper-slide-v-next-enter-active,.k-stepper .k-stepper-slide-v-next-leave-active{transition:all .2s ease}.k-stepper .k-stepper-slide-h-prev-enter-from,.k-stepper .k-stepper-slide-h-prev-leave-to,.k-stepper .k-stepper-slide-h-next-enter-from,.k-stepper .k-stepper-slide-h-next-leave-to,.k-stepper .k-stepper-slide-v-prev-enter-from,.k-stepper .k-stepper-slide-v-prev-leave-to,.k-stepper .k-stepper-slide-v-next-enter-from,.k-stepper .k-stepper-slide-v-next-leave-to{opacity:0}.k-stepper .k-stepper-slide-h-prev-enter-from,.k-stepper .k-stepper-slide-h-next-leave-to{translate:calc(var(--k-stepper-transition-preset-slide-delta, 25px) * -1) 0}.k-stepper .k-stepper-slide-h-next-enter-from,.k-stepper .k-stepper-slide-h-prev-leave-to{translate:var(--k-stepper-transition-preset-slide-delta, 25px) 0}.k-stepper .k-stepper-slide-v-prev-enter-from,.k-stepper .k-stepper-slide-v-next-leave-to{translate:0 calc(var(--k-stepper-transition-preset-slide-delta, 25px) * -1)}.k-stepper .k-stepper-slide-v-next-enter-from,.k-stepper .k-stepper-slide-v-prev-leave-to{translate:0 var(--k-stepper-transition-preset-slide-delta, 25px)}.k-image{position:relative;display:flex;justify-content:center;align-items:center;margin:0;background-image:var(--k-image-preview);background-size:var(--k-image-size);background-repeat:no-repeat;overflow:hidden;width:var(--k-image-width);height:var(--k-image-height);aspect-ratio:var(--k-image-aspectratio)}.k-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:var(--k-image-size);object-position:var(--k-image-position);padding:inherit;transition:all .15s ease-in;opacity:0}.k-image--loaded img{opacity:1}.k-image__caption{display:block;position:absolute;width:100%;height:100%;padding:var(--k-image-caption-padding, var(--k-ui-spacing-lg));pointer-events:none}.k-image__caption--theme-light{background:linear-gradient(170deg,#fffc 15%,#fff0 55% 100%)}.k-image__caption--theme-dark{color:#fff;background:linear-gradient(170deg,#000c 15%,#fff0 55% 100%)}.k-image__caption--visibility-hover{opacity:0;transition:opacity .1s ease-in}.k-image:hover .k-image__caption.k-image__caption--visibility-hover{opacity:1}.k-flex{display:flex;flex-direction:var(--k-flex-direction);justify-content:var(--k-flex-justify);align-items:var(--k-flex-align);flex-wrap:var(--k-flex-wrap);gap:var(--k-flex-gap)}.k-flex-grow{flex-grow:1}.k-card{overflow:hidden;display:grid;border-radius:var(--k-card-border-radius, var(--k-ui-rounding-lg));background-color:#fff;text-decoration:none;color:inherit}.k-card .k-card .k-card__title{font-size:1.25rem}.k-card--variant-default{grid-template-columns:1fr;grid-template-areas:"thumbnail" "header" "content" "actions"}.k-card--variant-default>.k-card__header{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-default>.k-card__content{padding:0 var(--k-card-spacing, var(--k-ui-spacing-lg)) var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-default>.k-card__actions{padding:var(--k-card-spacing, var(--k-ui-spacing-lg));border-top:var(--k-card-border-width, 2px) solid var(--k-card-border-color, var(--k-ui-color-neutral-light));gap:var(--k-card-actions-gap, var(--k-ui-spacing))}.k-card--variant-horizontal.k-card--has-thumbnail{grid-template-columns:1fr 2fr;grid-template-areas:"thumbnail header" "thumbnail content" "thumbnail actions"}@media (width < 800px){.k-card--variant-horizontal.k-card--has-thumbnail{grid-template-columns:1fr;grid-template-areas:"thumbnail" "header" "content" "actions"}}.k-card--variant-horizontal:not(.k-card--has-thumbnail){grid-template-columns:1fr;grid-template-areas:"header" "content" "actions"}.k-card--variant-horizontal>.k-card__thumbnail{display:flex;align-self:stretch}.k-card--variant-horizontal>.k-card__header{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-horizontal>.k-card__content{padding:0 var(--k-card-spacing, var(--k-ui-spacing-lg)) var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-horizontal>.k-card__actions{padding:var(--k-card-spacing, var(--k-ui-spacing-lg));border-top:var(--k-card-border-width, 2px) solid var(--k-card-border-color, var(--k-ui-color-neutral-light));justify-content:start;align-items:start;gap:var(--k-card-actions-gap, var(--k-ui-spacing))}.k-card--variant-prompt{grid-template-columns:1fr;grid-template-areas:"thumbnail" "header" "content" "actions"}.k-card--variant-prompt>.k-card__header{background-color:var(--k-card-background, var(--k-ui-color-neutral-lightest));padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-prompt>.k-card__content{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-prompt>.k-card__actions{background-color:var(--k-card-background, var(--k-ui-color-neutral-lightest));padding:var(--k-card-spacing, var(--k-ui-spacing-lg));gap:var(--k-card-actions-gap, var(--k-ui-spacing))}.k-card--variant-widget.k-card--has-actions{grid-template-columns:1fr auto;grid-template-areas:"thumbnail thumbnail" "header actions" "content content"}.k-card--variant-widget:not(.k-card--has-actions){grid-template-columns:1fr;grid-template-areas:"thumbnail" "header" "content"}.k-card--variant-widget>.k-card__header{padding:var(--k-card-spacing, var(--k-ui-spacing-lg))}.k-card--variant-widget>.k-card__content{padding:var(--k-card-spacing, var(--k-ui-spacing-lg));border-top:var(--k-card-border-width, 2px) solid var(--k-card-border-color, var(--k-ui-color-neutral-light))}.k-card--variant-widget>.k-card__actions{padding:var(--k-card-spacing, var(--k-ui-spacing-lg));gap:var(--k-card-actions-gap, var(--k-ui-spacing))}.k-card--appearance-shadow{box-shadow:var(--k-card-shadow, var(--k-ui-shadow-lg))}.k-card--appearance-border{border:var(--k-card-border-width, 2px) solid var(--k-card-border-color, var(--k-ui-color-neutral-light))}.k-card__title{font-weight:600;font-size:1.5rem;line-height:120%;margin-bottom:.5em}.k-card__subtitle{font-weight:400;font-size:1rem;line-height:160%}.k-card>.k-card__header{grid-area:header}.k-card>.k-card__thumbnail{grid-area:thumbnail}.k-card>.k-card__content{grid-area:content}.k-card>.k-card__actions{grid-area:actions}.k-skeleton{display:flex;justify-content:center;align-items:center;aspect-ratio:var(--aspect-ratio);height:var(--height);width:var(--width);border-radius:var(--border-radius)}.k-skeleton--variant-flat{background:var(--k-skeleton-background, var(--k-ui-color-neutral-lightest))}.k-skeleton--variant-shiny{background:var(--k-skeleton-background, var(--k-ui-color-neutral-lightest));background:linear-gradient(110deg,var(--k-skeleton-background, var(--k-ui-color-neutral-lightest)) 8%,var(--k-skeleton-background-shine, hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), calc(var(--k-ui-color-neutral-lightest-l) + 2%))) 18%,var(--k-skeleton-background, var(--k-ui-color-neutral-lightest)) 33%);background-size:200% 100%;animation:1.5s shine linear infinite}@keyframes shine{to{background-position-x:-200%}}.k-selectable{background-color:transparent;border:none;padding:0;margin:0;font:inherit;text-align:initial;line-height:initial;position:relative;transition:outline .1s ease;cursor:pointer;outline:var(--k-selectable-outline-width, 4px) solid transparent;outline-offset:var(--k-selectable-outline-offset, var(--k-ui-outline-offset))}.k-selectable:not(.k-selectable--selected):hover{outline:var(--k-selectable-outline-width, 4px) solid var(--k-selectable-hover, var(--k-ui-color-neutral-light))}.k-selectable:not(.k-selectable--selected):focus-within{outline:var(--k-selectable-outline-width, 4px) solid var(--k-ui-outline-color)}.k-selectable--selected:focus-within{outline-color:var(--k-selectable-accent-focus, var(--k-ui-color-primary-lightest))}.k-selectable__checked{position:absolute;top:7px;right:7px;border-radius:var(--k-ui-rounding-full);border:1px solid transparent;z-index:1;color:#fff;width:20px;height:20px;display:flex;justify-content:center;align-items:center;pointer-events:none}.k-selectable__checked svg{display:none}.k-selectable--multiple .k-selectable__checked{border-radius:var(--k-ui-rounding)}.k-selectable--selected{outline:var(--k-selectable-outline-width, 4px) solid var(--k-selectable-accent, var(--k-ui-color-primary-darkest))}.k-selectable--selected .k-selectable__checked{border-color:var(--k-selectable-accent, var(--k-ui-color-primary-darkest));background-color:var(--k-selectable-accent, var(--k-ui-color-primary-darkest));visibility:visible}.k-selectable--selected .k-selectable__checked svg{display:block}.k-rangeslider [data-part=thumb]{background:var(--k-rangeslider-thumb-background, white);border:var(--k-rangeslider-thumb-border-width, 1px) solid var(--k-rangeslider-thumb-border-color, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 10%)));border-radius:9999px;width:var(--k-rangeslider-thumb-size, 24px);height:var(--k-rangeslider-thumb-size, 24px);box-shadow:var(--k-ui-shadow)}.k-rangeslider [data-part=thumb]:focus-visible{outline:none;border-color:var(--k-ui-outline-color)}.k-rangeslider [data-part=track]{background:var(--k-rangeslider-track-background, var(--k-ui-color-neutral-light));height:var(--k-rangeslider-track-height, 8px);border-radius:9999px;flex:1}.k-rangeslider [data-part=control]{position:relative;align-items:center;display:flex}.k-rangeslider [data-part=range]{background:var(--k-rangeslider-range-background, var(--k-ui-color-primary));height:100%;border-radius:inherit}.k-rangeslider [data-part=track]{color:gray}.k-rangeslider [data-part=track][data-state=under-value]{color:#00f}.k-rangeslider [data-part=marker]{height:var(--k-rangeslider-marker-height, 8px);width:1px;margin-top:calc(var(--k-rangeslider-thumb-size, 24px) / 2);background-color:var(--k-rangeslider-range-background, var(--k-ui-color-primary))}.k-rangeslider [data-part=marker]:after{display:block;position:absolute;font-size:.8em;transform:translate(-50%,70%);color:var(--k-rangeslider-marker-background, var(--k-ui-color-neutral));content:attr(data-value)}.k-rangeslider [data-part=marker][data-state=over-value],.k-rangeslider [data-part=marker][data-state=under-value]{background-color:var(--k-rangeslider-marker-background, var(--k-ui-color-neutral))}.k-slider [data-part=thumb]{background:var(--k-slider-thumb-background, white);border:var(--k-slider-thumb-border-width, 1px) solid var(--k-slider-thumb-border-color, hsl(var(--k-ui-color-neutral-h), var(--k-ui-color-neutral-s), calc(var(--k-ui-color-neutral-l) - 10%)));border-radius:9999px;width:var(--k-slider-thumb-size, 24px);height:var(--k-slider-thumb-size, 24px);box-shadow:var(--k-ui-shadow);z-index:1}.k-slider [data-part=thumb]:focus-visible{outline:none;border-color:var(--k-ui-outline-color)}.k-slider [data-part=thumb]:active+[data-part=value-text]{translate:-50% 0;opacity:1}.k-slider [data-part=value-text]{pointer-events:none;position:absolute;bottom:calc(100% + 1.25rem);left:var(--slider-thumb-offset-0);border:1px solid var(--k-ui-outline-color);display:grid;place-items:center;border-radius:var(--k-ui-rounding-lg);box-shadow:var(--k-ui-shadow);background-color:#fff;padding:.25em .75em;white-space:nowrap;translate:-50% 25%;opacity:0;transition-property:translate,opacity;transition-duration:.1s;transition-timing-function:ease;z-index:1}.k-slider [data-part=value-text]:before{content:"";display:block;width:10px;height:10px;position:absolute;border:inherit;background-color:inherit;rotate:135deg;bottom:-5px;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 0%)}.k-slider [data-part=track]{background:var(--k-slider-track-background, var(--k-ui-color-neutral-light));height:var(--k-slider-track-height, 8px);border-radius:9999px;flex:1}.k-slider [data-part=control]{position:relative;align-items:center;display:flex}.k-slider [data-part=range]{background:var(--k-slider-range-background, var(--k-ui-color-primary));height:100%;border-radius:inherit}.k-slider [data-part=marker-group]{height:calc(var(--k-slider-marker-height, 10px) * 5)}.k-slider [data-part=marker]{height:var(--k-slider-marker-height, 10px);width:1px;margin-top:calc(var(--k-slider-thumb-size, 24px) / 2);background-color:var(--k-slider-marker-background, var(--k-ui-color-neutral))}.k-slider [data-part=marker]:after{display:block;position:absolute;font-size:.8em;padding:4px 8px;border-radius:9999px;margin-top:calc(var(--k-slider-marker-height, 10px) * 1.5);translate:-50% 0%;content:attr(data-value);white-space:nowrap}.k-slider [data-part=marker][data-state=under-value],.k-slider [data-part=marker][data-state=at-value]{background-color:var(--k-slider-range-background, var(--k-ui-color-primary))}.k-slider.k-slider--marker-highlight [data-state=at-value]:after{font-weight:700;color:#fff;background-color:var(--k-slider-range-background, var(--k-ui-color-primary))}.k-dropdown{z-index:var(--k-dropdown-z-index, 10);min-width:200px;border-radius:var(--k-dropdown-border-radius, var(--k-ui-rounding-lg));padding:var(--k-dropdown-spacing, var(--k-ui-spacing-xxs));background-color:#fff;display:flex;flex-direction:column}.k-dropdown--theme-shadow{box-shadow:var(--k-dropdown-shadow, var(--k-ui-shadow-lg))}.k-dropdown--theme-border{border:1px solid var(--k-dropdown-border, var(--k-ui-color-neutral))}.k-dropdown-enter-active{transition:opacity .2s}.k-dropdown-enter-from{opacity:0}.k-dropdown .k-button:focus-visible{outline-offset:0}.k-datatable{width:100%;display:grid;position:relative;grid-template-columns:var(--k-datatable-layout)}.k-datatable--sticky .k-datatable__row:first-child .k-datatable__cell{z-index:2;position:sticky;top:var(--k-datatable-sticky-top);border-bottom:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable:not(.k-datatable--no-header) .k-datatable__row:first-child{background-color:#fff;font-size:.8em;text-align:left}.k-datatable__cell{display:flex;align-items:center;padding:var(--k-datatable-cell-size, var(--k-ui-spacing-sm))}.k-datatable__cell--text-align-start{justify-content:flex-start}.k-datatable__cell--text-align-center{justify-content:center}.k-datatable__cell--text-align-end{justify-content:flex-end}.k-datatable__cell-sort{cursor:pointer;vertical-align:middle}.k-datatable__cell-sort-icon{opacity:0;margin-left:.25rem}.k-datatable__cell-sort:not(.k-datatable__cell-sort--active):hover .k-datatable__cell-sort-icon{opacity:.3}.k-datatable__cell-sort--active .k-datatable__cell-sort-icon{opacity:1}.k-datatable__cell-actions{padding:0;position:relative}.k-datatable__row{display:contents}.k-datatable__row:hover .k-datatable__cell-actions .button-group,.k-datatable__row:focus-within .k-datatable__cell-actions .button-group{display:flex}.k-datatable__row-wrapper{display:contents}.k-datatable--default .k-datatable__row:nth-child(odd) .k-datatable__cell{background-color:var(--k-datatable-odd-color, hsl(var(--k-ui-color-neutral-lightest-h), var(--k-ui-color-neutral-lightest-s), calc(var(--k-ui-color-neutral-lightest-l) + 1%)))}.k-datatable--default .k-datatable__row:nth-child(2n) .k-datatable__cell{background-color:var(--k-datatable-even-color, transparent)}.k-datatable--border .k-datatable__row:not(:last-child) .k-datatable__cell{border-bottom:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable--border .k-datatable__row:first-child .k-datatable__cell{background-color:inherit}.k-datatable__footer{box-sizing:border-box;position:sticky;bottom:0;width:100%;padding:var(--k-datatable-cell-size, var(--k-ui-spacing-sm));display:flex;align-items:center;gap:1rem;grid-column:1/-1;font-size:var(--k-ui-font-size-sm);background-color:#fff;animation:fadeInUp .2s ease-out;border-top:1px solid var(--k-datatable-border-color, var(--k-ui-color-neutral-light))}.k-datatable--default .k-datatable__footer{background-color:#f5f5f5}.k-datatable-footer-enter-active,.k-datatable-footer-leave-active{transition:.2s ease-out}.k-datatable-footer-enter-from,.k-datatable-footer-leave-to{transform:translateY(100%);opacity:0}.k-navigation-item__list{display:flex;flex-direction:column}.k-navigation-item__list-parent{font-size:1.1em}.k-navigation{border-bottom:1px solid var(--k-navigation-border-color, var(--k-ui-color-neutral-light));padding:var(--k-navigation-padding, var(--k-ui-spacing));transition:opacity .5s ease-out}.k-navigation--initializing{position:absolute;opacity:0}.k-navigation--responsive{max-height:100vh;overflow-y:auto}.k-navigation--responsive nav{flex-wrap:wrap}.k-navigation nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--k-navigation-max-width, 1200px);margin-inline:auto;width:100%}.k-navigation [active=true]{background-color:var(--k-navigation-active-background, var(--k-ui-color-neutral-lightest))}.k-navigation__logo{display:flex}.k-navigation__logo .k-button{padding-block:0;padding-inline:0}.k-navigation__logo .k-button:hover{background-color:transparent}.k-navigation__logo .k-image{height:var(--k-navigation-logo-height, 30px)}.k-navigation__logo [active=true]{background-color:initial}.k-navigation__bars{display:none}.k-navigation--bar-menu .k-navigation__bars,.k-navigation--responsive .k-navigation__bars{display:block}.k-navigation__items{display:flex;align-items:center;gap:var(--k-navigation-gap, 1rem)}.k-navigation--responsive .k-navigation__items{flex-direction:column;align-items:initial;margin-top:20px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}}.k-navigation--responsive:not(.k-navigation--expanded) .k-navigation__items-wrapper{display:none}.k-navigation--responsive .k-navigation__items-wrapper{width:100vw}.k-navigation--expanded .k-navigation__bars{order:2}.k-navigation--expanded .k-navigation__items-wrapper{order:3}.k-navigation--bar-menu.k-navigation--expanded{--__k-navigation-background-color: rgb(255, 255, 255);background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));overflow-y:initial}@keyframes navigation-expanded{0%{transform:translateY(-10px);opacity:1}}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__bars{background-color:transparent}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items-wrapper{background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));animation-name:navigation-expanded;animation-duration:.5s;height:100vh}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items-wrapper{width:100%;padding:var(--k-navigation-padding, var(--k-ui-spacing));margin-top:0;padding-top:0;background-color:var(--k-navigation-background-color, var(--__k-navigation-background-color));left:0;position:fixed;top:calc(var(--k-navigation-nav-height) - var(--k-navigation-nav-height-offset, 0px))}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items{max-height:100vh;overflow-y:auto;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));max-width:var(--k-navigation-max-width, 1200px);width:100%;gap:var(--k-navigation-item-gap, 3rem);align-items:flex-start!important}@media (max-width: 767px){.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items{grid-template-columns:1fr;gap:var(--k-navigation-item-gap, 1rem)}}.k-navigation--bar-menu.k-navigation--expanded .k-navigation__items .k-button{max-height:fit-content}@media (max-width: 767px){.k-navigation--bar-menu.k-navigation--expanded .k-navigation-item__list--placement-default{height:100%;padding-bottom:var(--k-navigation-item-gap, 1rem);border-bottom:1px solid currentColor}}.k-radiogroup--variant-radio{display:flex;align-items:flex-start;gap:var(--k-radiogroup-gap, var(--k-ui-spacing-xs));border-radius:var(--k-ui-rounding-sm)}.k-radiogroup--variant-radio:focus-within{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:8px}.k-radiogroup--variant-radio.k-radiogroup--direction-horizontal{flex-direction:row;flex-wrap:wrap}.k-radiogroup--variant-radio.k-radiogroup--direction-vertical{flex-direction:column}.k-radiogroup--variant-radio [data-part=label]{display:block;width:100%}.k-formcontrol .k-radiogroup--variant-radio [data-part=label]{visibility:hidden;width:0;height:0;position:absolute}.k-radiogroup--variant-radio label{display:flex;align-items:center;flex-direction:row-reverse;gap:.5rem;cursor:pointer}.k-radiogroup--variant-radio label[data-disabled]{cursor:not-allowed}.k-radiogroup--variant-radio [data-part=item-control]{display:flex;justify-content:center;align-items:center;width:var(--k-radiogroup-size, 1.25rem);height:var(--k-radiogroup-size, 1.25rem);border-radius:999px;border:1px solid var(--k-radiogroup-border-color, var(--k-ui-color-neutral))}.k-radiogroup--variant-radio [data-part=item-control] svg{display:none;width:50%}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked]{border-width:calc(var(--k-radiogroup-size, 1.25rem) / 3)}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked] svg{display:initial}.k-radiogroup--variant-radio [data-part=item-control][data-state=checked]:not([data-disabled]){background-color:#fff;border-color:var(--k-radiogroup-accent, var(--k-ui-color-primary-darkest))}.k-radiogroup--variant-radio [data-part=item-control][data-disabled]{background-color:var(--k-radiogroup-background-disabled, var(--k-ui-color-neutral-light));border-color:var(--k-radiogroup-accent-disabled, var(--k-ui-color-neutral))}.k-radiogroup--variant-radio [data-part=item-control][data-disabled]:not([data-state=checked]){border-width:0}.k-radiogroup--variant-segment{display:flex;background-color:var(--k-radiogroup-segment-background, var(--k-ui-color-neutral-lightest));border-radius:var(--k-radiogroup-segment-border-radius, var(--k-ui-rounding));padding:var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs))}.k-radiogroup--variant-segment [data-disabled]{cursor:not-allowed;color:#0000004d}.k-radiogroup--variant-segment:focus-within{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-radiogroup--variant-segment [data-part=indicator]{background-color:var(--k-radiogroup-segment-indicator-background, white);box-shadow:var(--k-ui-shadow);border-radius:inherit;height:var(--height);width:var(--width);top:var(--top);left:var(--left)}.k-radiogroup--variant-segment [data-part=item]{-webkit-user-select:none;user-select:none;cursor:pointer;padding-block:var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs));padding-inline:calc(var(--k-radiogroup-segment-padding, var(--k-ui-spacing-xs)) * 2);white-space:nowrap;z-index:1}.k-grid{display:grid;grid-template-columns:var(--k-grid-columns);grid-template-rows:var(--k-grid-rows);gap:var(--k-grid-gap);align-items:var(--k-grid-align);grid-template-areas:var(--k-grid-areas)}.k-grid>.k-grid-span-full{grid-column:1/-1}.k-grid>*{grid-area:var(--k-grid-item-area);align-self:var(--k-grid-item-align-self)}.k-scroller{overflow:auto}.k-scroller--appearance-shadow{background:linear-gradient(var(--k-scroller-background, transparent) 30%,rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0),var(--k-scroller-background, transparent) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#0000001a,#0000),radial-gradient(farthest-side at 50% 100%,#0000001a,#0000) 0 100%;background-repeat:no-repeat;background-color:var(--k-scroller-background, transparent);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.k-scroller--appearance-indicator .k-scroller__indicator{position:sticky;opacity:0;color:#414141;border:1px solid #e1e1e1;background-color:#fffffff5;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:35px;z-index:1;pointer-events:none;border-radius:20px 0 0 20px;transform-origin:center;transition:opacity .1s ease}.k-scroller--appearance-indicator .k-scroller__indicator svg{width:.375em;font-size:40px;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{transform:translate(-20%);opacity:.4}50%{transform:translate(20%);opacity:1}}.k-scroller--appearance-indicator.k-scroller--scrolled-to-left .k-scroller__indicator{opacity:1;left:100%;top:50%;transform:translate(-100%,-50%) rotate(0)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-right .k-scroller__indicator{opacity:1;left:0;top:50%;transform:translateY(-50%) rotate(180deg)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-top .k-scroller__indicator{opacity:1;left:50%;top:100%;transform:translate(-50%,-100%) rotate(90deg)}.k-scroller--appearance-indicator.k-scroller--scrolled-to-bottom .k-scroller__indicator{opacity:1;left:50%;top:0;transform:translate(-50%) rotate(-90deg)}.k-scroller.k-flex-grow{height:0}.k-dialog__container{overflow-y:auto;position:fixed;inset:0;display:flex;justify-content:center}.k-dialog__container.k-dialog--align-top{align-items:flex-start}.k-dialog__container.k-dialog--align-center{align-items:center}.k-dialog__card{position:relative;margin:var(--k-dialog-card-margin-desktop, var(--k-ui-spacing-xl));max-width:var(--k-dialog-max-width, 80ch);min-width:var(--k-dialog-min-width, 400px);animation:dialogCardAppear .4s var(--k-dialog-easing, cubic-bezier(.075, .82, .165, 1))}@media (width < 800px){.k-dialog__card{margin:var(--k-dialog-card-margin-mobile, var(--k-ui-spacing-sm))}}.k-dialog__backdrop{background-color:var(--k-dialog-backdrop-background, rgba(0, 0, 0, .3));position:fixed;inset:0;animation:dialogBackdropAppear .15s ease-out}.k-dialog__close-trigger{position:absolute;inset-block-start:var(--k-dialog-close-trigger-offset, var(--k-ui-spacing-sm));inset-inline-end:var(--k-dialog-close-trigger-offset, var(--k-ui-spacing-sm))}@keyframes dialogCardAppear{0%{opacity:0;translate:0 var(--k-dialog-animation-translation-distance, calc(var(--k-ui-spacing-lg) * -1));scale:.95}}@keyframes dialogBackdropAppear{0%{opacity:0}}.k-alertdialog__actions{width:100%}.k-media-thumbnail-actions{display:flex;flex-direction:column;gap:var(--k-media-thumbnail-actions-gap, var(--k-ui-spacing-xxs));font-size:.8em;position:absolute;top:-5px;right:-5px;transition:opacity .15s ease-out,transform .15s ease-out}.k-media-thumbnail-actions>*{aspect-ratio:1/1;height:var(--k-media-thumbnail-actions-height, 22px);color:#fff;display:flex;justify-content:center;align-items:center;font-size:var(--k-media-thumbnail-actions-font-size, var(--k-ui-font-size-xs));border-radius:var(--k-media-thumbnail-actions-border-radius, 50%);cursor:pointer}@media (hover: hover){.k-media-thumbnail-actions{opacity:0;transform:translateY(50%)}}.k-media-thumbnail-actions__delete{background-color:var(--k-media-thumbnail-actions-danger, var(--k-ui-color-danger))}.k-media-thumbnail-actions__download{background-color:var(--k-media-thumbnail-actions-primary, var(--k-ui-color-primary))}.k-media-thumbnail{position:relative}.k-media-thumbnail__item{background-color:var(--k-media-thumbnail-background-color, var(--k-ui-color-neutral-lightest));cursor:pointer;border-radius:var(--k-media-thumbnail-border-radius, var(--k-ui-rounding-sm))}.k-media-thumbnail__item--selected{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}@media (hover: hover){.k-media-thumbnail:hover .k-media-thumbnail-actions{opacity:1;transform:translateY(0)}}[data-id=k-media-type-selector-dialog]{width:700px}.k-media-type-selector{display:flex;font-size:.9em;flex-direction:column;align-items:center}.k-media-type-selector .k-button:hover{background-color:hsl(var(--k-ui-color-neutral-lightest-h),var(--k-ui-color-neutral-lightest-s),calc(var(--k-ui-color-neutral-lightest-l) - 2%))}.k-media-type-selector__info{margin-bottom:.5rem}.k-media-description.k-input{position:absolute;bottom:.5rem;left:.5rem;width:calc(100% - 1rem);z-index:1;transition:.15s ease-out}@media (hover: hover){.k-media-description.k-input{transform:translateY(1rem);opacity:0}}.k-media-droparea:focus-within .k-media-description.k-input,.k-media-droparea:hover .k-media-description.k-input,.k-media-description.k-input:focus-visible{opacity:1;transform:translateY(0)}.k-media-description .k-input__input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3;text-overflow:ellipsis;--k-input-padding-y: .5rem}.k-media-uploader{position:absolute;top:0;font-size:.7em;font-weight:700;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:200px;padding:1rem;border:1px solid var(--k-media-uploader-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-media-uploader-border-radius, var(--k-ui-rounding-sm));background-color:#fff}.k-media-uploader__bar{flex-grow:1;height:5px;margin:0 1rem;border-radius:var(--k-media-uploader-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-media-uploader-border-color, var(--k-ui-color-neutral-light))}.k-media-uploader__bar-value{height:inherit;transition:width .1s ease;border-radius:inherit;background-color:var(--k-media-uploader-primary, var(--k-ui-color-primary))}.k-media-uploader__meta{display:flex;align-items:center}.k-media-uploader__meta>*+*{margin-left:5px}.k-media-droparea{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;border:var(--k-media-droparea-border-width, 2px) dashed var(--k-media-droparea-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-media-droparea-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-media-droparea-background-color, var(--k-ui-color-neutral-lightest));background-repeat:no-repeat;background-position:center;flex-grow:1;min-height:150px;height:100%;flex-direction:column}.k-media-droparea:focus-within{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-media-droparea b{color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}.k-media-droparea:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;background-color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}@media (hover: hover){.k-media-droparea:hover .k-media-thumbnail-actions{opacity:1;transform:translateY(0)}}.k-media-droparea--active{border-color:var(--k-media-droparea-primary, var(--k-ui-color-primary))}.k-media-droparea--active:before{opacity:.15}.k-media-droparea--active iframe{display:none}.k-media-droparea--invalid{cursor:not-allowed;color:var(--k-media-droparea-danger, var(--k-ui-color-danger));border-color:var(--k-media-droparea-danger, var(--k-ui-color-danger));background-image:none!important}.k-media-droparea--invalid:before{opacity:.15;background-color:var(--k-media-droparea-danger, var(--k-ui-color-danger))}.k-media-droparea--invalid .k-media-droparea__instruction{background:transparent!important}.k-media-droparea--invalid iframe{display:none}.k-media-droparea--disabled{cursor:not-allowed;color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));border-color:var(--k-media-droparea-disabled, var(--k-ui-color-neutral-light))}.k-media-droparea--disabled b{color:inherit}.k-media-droparea--disabled:before{opacity:.15;background-color:var(--k-media-droparea-disabled, var(--k-ui-color-neutral-light))}.k-media-droparea__instruction{position:absolute;max-width:75ch;font-size:.9em;transition:opacity .25s ease;text-align:center;z-index:1}.k-media-droparea__instruction:focus-within{outline:2px solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}@media (hover: hover){.k-media-droparea--selected .k-media-droparea__instruction{padding:1rem;opacity:0;border-radius:var(--k-media-droparea-border-radius, var(--k-ui-rounding-sm));background-color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.k-media-droparea:focus-within .k-media-droparea__instruction,.k-media-droparea:hover .k-media-droparea__instruction,.k-media-droparea--active .k-media-droparea__instruction{opacity:1}.k-media-droparea__input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.k-media-droparea__input[type=text]{z-index:-1;pointer-events:none}.k-media-droparea__input:disabled{cursor:not-allowed}.k-media-droparea .k-media-uploader{margin-top:1rem}.k-media--inside .k-media-droparea .k-media-uploader{position:absolute;top:0;right:0;margin-top:2rem;margin-right:2rem}.k-media-image__thumbnail{position:relative;background-position:center;background-size:cover}.k-media-image-preview{text-align:center;background-repeat:no-repeat;background-position:center;border-radius:inherit;background-origin:content-box;flex-grow:1;height:100%;width:100%}.k-media{position:relative;display:flex;flex-direction:column;text-align:left}.k-media__label{font-weight:700}.k-media__label-required:after{margin-left:.2em;content:"*";color:var(--k-media-danger, var(--k-ui-color-danger))}.k-media__label-wrapper{margin-bottom:.5em}.k-media__sublabel{font-size:.9em;display:block;opacity:.5}.k-media__thumbnails{display:flex;flex-wrap:wrap;margin-top:var(--k-ui-spacing-sm);gap:var(--k-media-gap, var(--k-ui-spacing-xs))}.k-media--placement-inside .k-media__thumbnails{position:absolute;right:2rem;bottom:2rem}[data-id=k-selector-dialog] .k-dialog__card-header{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:1rem}.k-selector__input{cursor:pointer;position:relative;height:100%;padding:1.1em;border:1px solid var(--k-ui-color-neutral);border-radius:var(--k-ui-rounding)}.k-selector__modal-sidebar{padding-right:2rem;margin-right:2rem;border-right:1px solid var(--k-ui-color-neutral)}.k-selector__modal-content{display:flex;flex-direction:column;gap:1rem}.k-selector__items{max-height:450px;overflow-y:scroll;background:linear-gradient(#fff 30%,#fff0),linear-gradient(#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,#0000001a,#0000),radial-gradient(farthest-side at 50% 100%,#0000001a,#0000) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll;-ms-overflow-style:none}.k-selector__items::-webkit-scrollbar{width:6px}.k-selector__items::-webkit-scrollbar-thumb{background:var(--k-ui-color-neutral);border-radius:50px}.k-selector__items::-webkit-scrollbar-thumb:hover{background:hsl(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),calc(var(--k-ui-color-neutral-l) - 10%))}.k-selector__items::-webkit-scrollbar-track{background:transparent}.k-selector__item{cursor:pointer;padding:.5rem;transition:background-color .15s ease,border-color .15s ease;border-radius:var(--k-ui-rounding);border:1px solid transparent}.k-selector__item:not(.k-selector__item--selected):hover{background-color:hsla(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),var(--k-ui-color-neutral-l),.3);border-color:hsla(var(--k-ui-color-neutral-h),var(--k-ui-color-neutral-s),var(--k-ui-color-neutral-l),.3)}.k-selector__item--selected{background-color:hsla(var(--k-ui-color-primary-h),var(--k-ui-color-primary-s),var(--k-ui-color-primary-l),.2);border-color:hsla(var(--k-ui-color-primary-h),var(--k-ui-color-primary-s),var(--k-ui-color-primary-l),.4)}.k-selector__item--disabled{cursor:not-allowed}.k-switch{display:flex;align-items:center;cursor:pointer;gap:.5rem}.k-switch[data-disabled]{cursor:not-allowed;opacity:var(--k-ui-opacity-faded)}.k-switch:focus-within [data-part=control]{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-switch [data-part=label]{line-height:0}.k-switch [data-part=control]{display:inline-flex;flex-shrink:0;justify-content:flex-start;box-sizing:content-box;cursor:inherit;border-radius:var(--k-switch-border-radius, var(--k-ui-rounding-full));padding:var(--k-switch-offset, .125rem);width:var(--k-switch-width, 2rem);height:var(--k-switch-height, 1rem);background:var(--k-switch-background, var(--k-ui-color-neutral));transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-duration:.15s}.k-switch [data-part=control][data-state=checked]{background:var(--k-switch-background-checked, var(--k-ui-color-primary))}.k-switch [data-part=control] [data-part=thumb]{background:#fff;border-radius:inherit;width:var(--k-switch-height, 1rem);height:var(--k-switch-height, 1rem);transition-property:transform;transition-duration:.2s}.k-switch [data-part=control] [data-part=thumb][data-state=checked]{transform:translate(calc(var(--k-switch-width, 2rem) - var(--k-switch-height, 1rem)))}.k-file-uploader{font-size:.7em;font-weight:700;padding:1rem;border:1px solid var(--k-file-uploader-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-uploader-border-radius, var(--k-ui-rounding-sm));background-color:#fff}.k-file-uploader__bar{flex-grow:1;height:5px;margin:0 1rem;border-radius:var(--k-file-uploader-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-uploader-border-color, var(--k-ui-color-neutral-light))}.k-file-uploader__bar-value{height:inherit;transition:width .1s ease;border-radius:inherit;background-color:var(--k-file-uploader-primary, var(--k-ui-color-primary))}.k-file-uploader__meta{display:flex;align-items:center}.k-file-uploader__meta>*+*{margin-left:5px}.k-file-droparea{position:relative;display:flex;align-items:center;flex-grow:1;justify-content:center;text-align:center;padding:1.5rem 1rem;transition:background-color .15s ease-out,border-color .15s ease-out;border:var(--k-file-droparea-border-width, 2px) dashed var(--k-file-droparea-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-droparea-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-droparea-background-color, var(--k-ui-color-neutral-lightest));background-repeat:no-repeat;background-position:center;background-origin:content-box}.k-file-droparea b{color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";opacity:0;background-color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea--active{border-color:var(--k-file-droparea-primary, var(--k-ui-color-primary))}.k-file-droparea--active:before{opacity:.15}.k-file-droparea--invalid{cursor:not-allowed;color:var(--k-file-droparea-danger, var(--k-ui-color-danger));border-color:var(--k-file-droparea-danger, var(--k-ui-color-danger))}.k-file-droparea--invalid:before{opacity:.15;background-color:var(--k-file-droparea-danger, var(--k-ui-color-danger))}.k-file-droparea--disabled{cursor:not-allowed;color:hsl(var(--k-ui-color-neutral-dark-h),var(--k-ui-color-neutral-dark-s),calc(var(--k-ui-color-neutral-dark-l) + 40%));border-color:var(--k-file-droparea-disabled, var(--k-ui-color-neutral-light))}.k-file-droparea--disabled b{color:inherit}.k-file-droparea--disabled:before{opacity:.15;background-color:var(--k-file-droparea-disabled, var(--k-ui-color-neutral-light))}.k-file-droparea__instruction{font-size:.9em;transition:opacity .25s ease}.k-file-droparea__input{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.k-buttongroup{border:var(--k-buttongroup-border-width, 1px) solid var(--k-buttongroup-border-color, var(--k-ui-color-neutral));border-radius:var(--k-buttongroup-border-radius, var(--k-ui-rounding-lg))}.k-buttongroup [data-part=item]{border:0;border-radius:0;padding:var(--k-buttongroup-spacing, var(--k-ui-spacing-sm))}.k-buttongroup [data-part=item]:has(+*:not([data-part=item])),.k-buttongroup [data-part=item]:nth-last-child(1){border-top-right-radius:inherit;border-bottom-right-radius:inherit}.k-buttongroup [data-part=item]:has(*:not([data-part=item])+*),.k-buttongroup [data-part=item]:nth-child(1){border-top-left-radius:inherit;border-bottom-left-radius:inherit}.k-buttongroup [data-part=item]+[data-part=item]{border-left:var(--k-buttongroup-border-width, 1px) solid var(--k-buttongroup-border-color, var(--k-ui-color-neutral))}.k-buttongroup [data-part=item][data-state=on],.k-buttongroup [data-part=item][data-state=on]:hover{background-color:var(--k-buttongroup-active, var(--k-ui-color-neutral-light))}.k-file-thumbnail{line-height:1;position:relative;display:flex;align-items:center;gap:var(--k-file-thumbnail-spacing, var(--k-ui-spacing));padding:var(--k-file-thumbnail-spacing, var(--k-ui-spacing));border:1px solid var(--k-file-thumbnail-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-thumbnail-border-radius, var(--k-ui-rounding-sm));background-color:var(--k-file-thumbnail-background-color, white);color:inherit}.k-file-thumbnail--clickable{cursor:pointer}.k-file-thumbnail__preview{border:1px solid var(--k-file-thumbnail-border-color, var(--k-ui-color-neutral-light));border-radius:var(--k-file-thumbnail-border-radius, var(--k-ui-rounding-sm));width:var(--k-file-thumbnail-size, 4.6rem);height:var(--k-file-thumbnail-size, 4.6rem)}.k-file-thumbnail__preview-image{width:var(--k-file-thumbnail-image-size, 4rem)}.k-file-thumbnail__preview-icon{font-size:var(--k-file-thumbnail-icon-size, 3rem);width:1em;height:1em}.k-file-thumbnail__name{font:inherit;transition:background-color .15s ease-out;color:inherit;border:none;border-radius:var(--k-file-thumbnail-border-radius, var(--k-ui-rounding-sm));background-color:transparent}.k-file-thumbnail__name:hover:not(:disabled){background-color:var(--k-file-thumbnail-border-color, var(--k-ui-color-neutral-light))}.k-file-thumbnail__info{display:flex;flex-direction:column;flex-grow:1}.k-file-thumbnail__info-footer{display:flex;align-items:center;margin-top:.2rem}.k-file-thumbnail__size{font-size:.8em;margin-right:calc(var(--k-file-thumbnail-spacing, var(--k-ui-spacing)) / 2);opacity:.75}.k-file-thumbnail__download{transition:opacity .15s ease-out,color .15s ease-out}.k-file-thumbnail__handle{cursor:grab;transition:opacity .2s ease;opacity:0}.k-file-thumbnail:hover .k-file-thumbnail__handle{opacity:1}.k-file-thumbnail__delete{color:var(--k-button-danger-background, var(--k-ui-color-danger));background-color:var(--k-button-danger-text, white)}.k-file-thumbnail__delete:focus,.k-file-thumbnail__delete:active,.k-file-thumbnail__delete:hover{color:var(--k-button-danger-text, white)}.k-file{display:flex;flex-direction:column;text-align:left}.k-file__label{font-weight:700}.k-file__label-required:after{margin-left:.2em;content:"*";color:var(--k-file-danger, var(--k-ui-color-danger))}.k-file__label-wrapper{margin-bottom:.5em}.k-file__sublabel{font-size:.9em;display:block;opacity:.5}.k-file__thumbnails{display:flex;flex-direction:column;gap:var(--k-file-gap, var(--k-ui-spacing-xs))}.k-file__thumbnails .sortable-ghost{opacity:0}.k-expandable{box-sizing:border-box;border:0;border-radius:var(--k-expandable-border-radius, var(--k-ui-rounding-lg));background-color:var(--k-expandable-background, var(--k-ui-color-neutral-lightest));padding:0;margin:0;min-width:0}.k-expandable__header{border-radius:inherit}.k-expandable__header--open{border-bottom-right-radius:0;border-bottom-left-radius:0}.k-expandable legend{border:0;width:100%;float:inline-start;box-sizing:border-box;padding:var(--k-expandable-spacing, var(--k-ui-spacing))}.k-expandable legend:focus-visible{outline-offset:var(--k-ui-outline-offset);outline:2px solid var(--k-ui-outline-color)}.k-expandable legend span{justify-content:start}.k-expandable--expanded legend{border-bottom:var(--k-expandable-border-width, 1px) solid var(--k-expandable-border-color, var(--k-ui-color-neutral))}.k-expandable__title{font-weight:600;font-size:1em}.k-expandable__subtitle{font-weight:400;font-size:.75em}.k-expandable__actions{margin-left:auto}.k-expandable__content{padding:var(--k-expandable-spacing, var(--k-ui-spacing));gap:var(--k-expandable-gap, var(--k-ui-spacing))}.k-expandable__footer{border-top:var(--k-expandable-border-width, 1px) solid var(--k-expandable-border-color, var(--k-ui-color-neutral));padding:var(--k-expandable-spacing, var(--k-ui-spacing))}.k-expandable--variant-shadow{box-shadow:var(--k-expandable-shadow, var(--k-ui-shadow-lg))}.k-expandable--variant-border{border:var(--k-expandable-border-width, 1px) solid var(--k-expandable-border-color, var(--k-ui-color-neutral))}.k-richtext{background-color:var(--k-richtext-background, white);position:relative;border:var(--k-richtext-border-width, 1px) solid var(--k-richtext-border-color, var(--k-ui-color-neutral));border-radius:var(--k-richtext-border-radius, var(--k-ui-rounding-lg))}.k-richtext:focus-within{outline:var(--k-ui-outline-width) solid var(--k-ui-outline-color);outline-offset:var(--k-ui-outline-offset)}.k-richtext__menu{padding:var(--k-richtext-spacing, var(--k-ui-spacing-sm))}.k-richtext__menu-group{width:max-content;box-shadow:var(--k-richtext-shadow, var(--k-ui-shadow))}.k-richtext__editor .tiptap{padding:var(--k-richtext-spacing, var(--k-ui-spacing-sm));padding-top:0;min-height:6rem;height:100%}.k-richtext__editor .tiptap p.is-editor-empty:first-child:before{opacity:var(--k-ui-opacity-faded);content:attr(data-placeholder);float:left;height:0;pointer-events:none}.k-richtext__editor .tiptap>*:first-child{margin-top:0}.k-richtext__editor .tiptap li p,.k-richtext__editor .tiptap ol p{margin:0}.k-richtext__editor .tiptap:focus{outline:none}.kvass-icon-selector{--__kvass-icon-selector-background-color: white;--__kvass-icon-selector-trigger-padding-y: 1rem;--__kvass-icon-selector-trigger-padding-x: 1rem;--__kvass-icon-selector-border-width: 1px;--__kvass-icon-selector-border-style: solid;--__kvass-icon-selector-border-color: #eaeaea;--__kvass-icon-selector-border-radius: 6px;--__kvass-icon-selector-max-width: 100%;--__kvass-icon-selector-label-color: currentColor;--__kvass-icon-selector-label-weight: 400;--__kvass-icon-selector-transition-easing: ease-out;--__kvass-icon-selector-transition-duration: .1s;--__kvass-icon-selector-z-index: 1009;max-width:var(--kvass-icon-selector-max-width, var(--__kvass-icon-selector-max-width))}.kvass-icon-selector__trigger{cursor:pointer;font:inherit;text-align:start;width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--kvass-icon-selector-padding-x, var(--__kvass-icon-selector-padding-x));background-color:var(--kvass-icon-selector-background-color, var(--__kvass-icon-selector-background-color));padding:var(--kvass-icon-selector-trigger-padding-y, var(--__kvass-icon-selector-trigger-padding-y)) var(--kvass-icon-selector-trigger-padding-x, var(--__kvass-icon-selector-trigger-padding-x));border:var(--kvass-icon-selector-border-width, var(--__kvass-icon-selector-border-width)) var(--kvass-icon-selector-border-style, var(--__kvass-icon-selector-border-style)) var(--kvass-icon-selector-border-color, var(--__kvass-icon-selector-border-color));border-radius:var(--kvass-icon-selector-border-radius, var(--__kvass-icon-selector-border-radius))}.kvass-icon-selector__trigger-icon{opacity:.5}.kvass-icon-selector .k-formcontrol__label{color:var(--kvass-icon-selector-label-color, var(--__kvass-icon-selector-label-color));font-weight:var(--kvass-icon-selector-label-weight, var(--__kvass-icon-selector-label-weight))}.kvass-icon-selector__footer{width:100%}.kvass-icon-selector__dialog .k-dialog{--k-dialog-max-width: 1000px;--k-dialog-min-width: 100px}.kvass-icon-selector__dialog .k-dialog__card{width:100%}.kvass-icon-selector__dialog .k-dialog__backdrop,.kvass-icon-selector__dialog .k-dialog__container{z-index:var(--kvass-icon-selector-z-index, var(--__kvass-icon-selector-z-index))}.kvass-icon-selector__header{position:sticky;top:0;background:var(--kvass-icon-selector-background-color, var(--__kvass-icon-selector-background-color));grid-column:1/-1}.kvass-icon-selector .fade-enter-active,.kvass-icon-selector .fade-leave-active{transition:all var(--kvass-icon-selector-transition-duration, var(--__kvass-icon-selector-transition-duration)) var(--kvass-icon-selector-transition-easing, var(--__kvass-icon-selector-transition-easing))}.kvass-icon-selector .fade-enter-from,.kvass-icon-selector .fade-leave-to{opacity:0}',hr={class:"kvass-icon-selector"},fr=["id"],_r={key:0},xr={class:"kvass-icon-selector__header"},yr={key:0,style:{"margin-bottom":"0"}},wr={key:1,style:{opacity:"0.5"}},zr={style:{"grid-column":"1 / -1","text-align":"center"}},jr={style:{"grid-column":"1/-1",opacity:"0.5","letter-spacing":"0.5px","margin-block-end":"0.2rem"}},Cr={class:"kvass-icon-selector__header"},Sr={key:0,style:{"margin-bottom":"0"}},Ir={key:1,style:{opacity:"0.5","margin-block":"0.5rem 1.5rem"}},$r={__name:"IconSelector.ce",props:{apiUrl:{type:String,default:"https://icons.ui.kvass.no"},value:String,default:String,defaultSearch:String,label:String,collections:{type:String,default:"fa-pro-solid,fa-pro-light,fa-pro-regular,fa-pro-brands,fa-pro-duotone"},searchPlaceholder:{type:String,default:c("iconSelectWidgetHelpText")},featuredIcons:String},setup(o){const l=o,{getCollections:g,getIcons:y}=cr(l.apiUrl),m=w(),t=w(),p=w(),f=w(!1),B=D(()=>p.value?.length===v.value?.length),v=D(()=>f.value?p.value:p.value?.slice(0,400)),j=w((l.value||l.default||"").replaceAll('"',"")),_=w(""),s=w("");function V(){s.value="",_.value="",E.value="",f.value=!1}function J(d){s.value=s.value===d?"":d}function K(){_.value&&(j.value=_.value)}const Q=nr();F(j,async d=>{d&&Q.value.dispatchEvent(new CustomEvent("webcomponent:update",{detail:d,bubbles:!0,composed:!0}))}),F(s,async d=>{d&&(t.value=await y({collection:d}),p.value=t.value.icons)}),X(async()=>{m.value=await g({collections:l.collections})});const E=w(l.defaultSearch),L=lr(E,500);F(L,async d=>{d!=null&&(t.value=await y({collection:s.value,collections:s.value||l.collections,search:d}),p.value=t.value.icons)},{immediate:!0});function T(d){return _.value===d||j.value===d&&!_.value}const W=w(l.featuredIcons?.split(",").map(d=>d.trim()));return(d,q)=>(a(),u("div",hr,[n(r(tr),{class:"kvass-icon-selector__dialog",title:r(c)("selectIcon"),"close-on-outside-click":!1,teleport:!1,onClose:V},{trigger:i(({triggerProps:e})=>[n(r(or),{label:o.label},{default:i(({id:h})=>[x("button",G({id:h,class:"kvass-icon-selector__trigger"},e),[j.value?(a(),b(r($),{key:1,icon:j.value,style:{"font-size":"1.25rem"}},null,8,["icon"])):(a(),u("span",_r)),n(r($),{icon:"tabler:selector",class:"kvass-icon-selector__trigger-icon"})],16,fr)]),_:2},1032,["label"])]),title:i(({titleProps:e})=>[x("strong",G(e,{style:{"margin-bottom":"1rem",display:"block"}}),k(r(c)("selectIcon")),17),n(r(ir),{placeholder:o.searchPlaceholder,modelValue:E.value,"onUpdate:modelValue":q[0]||(q[0]=h=>E.value=h)},null,8,["placeholder","modelValue"])]),default:i(()=>[n(Z,{name:"fade",mode:"out-in"},{default:i(()=>[n(r(ar),{style:{"max-height":"50dvh"}},{default:i(()=>[E.value?(a(),b(r(A),{key:0,gap:"0.5rem",columns:"repeat(auto-fill, minmax(2rem, 1fr))"},{default:i(()=>[n(r(z),null,{default:i(()=>[x("div",xr,[x("button",{onClick:V,style:{background:"none",border:"none",font:"inherit"}},[n(r($),{icon:"tabler:arrow-left"}),Y(" "+k(r(c)("goBack")),1)]),s.value&&t.value.prefix?(a(),u("h3",yr,k(r(c)(t.value.prefix)),1)):C("",!0),t.value.total?(a(),u("p",wr,k(t.value.total)+" "+k(r(c)("iconsSelectWidgetIconsFound")),1)):C("",!0)])]),_:1}),r(L)&&v.value?.length?(a(!0),u(S,{key:0},I(v.value,e=>(a(),b(r(z),{key:e},{default:i(()=>[n(U,{icon:e,selected:T(e),onClick:h=>_.value=e},null,8,["icon","selected","onClick"])]),_:2},1024))),128)):v.value?.length?(a(),u(S,{key:2},I(100,e=>n(r(z),{key:e},{default:i(()=>[n(r(er),{height:"2rem",width:"2rem",rounding:"6px"})]),_:2},1024)),64)):(a(),b(r(z),{key:1},{default:i(()=>[x("div",zr,k(r(c)("iconsSelectWidgetNoIconsMatchYourSearch")),1)]),_:1}))]),_:1})):s.value?t.value?(a(),b(r(A),{key:2,gap:"0",columns:"repeat(auto-fill, minmax(2.5rem, 1fr))"},{default:i(()=>[n(r(z),null,{default:i(()=>[x("div",Cr,[x("button",{onClick:V,style:{background:"none",border:"none",font:"inherit"}},[n(r($),{icon:"tabler:arrow-left"}),Y(" "+k(r(c)("goBack")),1)]),t.value.prefix?(a(),u("h3",Sr,k(r(c)(t.value.prefix)),1)):C("",!0),t.value.total?(a(),u("p",Ir,k(t.value.total)+" "+k(r(c)("icon",2)),1)):C("",!0)])]),_:1}),(a(!0),u(S,null,I(v.value,e=>(a(),b(r(z),{key:e},{default:i(()=>[n(U,{icon:`${s.value}:${e}`,selected:T(`${s.value}:${e}`),onClick:h=>_.value=`${s.value}:${e}`},null,8,["icon","selected","onClick"])]),_:2},1024))),128)),n(r(z),null,{default:i(()=>[n(r(M),{justify:"center",style:{"grid-column":"1/-1"}},{default:i(()=>[B.value?C("",!0):(a(),b(r(N),{key:0,variant:"secondary","icon-right":"tabler:loader",size:"small",onClick:q[1]||(q[1]=e=>f.value=!0),loading:f.value},{default:i(()=>[Y(k(r(c)("loadAllElements")),1)]),_:1},8,["loading"]))]),_:1})]),_:1})]),_:1})):C("",!0):(a(),b(r(A),{key:1,gap:"1rem",columns:"repeat(auto-fill, minmax(200px, 1fr))"},{default:i(()=>[W.value?(a(),b(r(z),{key:0},{default:i(()=>[n(r(A),{style:{"grid-column":"1/-1","margin-block-end":"1rem"},gap:"0",columns:"repeat(auto-fill, minmax(2.5rem, 1fr))"},{default:i(()=>[x("small",jr,k(r(c)("highlightedIcons")),1),(a(!0),u(S,null,I(W.value,e=>(a(),b(U,{icon:e,selected:T(e),onClick:h=>_.value=e},null,8,["icon","selected","onClick"]))),256))]),_:1})]),_:1})):C("",!0),(a(!0),u(S,null,I(m.value,(e,h)=>(a(),b(r(z),{key:h},{default:i(()=>[n(H,{collection:e,prefix:h,selected:s.value===h,onClick:Br=>J(h)},null,8,["collection","prefix","selected","onClick"])]),_:2},1024))),128))]),_:1}))]),_:1})]),_:1})]),actions:i(({close:e})=>[n(r(M),{align:"center",justify:"end",gap:"0.5rem",class:"kvass-icon-selector__footer"},{default:i(()=>[n(r(N),{onClick:e,variant:"tertiary"},{default:i(()=>[Y(k(r(c)("cancel")),1)]),_:2},1032,["onClick"]),n(r(N),{onClick:()=>{K(),e()},variant:"primary"},{default:i(()=>[Y(k(r(c)("confirm")),1)]),_:2},1032,["onClick"])]),_:2},1024)]),_:1},8,["title"])]))}},O=P($r,[["styles",[mr]]]);O.styles=[...O.styles,...H.styles,...U.styles];customElements.define("kvass-icon-selector",rr(O));
package/dist/img-comparison-slider.js CHANGED
@@ -1 +1 @@
1
- import{q as _,s as S,_ as k,b,o as E,e as L,w as T,a as v,v as g,t as x,m as M,p as D}from"./_plugin-vue_export-helper.js";(()=>{var f={792:(s,n,r)=>{r.d(n,{Z:()=>u});var a=r(609),d=r.n(a)()(function(l){return l[1]});d.push([s.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);const u=d},609:s=>{s.exports=function(n){var r=[];return r.toString=function(){return this.map(function(a){var d=n(a);return a[2]?"@media ".concat(a[2]," {").concat(d,"}"):d}).join("")},r.i=function(a,d,u){typeof a=="string"&&(a=[[null,a,""]]);var l={};if(u)for(var h=0;h<this.length;h++){var w=this[h][0];w!=null&&(l[w]=!0)}for(var e=0;e<a.length;e++){var t=[].concat(a[e]);u&&l[t[0]]||(d&&(t[2]?t[2]="".concat(d," and ").concat(t[2]):t[2]=d),r.push(t))}},r}}},p={};function c(s){var n=p[s];if(n!==void 0)return n.exports;var r=p[s]={id:s,exports:{}};return f[s](r,r.exports,c),r.exports}c.n=s=>{var n=s&&s.__esModule?()=>s.default:()=>s;return c.d(n,{a:n}),n},c.d=(s,n)=>{for(var r in n)c.o(n,r)&&!c.o(s,r)&&Object.defineProperty(s,r,{enumerable:!0,get:n[r]})},c.o=(s,n)=>Object.prototype.hasOwnProperty.call(s,n),(()=>{var s=c(792);const n="rendered",r=(e,t)=>{const i=e.getBoundingClientRect();let o,m;return t.type==="mousedown"?(o=t.clientX,m=t.clientY):(o=t.touches[0].clientX,m=t.touches[0].clientY),o>=i.x&&o<=i.x+i.width&&m>=i.y&&m<=i.y+i.height};let a;const d={ArrowLeft:-1,ArrowRight:1},u=["horizontal","vertical"],l=e=>({x:e.touches[0].pageX,y:e.touches[0].pageY}),h=e=>({x:e.pageX,y:e.pageY}),w=typeof window<"u"&&window?.HTMLElement;typeof window<"u"&&(window.document&&(a=document.createElement("template"),a.innerHTML='<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '),window.customElements.define("img-comparison-slider",class extends w{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=i=>{if(this.isMouseDown||this.slideOnHover){const o=h(i);this.slideToPage(o)}},this.bodyUserSelectStyle="",this.bodyWebkitUserSelectStyle="",this.onMouseDown=i=>{if(this.slideOnHover||this.handle&&!r(this.handleElement,i))return;i.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const o=h(i);this.slideToPage(o),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,this.bodyWebkitUserSelectStyle=window.document.body.style.webkitUserSelect,window.document.body.style.userSelect="none",window.document.body.style.webkitUserSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.document.body.style.webkitUserSelect=this.bodyWebkitUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=i=>{this.dragByHandle&&!r(this.handleElement,i)||(this.touchStartPoint=l(i),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=i=>{if(this.touchStartPoint===null)return;const o=l(i);if(this.isTouchComparing)return this.slideToPage(o),i.preventDefault(),!1;if(!this.hasTouchMoved){const m=Math.abs(o.y-this.touchStartPoint.y),y=Math.abs(o.x-this.touchStartPoint.x);if(this.slideDirection==="horizontal"&&m<y||this.slideDirection==="vertical"&&m>y)return this.isTouchComparing=!0,this.focus(),this.slideToPage(o),i.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=i=>{if(this.keyboard==="disabled")return;const o=d[i.key];this.animationDirection!==o&&o!==void 0&&(this.animationDirection=o,this.startSlideAnimation())},this.onKeyUp=i=>{if(this.keyboard==="disabled")return;const o=d[i.key];o!==void 0&&this.animationDirection===o&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.innerHTML=s.Z,this.getAttribute("nonce")&&t.setAttribute("nonce",this.getAttribute("nonce")),e.appendChild(t),e.appendChild(a.content.cloneNode(!0)),this.firstElement=e.getElementById("first"),this.handleElement=e.getElementById("handle")}set handle(e){this.dragByHandle=e.toString().toLowerCase()!=="false"}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(e){const t=parseFloat(e);t!==this.exposure&&(this.exposure=t,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(e){this.slideOnHover=e.toString().toLowerCase()!=="false",this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(e){this.slideDirection=e.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...u),u.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",e=>(e.preventDefault(),!1)),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&this.getAttribute("keyboard")==="disabled"?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(n)||this.classList.add(n)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(e,t,i){e==="hover"&&(this.hover=i),e==="direction"&&(this.direction=i),e==="keyboard"&&(this.keyboard=i==="disabled"?"disabled":"enabled")}setExposure(e=0){var t;this.exposure=(t=this.exposure+e)<0?0:t>100?100:t,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(e=0){this.setExposure(e);const t=new Event("slide");this.dispatchEvent(t)}slideToPage(e){this.slideDirection==="horizontal"&&this.slideToPageX(e.x),this.slideDirection==="vertical"&&this.slideToPageY(e.y)}slideToPageX(e){const t=e-this.getBoundingClientRect().left-window.scrollX;this.exposure=t/this.imageWidth*100,this.slide(0)}slideToPageY(e){const t=e-this.getBoundingClientRect().top-window.scrollY;this.exposure=t/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout(()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null},100)}startSlideAnimation(){let e=null,t=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");const i=o=>{if(this.animationDirection===0||t!==this.animationDirection)return;e===null&&(e=o);const m=(o-e)/16.666666666666668*this.animationDirection;this.slide(m),setTimeout(()=>window.requestAnimationFrame(i),0),e=o};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}))})()})();const C=_({name:"ImgComparisonSlider",setup(f,{slots:p}){return()=>S("img-comparison-slider",p.default())}}),A=".img-comparison-slider{width:100%;height:100%;--divider-width: 4px;--divider-color: black}.img-comparison-slider__image{width:100%;height:100%;object-fit:cover}.img-comparison-slider .handle{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:1rem;min-width:800px;font-size:1rem}@media (max-width: 600px){.img-comparison-slider .handle{font-size:.75rem}}.img-comparison-slider .handle__caption{color:#fff;word-wrap:wrap;width:100%}.img-comparison-slider .handle__caption--left{text-align:right}.img-comparison-slider .handle__svg{padding:.3em;background-color:#000;border-radius:100%}.img-comparison-slider .handle__svg svg{width:2.5em;height:2.5em}",P=["src"],H=["src"],B={slot:"handle",class:"handle"},I={class:"handle__caption handle__caption--left"},O=["innerHTML"],U={class:"handle__caption handle__caption--right"},z={__name:"ImgComparisonSlider.ce",props:{firstImage:{type:String,default:"https://assets.kvass.no/641c0b087c49867b0b1065ec,Første bilde"},secondImage:{type:String,default:"https://assets.kvass.no/641c0a8c7c49867b0b106570,Andre bilde"},options:{type:String,default:""},handleSvg:{type:String,default:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -3 16 6"><path stroke="#fff" d="M -3 -2 L -5 0 L -3 2 M -3 -2 L -3 2 M 3 -2 L 5 0 L 3 2 M 3 -2 L 3 2" stroke-width="1" fill="#fff" vector-effect="non-scaling-stroke"></path></svg>'}},setup(f){const p={value:50,hover:!1,direction:"horizontal",keyboard:"enabled",handle:!1};function c(l){if(!l)return{};const h=l.split(",");return{url:h[0],description:h[1]}}const s=f,n=c(s.firstImage),r=b(()=>n.description),a=c(s.secondImage),d=b(()=>a.description),u=b(()=>{const l=s.options.split(",").map(h=>h.split(":"));return Object.fromEntries(l)});return(l,h)=>(E(),L(g(C),M({style:`--first-image-caption: ${r.value}; --second-image-caption: ${d.value}`,tabindex:"0",class:"img-comparison-slider"},{...p,...u.value}),{default:T(()=>[v("img",{slot:"first",class:"img-comparison-slider__image",src:g(n).url},null,8,P),v("img",{slot:"second",class:"img-comparison-slider__image",src:g(a).url},null,8,H),v("div",B,[v("p",I,x(g(n).description),1),v("div",{class:"handle__svg",innerHTML:f.handleSvg},null,8,O),v("p",U,x(g(a).description),1)])]),_:1},16,["style"]))}},F=k(z,[["styles",[A]]]);customElements.define("kvass-img-comparison-slider",D(F));
1
+ import{q as _,s as S,_ as k,b,e as E,o as L,w as T,a as f,v as g,t as x,m as M,p as D}from"./_plugin-vue_export-helper.js";(()=>{var v={792:(s,n,r)=>{r.d(n,{Z:()=>u});var a=r(609),d=r.n(a)()(function(l){return l[1]});d.push([s.id,':host{--divider-width: 1px;--divider-color: #fff;--divider-shadow: none;--default-handle-width: 50px;--default-handle-color: #fff;--default-handle-opacity: 1;--default-handle-shadow: none;--handle-position-start: 50%;position:relative;display:inline-block;overflow:hidden;line-height:0;direction:ltr}@media screen and (-webkit-min-device-pixel-ratio: 0)and (min-resolution: 0.001dpcm){:host{outline-offset:1px}}:host(:focus){outline:2px solid -webkit-focus-ring-color}::slotted(*){-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.first{position:absolute;left:0;top:0;right:0;line-height:normal;font-size:100%;max-height:100%;height:100%;width:100%;--exposure: 50%;--keyboard-transition-time: 0ms;--default-transition-time: 0ms;--transition-time: var(--default-transition-time)}.first .first-overlay-container{position:relative;clip-path:inset(0 var(--exposure) 0 0);transition:clip-path var(--transition-time);height:100%}.first .first-overlay{overflow:hidden;height:100%}.first.focused{will-change:clip-path}.first.focused .first-overlay-container{will-change:clip-path}.second{position:relative}.handle-container{transform:translateX(50%);position:absolute;top:0;right:var(--exposure);height:100%;transition:right var(--transition-time),bottom var(--transition-time)}.focused .handle-container{will-change:right}.divider{position:absolute;height:100%;width:100%;left:0;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.divider:after{content:" ";display:block;height:100%;border-left-width:var(--divider-width);border-left-style:solid;border-left-color:var(--divider-color);box-shadow:var(--divider-shadow)}.handle{position:absolute;top:var(--handle-position-start);pointer-events:none;box-sizing:border-box;margin-left:1px;transform:translate(calc(-50% - 0.5px), -50%);line-height:0}.default-handle{width:var(--default-handle-width);opacity:var(--default-handle-opacity);transition:all 1s;filter:drop-shadow(var(--default-handle-shadow))}.default-handle path{stroke:var(--default-handle-color)}.vertical .first-overlay-container{clip-path:inset(0 0 var(--exposure) 0)}.vertical .handle-container{transform:translateY(50%);height:auto;top:unset;bottom:var(--exposure);width:100%;left:0;flex-direction:row}.vertical .divider:after{height:1px;width:100%;border-top-width:var(--divider-width);border-top-style:solid;border-top-color:var(--divider-color);border-left:0}.vertical .handle{top:auto;left:var(--handle-position-start);transform:translate(calc(-50% - 0.5px), -50%) rotate(90deg)}',""]);const u=d},609:s=>{s.exports=function(n){var r=[];return r.toString=function(){return this.map(function(a){var d=n(a);return a[2]?"@media ".concat(a[2]," {").concat(d,"}"):d}).join("")},r.i=function(a,d,u){typeof a=="string"&&(a=[[null,a,""]]);var l={};if(u)for(var h=0;h<this.length;h++){var w=this[h][0];w!=null&&(l[w]=!0)}for(var e=0;e<a.length;e++){var t=[].concat(a[e]);u&&l[t[0]]||(d&&(t[2]?t[2]="".concat(d," and ").concat(t[2]):t[2]=d),r.push(t))}},r}}},p={};function c(s){var n=p[s];if(n!==void 0)return n.exports;var r=p[s]={id:s,exports:{}};return v[s](r,r.exports,c),r.exports}c.n=s=>{var n=s&&s.__esModule?()=>s.default:()=>s;return c.d(n,{a:n}),n},c.d=(s,n)=>{for(var r in n)c.o(n,r)&&!c.o(s,r)&&Object.defineProperty(s,r,{enumerable:!0,get:n[r]})},c.o=(s,n)=>Object.prototype.hasOwnProperty.call(s,n),(()=>{var s=c(792);const n="rendered",r=(e,t)=>{const i=e.getBoundingClientRect();let o,m;return t.type==="mousedown"?(o=t.clientX,m=t.clientY):(o=t.touches[0].clientX,m=t.touches[0].clientY),o>=i.x&&o<=i.x+i.width&&m>=i.y&&m<=i.y+i.height};let a;const d={ArrowLeft:-1,ArrowRight:1},u=["horizontal","vertical"],l=e=>({x:e.touches[0].pageX,y:e.touches[0].pageY}),h=e=>({x:e.pageX,y:e.pageY}),w=typeof window<"u"&&window?.HTMLElement;typeof window<"u"&&(window.document&&(a=document.createElement("template"),a.innerHTML='<div class="second" id="second"> <slot name="second"><slot name="before"></slot></slot> </div> <div class="first" id="first"> <div class="first-overlay"> <div class="first-overlay-container" id="firstImageContainer"> <slot name="first"><slot name="after"></slot></slot> </div> </div> <div class="handle-container"> <div class="divider"></div> <div class="handle" id="handle"> <slot name="handle"> <svg xmlns="http://www.w3.org/2000/svg" class="default-handle" viewBox="-8 -3 16 6"> <path d="M -5 -2 L -7 0 L -5 2 M 5 -2 L 7 0 L 5 2" fill="none" vector-effect="non-scaling-stroke"/> </svg> </slot> </div> </div> </div> '),window.customElements.define("img-comparison-slider",class extends w{constructor(){super(),this.exposure=this.hasAttribute("value")?parseFloat(this.getAttribute("value")):50,this.slideOnHover=!1,this.slideDirection="horizontal",this.keyboard="enabled",this.isMouseDown=!1,this.animationDirection=0,this.isFocused=!1,this.dragByHandle=!1,this.onMouseMove=i=>{if(this.isMouseDown||this.slideOnHover){const o=h(i);this.slideToPage(o)}},this.bodyUserSelectStyle="",this.bodyWebkitUserSelectStyle="",this.onMouseDown=i=>{if(this.slideOnHover||this.handle&&!r(this.handleElement,i))return;i.preventDefault(),window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onWindowMouseUp),this.isMouseDown=!0,this.enableTransition();const o=h(i);this.slideToPage(o),this.focus(),this.bodyUserSelectStyle=window.document.body.style.userSelect,this.bodyWebkitUserSelectStyle=window.document.body.style.webkitUserSelect,window.document.body.style.userSelect="none",window.document.body.style.webkitUserSelect="none"},this.onWindowMouseUp=()=>{this.isMouseDown=!1,window.document.body.style.userSelect=this.bodyUserSelectStyle,window.document.body.style.webkitUserSelect=this.bodyWebkitUserSelectStyle,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onWindowMouseUp)},this.touchStartPoint=null,this.isTouchComparing=!1,this.hasTouchMoved=!1,this.onTouchStart=i=>{this.dragByHandle&&!r(this.handleElement,i)||(this.touchStartPoint=l(i),this.isFocused&&(this.enableTransition(),this.slideToPage(this.touchStartPoint)))},this.onTouchMove=i=>{if(this.touchStartPoint===null)return;const o=l(i);if(this.isTouchComparing)return this.slideToPage(o),i.preventDefault(),!1;if(!this.hasTouchMoved){const m=Math.abs(o.y-this.touchStartPoint.y),y=Math.abs(o.x-this.touchStartPoint.x);if(this.slideDirection==="horizontal"&&m<y||this.slideDirection==="vertical"&&m>y)return this.isTouchComparing=!0,this.focus(),this.slideToPage(o),i.preventDefault(),!1;this.hasTouchMoved=!0}},this.onTouchEnd=()=>{this.isTouchComparing=!1,this.hasTouchMoved=!1,this.touchStartPoint=null},this.onBlur=()=>{this.stopSlideAnimation(),this.isFocused=!1,this.firstElement.classList.remove("focused")},this.onFocus=()=>{this.isFocused=!0,this.firstElement.classList.add("focused")},this.onKeyDown=i=>{if(this.keyboard==="disabled")return;const o=d[i.key];this.animationDirection!==o&&o!==void 0&&(this.animationDirection=o,this.startSlideAnimation())},this.onKeyUp=i=>{if(this.keyboard==="disabled")return;const o=d[i.key];o!==void 0&&this.animationDirection===o&&this.stopSlideAnimation()},this.resetDimensions=()=>{this.imageWidth=this.offsetWidth,this.imageHeight=this.offsetHeight};const e=this.attachShadow({mode:"open"}),t=document.createElement("style");t.innerHTML=s.Z,this.getAttribute("nonce")&&t.setAttribute("nonce",this.getAttribute("nonce")),e.appendChild(t),e.appendChild(a.content.cloneNode(!0)),this.firstElement=e.getElementById("first"),this.handleElement=e.getElementById("handle")}set handle(e){this.dragByHandle=e.toString().toLowerCase()!=="false"}get handle(){return this.dragByHandle}get value(){return this.exposure}set value(e){const t=parseFloat(e);t!==this.exposure&&(this.exposure=t,this.enableTransition(),this.setExposure())}get hover(){return this.slideOnHover}set hover(e){this.slideOnHover=e.toString().toLowerCase()!=="false",this.removeEventListener("mousemove",this.onMouseMove),this.slideOnHover&&this.addEventListener("mousemove",this.onMouseMove)}get direction(){return this.slideDirection}set direction(e){this.slideDirection=e.toString().toLowerCase(),this.slide(0),this.firstElement.classList.remove(...u),u.includes(this.slideDirection)&&this.firstElement.classList.add(this.slideDirection)}static get observedAttributes(){return["hover","direction"]}connectedCallback(){this.hasAttribute("tabindex")||(this.tabIndex=0),this.addEventListener("dragstart",e=>(e.preventDefault(),!1)),new ResizeObserver(this.resetDimensions).observe(this),this.setExposure(0),this.keyboard=this.hasAttribute("keyboard")&&this.getAttribute("keyboard")==="disabled"?"disabled":"enabled",this.addEventListener("keydown",this.onKeyDown),this.addEventListener("keyup",this.onKeyUp),this.addEventListener("focus",this.onFocus),this.addEventListener("blur",this.onBlur),this.addEventListener("touchstart",this.onTouchStart,{passive:!0}),this.addEventListener("touchmove",this.onTouchMove,{passive:!1}),this.addEventListener("touchend",this.onTouchEnd),this.addEventListener("mousedown",this.onMouseDown),this.handle=this.hasAttribute("handle")?this.getAttribute("handle"):this.dragByHandle,this.hover=this.hasAttribute("hover")?this.getAttribute("hover"):this.slideOnHover,this.direction=this.hasAttribute("direction")?this.getAttribute("direction"):this.slideDirection,this.resetDimensions(),this.classList.contains(n)||this.classList.add(n)}disconnectedCallback(){this.transitionTimer&&window.clearTimeout(this.transitionTimer)}attributeChangedCallback(e,t,i){e==="hover"&&(this.hover=i),e==="direction"&&(this.direction=i),e==="keyboard"&&(this.keyboard=i==="disabled"?"disabled":"enabled")}setExposure(e=0){var t;this.exposure=(t=this.exposure+e)<0?0:t>100?100:t,this.firstElement.style.setProperty("--exposure",100-this.exposure+"%")}slide(e=0){this.setExposure(e);const t=new Event("slide");this.dispatchEvent(t)}slideToPage(e){this.slideDirection==="horizontal"&&this.slideToPageX(e.x),this.slideDirection==="vertical"&&this.slideToPageY(e.y)}slideToPageX(e){const t=e-this.getBoundingClientRect().left-window.scrollX;this.exposure=t/this.imageWidth*100,this.slide(0)}slideToPageY(e){const t=e-this.getBoundingClientRect().top-window.scrollY;this.exposure=t/this.imageHeight*100,this.slide(0)}enableTransition(){this.firstElement.style.setProperty("--transition-time","100ms"),this.transitionTimer=window.setTimeout(()=>{this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)"),this.transitionTimer=null},100)}startSlideAnimation(){let e=null,t=this.animationDirection;this.firstElement.style.setProperty("--transition-time","var(--keyboard-transition-time)");const i=o=>{if(this.animationDirection===0||t!==this.animationDirection)return;e===null&&(e=o);const m=(o-e)/16.666666666666668*this.animationDirection;this.slide(m),setTimeout(()=>window.requestAnimationFrame(i),0),e=o};window.requestAnimationFrame(i)}stopSlideAnimation(){this.animationDirection=0,this.firstElement.style.setProperty("--transition-time","var(--default-transition-time)")}}))})()})();const C=_({name:"ImgComparisonSlider",setup(v,{slots:p}){return()=>S("img-comparison-slider",p.default())}}),A=".img-comparison-slider{width:100%;height:100%;--divider-width: 4px;--divider-color: black}.img-comparison-slider__image{width:100%;height:100%;object-fit:cover}.img-comparison-slider .handle{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:1rem;min-width:800px;font-size:1rem}@media (max-width: 600px){.img-comparison-slider .handle{font-size:.75rem}}.img-comparison-slider .handle__caption{color:#fff;word-wrap:wrap;width:100%}.img-comparison-slider .handle__caption--left{text-align:right}.img-comparison-slider .handle__svg{padding:.3em;background-color:#000;border-radius:100%}.img-comparison-slider .handle__svg svg{width:2.5em;height:2.5em}",P=["src"],H=["src"],B={slot:"handle",class:"handle"},I={class:"handle__caption handle__caption--left"},O=["innerHTML"],U={class:"handle__caption handle__caption--right"},z={__name:"ImgComparisonSlider.ce",props:{firstImage:{type:String,default:"https://assets.kvass.no/641c0b087c49867b0b1065ec,Første bilde"},secondImage:{type:String,default:"https://assets.kvass.no/641c0a8c7c49867b0b106570,Andre bilde"},options:{type:String,default:""},handleSvg:{type:String,default:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -3 16 6"><path stroke="#fff" d="M -3 -2 L -5 0 L -3 2 M -3 -2 L -3 2 M 3 -2 L 5 0 L 3 2 M 3 -2 L 3 2" stroke-width="1" fill="#fff" vector-effect="non-scaling-stroke"></path></svg>'}},setup(v){const p={value:50,hover:!1,direction:"horizontal",keyboard:"enabled",handle:!1};function c(l){if(!l)return{};const h=l.split(",");return{url:h[0],description:h[1]}}const s=v,n=c(s.firstImage),r=b(()=>n.description),a=c(s.secondImage),d=b(()=>a.description),u=b(()=>{const l=s.options.split(",").map(h=>h.split(":"));return Object.fromEntries(l)});return(l,h)=>(L(),E(g(C),M({style:`--first-image-caption: ${r.value}; --second-image-caption: ${d.value}`,tabindex:"0",class:"img-comparison-slider"},{...p,...u.value}),{default:T(()=>[f("img",{slot:"first",class:"img-comparison-slider__image",src:g(n).url},null,8,P),f("img",{slot:"second",class:"img-comparison-slider__image",src:g(a).url},null,8,H),f("div",B,[f("p",I,x(g(n).description),1),f("div",{class:"handle__svg",innerHTML:v.handleSvg},null,8,O),f("p",U,x(g(a).description),1)])]),_:1},16,["style"]))}},F=k(z,[["styles",[A]]]);customElements.define("kvass-img-comparison-slider",D(F));