diff --git a/assets/index-B9xXJZdR.js b/assets/index-B9xXJZdR.js deleted file mode 100644 index c3df45c..0000000 --- a/assets/index-B9xXJZdR.js +++ /dev/null @@ -1,5 +0,0 @@ -var R=t=>{throw TypeError(t)};var D=(t,n,s)=>n.has(t)||R("Cannot "+s);var d=(t,n,s)=>(D(t,n,"read from private field"),s?s.call(t):n.get(t)),m=(t,n,s)=>n.has(t)?R("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(t):n.set(t,s),f=(t,n,s,e)=>(D(t,n,"write to private field"),e?e.call(t,s):n.set(t,s),s);(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))e(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const r of a.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&e(r)}).observe(document,{childList:!0,subtree:!0});function s(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function e(i){if(i.ep)return;i.ep=!0;const a=s(i);fetch(i.href,a)}})();const p=document.querySelector(".todo-list"),F=p.querySelectorAll(".todo"),j=150,K=750;let l=null,I=null,h=!1;F.forEach(t=>{const n=t.querySelector(".todo__handle");n&&(t.setAttribute("draggable","false"),n.addEventListener("mousedown",()=>{t.setAttribute("draggable","true")}),n.addEventListener("mouseup",()=>{t.setAttribute("draggable","false")}),n.addEventListener("focus",()=>{t.setAttribute("draggable","true")}),n.addEventListener("blur",()=>{t.setAttribute("draggable","false")})),n.addEventListener("keydown",s=>{let e=null;switch(s.key){case"ArrowUp":if(e=t.previousElementSibling,e){const i=t.getBoundingClientRect(),a=e.getBoundingClientRect();e.before(t),E(t,a),L(e,i),n.focus()}return;case"ArrowDown":if(e=t.nextElementSibling,e){const i=t.getBoundingClientRect(),a=e.getBoundingClientRect();e.after(t),E(e,i),L(t,a),n.focus()}return;default:return}}),t.addEventListener("dragstart",()=>{p.classList.add("event-dragging"),t.classList.add("is-dragging"),l=t}),t.addEventListener("dragend",()=>{const s=l.querySelector(".todo__handle");p.classList.remove("event-dragging"),t.classList.remove("is-dragging"),l=null,h&&(console.log("Save order"),s&&s.focus(),n&&t.setAttribute("draggable","false"),h=!1)}),t.addEventListener("dragenter",()=>{if(t===l||t.getAnimations().length)return;const s=l.getBoundingClientRect(),e=t.getBoundingClientRect();l.getBoundingClientRect().top>t.getBoundingClientRect().top+t.getBoundingClientRect().height/2?(t.before(l),E(l,e),L(t,s)):(t.after(l),E(t,s),L(l,e)),h=!0}),t.addEventListener("dragover",s=>{s.preventDefault()}),t.addEventListener("drop",s=>{s.preventDefault();const e=l.querySelector(".todo__handle");console.log("Save order"),e&&e.focus(),n&&t.setAttribute("draggable","false"),h=!1}),n.addEventListener("touchstart",()=>{console.log("touchstart"),p.classList.add("event-touching"),t.classList.add("is-touching"),l=t}),n.addEventListener("touchmove",s=>{s.preventDefault();const e=p.getBoundingClientRect();if(P(s.changedTouches[0],e)){const i=[...F].find(w=>w!=l&&!w.getAnimations().length&&P(s.changedTouches[0],w.getBoundingClientRect()));if(!i||i===I)return;const a=l.getBoundingClientRect(),r=i.getBoundingClientRect();l.getBoundingClientRect().top>i.getBoundingClientRect().top+i.getBoundingClientRect().height/2?(i.before(l),E(l,r),L(i,a)):(i.after(l),E(i,a),L(l,r)),H(i),h=!0}}),n.addEventListener("touchend",s=>{console.log("touchend");const e=l.querySelector(".todo__handle");p.classList.remove("event-touching"),t.classList.remove("is-touching"),l=null,h&&(console.log("Save order"),e&&e.focus(),h=!1)}),n.addEventListener("touchcancel",s=>{console.log("touchcancel",s);const e=l.querySelector(".todo__handle");p.classList.remove("event-touching"),t.classList.remove("is-touching"),l=null,h&&(console.log("Save order"),e&&e.focus(),h=!1)})});function H(t){I=t,setTimeout(()=>{I=null},K)}function P(t,n){return t.clientX>n.left&&t.clientXn.top&&t.clientYe===n);if(s>=0){const e=this.collection[s];Object.getOwnPropertyNames(e).forEach(i=>{delete e[i]}),this.collection.splice(s,1)}return this.collection}async registerCollection(n){return await Promise.all(Array.from(n,s=>{this.register(s)})),this.collection}async deregisterCollection(){for(;this.collection.length>0;)await this.deregister(this.collection[0]);return this.collection}get(n,s="id"){return this.collection.find(e=>e[s]===n)}}const o={inert:":not([inert]):not([inert] *)",negTabIndex:':not([tabindex^="-"])',disabled:":not(:disabled)"},U=[`a[href]${o.inert}${o.negTabIndex}`,`area[href]${o.inert}${o.negTabIndex}`,`input:not([type="hidden"]):not([type="radio"])${o.inert}${o.negTabIndex}${o.disabled}`,`input[type="radio"]${o.inert}${o.negTabIndex}${o.disabled}`,`select${o.inert}${o.negTabIndex}${o.disabled}`,`textarea${o.inert}${o.negTabIndex}${o.disabled}`,`button${o.inert}${o.negTabIndex}${o.disabled}`,`details${o.inert} > summary:first-of-type${o.negTabIndex}`,`iframe${o.inert}${o.negTabIndex}`,`audio[controls]${o.inert}${o.negTabIndex}`,`video[controls]${o.inert}${o.negTabIndex}`,`[contenteditable]${o.inert}${o.negTabIndex}`,`[tabindex]${o.inert}${o.negTabIndex}`];var $,b,v;class X{constructor(n=null,s="[data-focus]"){m(this,$);m(this,b);m(this,v);this.el=n,this.selectorFocus=s,f(this,b,G.bind(this)),f(this,v,z.bind(this))}get focusable(){return d(this,$)}set focusable(n){f(this,$,n),d(this,$).length?(document.removeEventListener("keydown",d(this,v)),document.addEventListener("keydown",d(this,b))):(document.removeEventListener("keydown",d(this,b)),document.addEventListener("keydown",d(this,v)))}get focusableFirst(){return this.focusable[0]}get focusableLast(){return this.focusable[this.focusable.length-1]}mount(n,s){n&&(this.el=n),s&&(this.selectorFocus=s),this.focusable=this.getFocusable(),this.focus()}unmount(){this.el=null,this.focusable=[],document.removeEventListener("keydown",d(this,b)),document.removeEventListener("keydown",d(this,v))}focus(n=this.el,s=this.selectorFocus){(n.querySelector(s)||n).focus()}getFocusable(n=this.el){const s=[],e=document.activeElement,i=n.scrollTop;return n.querySelectorAll(U.join(",")).forEach(r=>{r.focus(),document.activeElement===r&&s.push(r)}),n.scrollTop=i,e.focus(),s}}$=new WeakMap,b=new WeakMap,v=new WeakMap;function G(t){(t.key==="Tab"||t.keyCode===9)&&(t.shiftKey?(document.activeElement===this.focusableFirst||document.activeElement===this.el)&&(t.preventDefault(),this.focusableLast.focus()):(document.activeElement===this.focusableLast||document.activeElement===this.el)&&(t.preventDefault(),this.focusableFirst.focus()))}function z(t){(t.key==="Tab"||t.keyCode===9)&&t.preventDefault()}function _(){return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim()}function Q(t,n=document.body){if(t.slice(0,2)!=="--"){const e=_();e&&(t=`${e}${t}`),t=`--${t}`}const s=getComputedStyle(n).getPropertyValue(t).trim();if(s)return s;throw new Error(`CSS variable "${t}" was not found!`)}function W(t,n){const e=(t.getAttribute(`data-${n}`)||"").replace(/'/g,'"');return e?JSON.parse(e):{}}function Z(t,n=!0){const s=localStorage.getItem(t),e=s?JSON.parse(s):{};return{get(i){return i?e[i]:e},set(i,a){return a?e[i]=a:delete e[i],n&&localStorage.setItem(t,JSON.stringify(e)),e}}}function q(t,n,s,e="transition-duration"){return new Promise(i=>{if(typeof e=="string"){const a=Q(e,t),r=!!a.includes("ms");e=parseFloat(a)*(r?1:1e3)}t.classList.remove(n.finish),t.classList.add(s.start),setTimeout(()=>{t.classList.add(s.finish),t.classList.remove(s.start),i(t)},e)})}function tt(t,n){n&&document.querySelectorAll(n).forEach(e=>{t?e.style.overflow="hidden":e.style.removeProperty("overflow")})}function et(t,n){n&&document.querySelectorAll(n).forEach(e=>{t?(e.inert=!0,e.setAttribute("aria-hidden",!0)):(e.inert=null,e.removeAttribute("aria-hidden"))})}function A(t,n){et(!!t,n.selectorInert),tt(!!t,n.selectorOverflow)}const st={autoMount:!1,dataOpen:"drawer-open",dataClose:"drawer-close",dataToggle:"drawer-toggle",dataBreakpoint:"drawer-breakpoint",dataConfig:"drawer-config",selectorDrawer:".drawer",selectorDialog:".drawer__dialog",selectorScreen:".drawer",selectorFocus:"[data-focus]",selectorInert:null,selectorOverflow:"body",stateOpened:"is-opened",stateOpening:"is-opening",stateClosing:"is-closing",stateClosed:"is-closed",classModal:"drawer_modal",breakpoints:null,customEventPrefix:"drawer:",eventListeners:!0,store:!0,storeKey:"VB:DrawerState",setTabindex:!0,transition:!0,transitionDuration:"drawer-transition-duration"};function nt(t){t.store==="opened"?t.open(!1,!1):t.store==="closed"?t.close(!1,!1):t.store==="indeterminate"?t.state="indeterminate":t.el.classList.contains(t.getSetting("stateOpened"))?t.open(!1,!1):t.el.classList.contains(t.getSetting("stateClosed"))?t.close(!1,!1):t.state="indeterminate"}async function it(t){t.store==="opened"?await t.open(!1,!1):t.store==="closed"?await t.close(!1,!1):t.store==="indeterminate"?t.state!="indeterminate"&&(t.state="indeterminate"):(t.state!=t.inlineState&&(t.state=t.inlineState),t.inlineState==="opened"?await t.open(!1,!1):t.inlineState==="closed"&&await t.close(!1,!1))}function ot(t){const n=_(),s=t.getAttribute(`data-${this.settings.dataBreakpoint}`);return this.settings.breakpoints&&this.settings.breakpoints[s]?this.settings.breakpoints[s]:getComputedStyle(document.body).getPropertyValue(`--${n}breakpoint-${s}`).trim()?getComputedStyle(document.body).getPropertyValue(`--${n}breakpoint-${s}`).trim():s}function S(t){const n=typeof t=="string"?this.get(t):this.get(t.id);if(n)return n;throw new Error(`Drawer not found in collection with id of "${t.id||t}".`)}function V(t){t.state==="opened"?t.mode==="modal"?this.focusTrap.mount(t.dialog,this.settings.selectorFocus):this.focusTrap.focus(t.dialog,this.settings.selectorFocus):(t.trigger&&(t.trigger.focus(),t.trigger=null),this.focusTrap.unmount())}async function at(t){const n=t.target.closest(` - [data-${this.settings.dataOpen}], - [data-${this.settings.dataToggle}], - [data-${this.settings.dataClose}] - `);if(n){t.preventDefault(),n.matches(`[data-${this.settings.dataToggle}]`)&&n.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach(e=>{const i=S.call(this,e);return i.trigger=n,i.toggle()}),n.matches(`[data-${this.settings.dataOpen}]`)&&n.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach(e=>{const i=S.call(this,e);return i.trigger=n,i.open()}),n.matches(`[data-${this.settings.dataClose}]`)&&n.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach(e=>{if(e){const i=S.call(this,e);return i.trigger=n,i.close()}else{const i=t.target.closest(this.settings.selectorDrawer);if(i)return this.close(i)}});return}if(this.activeModal&&t.target.matches(this.settings.selectorScreen))return this.close(this.activeModal.id)}function rt(t){if(t.key==="Escape"&&this.activeModal)return this.close(this.activeModal)}async function O(t,n=!0){const s=this.collection.findIndex(e=>e.id===t.id);if(s>=0){const e=this.collection[s];n&&e.state==="opened"&&await e.close(!1),this.store.set(e.id),e.unmountBreakpoint(),Object.getOwnPropertyNames(e).forEach(i=>{delete e[i]}),this.collection.splice(s,1)}return this.collection}async function B(t,n,s=!0){const e=S.call(this,t),i={...this.settings,...e.settings};return n!==void 0&&(i.transition=n),(e.state==="closed"||e.state==="indeterminate")&&(e.state="opening",i.transition?await q(e.el,{start:i.stateClosing,finish:i.stateClosed},{start:i.stateOpening,finish:i.stateOpened},i.transitionDuration):(e.el.classList.add(i.stateOpened),e.el.classList.remove(i.stateClosed)),e.state="opened",e.mode==="modal"&&A(!0,i),s&&V.call(this,e),e.el.dispatchEvent(new CustomEvent(i.customEventPrefix+"opened",{detail:this,bubbles:!0}))),e}async function x(t,n,s=!0){const e=S.call(this,t),i={...this.settings,...e.settings};return n!==void 0&&(i.transition=n),(e.state==="opened"||e.state==="indeterminate")&&(e.state="closing",document.activeElement.blur(),i.transition?await q(e.el,{start:i.stateOpening,finish:i.stateOpened},{start:i.stateClosing,finish:i.stateClosed},i.transitionDuration):(e.el.classList.add(i.stateClosed),e.el.classList.remove(i.stateOpened)),e.state="closed",e.mode==="modal"&&A(!1,i),s&&V.call(this,e),e.el.dispatchEvent(new CustomEvent(i.customEventPrefix+"closed",{detail:this,bubbles:!0}))),e}async function N(t,n,s){const e=S.call(this,t);return e.state==="closed"?B.call(this,e,n,s):x.call(this,e,n,s)}function lt(t){switch(t.mode){case"inline":return ct.call(this,t);case"modal":return dt.call(this,t);default:throw new Error(`"${t.mode}" is not a valid drawer mode.`)}}async function ct(t){return t.el.classList.remove(t.getSetting("classModal")),t.dialog.removeAttribute("aria-modal"),A(!1,{...this.settings,...t.settings}),this.focusTrap.unmount(),await it(t),t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix")+"switchMode",{detail:this,bubbles:!0})),t}async function dt(t){return t.el.classList.add(t.getSetting("classModal")),t.dialog.setAttribute("aria-modal","true"),await x.call(this,t,!1,!1),t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix")+"switchMode",{detail:this,bubbles:!0})),t}async function ut(t,n={}){await O.call(this,t,!1);const s=this,e=new Y;let i,a="indeterminate";const r={id:t.id,el:t,dialog:null,trigger:null,settings:{...W(t,this.settings.dataConfig),...n},inlineState:"indeterminate",get breakpoint(){return ot.call(s,t)},get store(){return s.store.get(this.id)},get mode(){return i},set mode(c){i=c,lt.call(s,this)},get state(){return a},set state(c){a=c,this.mode==="inline"&&c!="opening"&&c!="closing"&&(this.inlineState=c,this.getSetting("store")&&s.store.set(this.id,c)),c==="indeterminate"&&(this.el.classList.remove(this.getSetting("stateOpened")),this.el.classList.remove(this.getSetting("stateOpening")),this.el.classList.remove(this.getSetting("stateClosed")),this.el.classList.remove(this.getSetting("stateClosing")))},open(c,g){return B.call(s,this,c,g)},close(c,g){return x.call(s,this,c,g)},toggle(c,g){return N.call(s,this,c,g)},deregister(){return O.call(s,this)},mountBreakpoint(){const c=this.breakpoint,g=this.handleBreakpoint.bind(this);return e.mount(c,g),this},unmountBreakpoint(){return e.unmount(),this},handleBreakpoint(c){const g=c.matches?"inline":"modal";return this.mode!=g&&(this.mode=g),this},getSetting(c){return c in this.settings?this.settings[c]:s.settings[c]}};this.collection.push(r);const w=t.querySelector(r.getSetting("selectorDialog"));return r.dialog=w||t,r.getSetting("setTabindex")&&r.dialog.setAttribute("tabindex","-1"),await nt(r),r.inlineState=r.state,r.mode=t.classList.contains(r.getSetting("classModal"))?"modal":"inline",r.breakpoint&&r.mountBreakpoint(),r}var C,T;class gt extends J{constructor(s){super();m(this,C);m(this,T);this.defaults=st,this.settings={...this.defaults,...s},this.focusTrap=new X,this.store=Z(this.settings.storeKey,this.settings.store),f(this,C,at.bind(this)),f(this,T,rt.bind(this)),this.settings.autoMount&&this.mount()}get activeModal(){return this.collection.find(s=>s.state==="opened"&&s.mode==="modal")}async mount(s=null){s&&(this.settings={...this.settings,...s});const e=document.querySelectorAll(this.settings.selectorDrawer);return await this.registerCollection(e),this.settings.eventListeners&&this.mountEventListeners(),this}async unmount(){return await this.deregisterCollection(),this.settings.eventListeners&&this.unmountEventListeners(),this}mountEventListeners(){document.addEventListener("click",d(this,C),!1),document.addEventListener("keydown",d(this,T),!1)}unmountEventListeners(){document.removeEventListener("click",d(this,C),!1),document.removeEventListener("keydown",d(this,T),!1)}register(s,e={}){let i=typeof s=="string"?document.getElementById(s):s;return i?ut.call(this,i,e):Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${s.id||s}".`))}deregister(s){let e=this.get(s.id||s);return e?O.call(this,e):Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${s.id||s}".`))}open(s,e,i){return B.call(this,s,e,i)}close(s,e,i){return x.call(this,s,e,i)}toggle(s,e,i){return N.call(this,s,e,i)}}C=new WeakMap,T=new WeakMap;const k=new gt({autoMount:!0});k.mount().then(()=>k.register("aside-drawer",{classModal:"aside_modal",store:!1})).then(()=>{window.drawer=k});const y=document.querySelector(".layout__content");y.addEventListener("click",t=>{t.target===y&&y.focus()}); diff --git a/assets/index-D0FI8Pov.js b/assets/index-D0FI8Pov.js new file mode 100644 index 0000000..19fb396 --- /dev/null +++ b/assets/index-D0FI8Pov.js @@ -0,0 +1,5 @@ +var q=Object.defineProperty;var k=t=>{throw TypeError(t)};var V=(t,e,s)=>e in t?q(t,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):t[e]=s;var I=(t,e,s)=>V(t,typeof e!="symbol"?e+"":e,s),O=(t,e,s)=>e.has(t)||k("Cannot "+s);var c=(t,e,s)=>(O(t,e,"read from private field"),s?s.call(t):e.get(t)),h=(t,e,s)=>e.has(t)?k("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(t):e.set(t,s),g=(t,e,s,i)=>(O(t,e,"write to private field"),i?i.call(t,s):e.set(t,s),s);(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const n of document.querySelectorAll('link[rel="modulepreload"]'))i(n);new MutationObserver(n=>{for(const a of n)if(a.type==="childList")for(const r of a.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&i(r)}).observe(document,{childList:!0,subtree:!0});function s(n){const a={};return n.integrity&&(a.integrity=n.integrity),n.referrerPolicy&&(a.referrerPolicy=n.referrerPolicy),n.crossOrigin==="use-credentials"?a.credentials="include":n.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function i(n){if(n.ep)return;n.ep=!0;const a=s(n);fetch(n.href,a)}})();var d;class N{constructor(e,s){h(this,d);this.value=e,g(this,d,s),this.mql=null}get handler(){return c(this,d)}set handler(e){this.mql&&this.mql.removeEventListener("change",c(this,d)),g(this,d,e)}mount(e,s){return e&&(this.value=e),s&&g(this,d,s),this.value?(this.mql=window.matchMedia(`(min-width: ${this.value})`),this.mql.addEventListener("change",c(this,d)),c(this,d).call(this,this.mql),this):this}unmount(){return this.mql?(this.mql.removeEventListener("change",c(this,d)),this.value=null,g(this,d,null),this.mql=null,this):this}}d=new WeakMap;class D{constructor(){this.collection=[]}async register(e){return await this.deregister(e),this.collection.push(e),this.collection}async deregister(e){const s=this.collection.findIndex(i=>i===e);if(s>=0){const i=this.collection[s];Object.getOwnPropertyNames(i).forEach(n=>{delete i[n]}),this.collection.splice(s,1)}return this.collection}async registerCollection(e){return await Promise.all(Array.from(e,s=>{this.register(s)})),this.collection}async deregisterCollection(){for(;this.collection.length>0;)await this.deregister(this.collection[0]);return this.collection}get(e,s="id"){return this.collection.find(i=>i[s]===e)}}const o={inert:":not([inert]):not([inert] *)",negTabIndex:':not([tabindex^="-"])',disabled:":not(:disabled)"},j=[`a[href]${o.inert}${o.negTabIndex}`,`area[href]${o.inert}${o.negTabIndex}`,`input:not([type="hidden"]):not([type="radio"])${o.inert}${o.negTabIndex}${o.disabled}`,`input[type="radio"]${o.inert}${o.negTabIndex}${o.disabled}`,`select${o.inert}${o.negTabIndex}${o.disabled}`,`textarea${o.inert}${o.negTabIndex}${o.disabled}`,`button${o.inert}${o.negTabIndex}${o.disabled}`,`details${o.inert} > summary:first-of-type${o.negTabIndex}`,`iframe${o.inert}${o.negTabIndex}`,`audio[controls]${o.inert}${o.negTabIndex}`,`video[controls]${o.inert}${o.negTabIndex}`,`[contenteditable]${o.inert}${o.negTabIndex}`,`[tabindex]${o.inert}${o.negTabIndex}`];var v,f,m;class K{constructor(e=null,s="[data-focus]"){h(this,v);h(this,f);h(this,m);this.el=e,this.selectorFocus=s,g(this,f,Y.bind(this)),g(this,m,J.bind(this))}get focusable(){return c(this,v)}set focusable(e){g(this,v,e),c(this,v).length?(document.removeEventListener("keydown",c(this,m)),document.addEventListener("keydown",c(this,f))):(document.removeEventListener("keydown",c(this,f)),document.addEventListener("keydown",c(this,m)))}get focusableFirst(){return this.focusable[0]}get focusableLast(){return this.focusable[this.focusable.length-1]}mount(e,s){e&&(this.el=e),s&&(this.selectorFocus=s),this.focusable=this.getFocusable(),this.focus()}unmount(){this.el=null,this.focusable=[],document.removeEventListener("keydown",c(this,f)),document.removeEventListener("keydown",c(this,m))}focus(e=this.el,s=this.selectorFocus){(e.querySelector(s)||e).focus()}getFocusable(e=this.el){const s=[],i=document.activeElement,n=e.scrollTop;return e.querySelectorAll(j.join(",")).forEach(r=>{r.focus(),document.activeElement===r&&s.push(r)}),e.scrollTop=n,i.focus(),s}}v=new WeakMap,f=new WeakMap,m=new WeakMap;function Y(t){(t.key==="Tab"||t.keyCode===9)&&(t.shiftKey?(document.activeElement===this.focusableFirst||document.activeElement===this.el)&&(t.preventDefault(),this.focusableLast.focus()):(document.activeElement===this.focusableLast||document.activeElement===this.el)&&(t.preventDefault(),this.focusableFirst.focus()))}function J(t){(t.key==="Tab"||t.keyCode===9)&&t.preventDefault()}function R(){return getComputedStyle(document.body).getPropertyValue("--vb-prefix").trim()}function H(t,e=document.body){if(t.slice(0,2)!=="--"){const i=R();i&&(t=`${i}${t}`),t=`--${t}`}const s=getComputedStyle(e).getPropertyValue(t).trim();if(s)return s;throw new Error(`CSS variable "${t}" was not found!`)}function X(t,e){const i=(t.getAttribute(`data-${e}`)||"").replace(/'/g,'"');return i?JSON.parse(i):{}}function G(t,e=!0){const s=localStorage.getItem(t),i=s?JSON.parse(s):{};return{get(n){return n?i[n]:i},set(n,a){return a?i[n]=a:delete i[n],e&&localStorage.setItem(t,JSON.stringify(i)),i}}}function F(t,e,s,i="transition-duration"){return new Promise(n=>{if(typeof i=="string"){const a=H(i,t),r=!!a.includes("ms");i=parseFloat(a)*(r?1:1e3)}t.classList.remove(e.finish),t.classList.add(s.start),setTimeout(()=>{t.classList.add(s.finish),t.classList.remove(s.start),n(t)},i)})}function z(t,e){e&&document.querySelectorAll(e).forEach(i=>{t?i.style.overflow="hidden":i.style.removeProperty("overflow")})}function Q(t,e){e&&document.querySelectorAll(e).forEach(i=>{t?(i.inert=!0,i.setAttribute("aria-hidden",!0)):(i.inert=null,i.removeAttribute("aria-hidden"))})}function T(t,e){Q(!!t,e.selectorInert),z(!!t,e.selectorOverflow)}function P(t,e,s,i=""){const n=parseInt(getComputedStyle(t.parentElement).gap),a=e.height+n,r=[{transform:`translateY(${i}${a}px)`},{transform:"translateY(0)"}];t.animate(r,{duration:s,easing:"ease"})}function L(...t){P(...t)}function S(...t){P(...t,"-")}function W(t){const e=t.querySelector(this.settings.handle);e&&(t.setAttribute("draggable","false"),e.addEventListener("mousedown",()=>{t.setAttribute("draggable","true")}),e.addEventListener("mouseup",()=>{t.setAttribute("draggable","false")}),e.addEventListener("focus",()=>{t.setAttribute("draggable","true")}),e.addEventListener("blur",()=>{t.setAttribute("draggable","false")}),e.addEventListener("keydown",s=>{let i=null;switch(s.key){case"ArrowUp":if(i=t.previousElementSibling,i){const n=t.getBoundingClientRect(),a=i.getBoundingClientRect();i.before(t),L(t,a,this.settings.duration),S(i,n,this.settings.duration),e.focus(),this.maybeUpdate(!0)}return;case"ArrowDown":if(i=t.nextElementSibling,i){const n=t.getBoundingClientRect(),a=i.getBoundingClientRect();i.after(t),L(i,n,this.settings.duration),S(t,a,this.settings.duration),e.focus(),this.maybeUpdate(!0)}return;default:return}}))}function Z(t){t.addEventListener("dragstart",()=>{this.list.classList.add("event-dragging"),t.classList.add("is-dragging"),this.dragging=t}),t.addEventListener("dragend",()=>{this.list.classList.remove("event-dragging"),t.classList.remove("is-dragging"),t.setAttribute("draggable","false"),this.dragging.querySelector(this.settings.handle).focus(),this.dragging=null,this.maybeUpdate()}),t.addEventListener("dragenter",()=>{if(t===this.dragging||t.getAnimations().length)return;const e=this.dragging.getBoundingClientRect(),s=t.getBoundingClientRect();this.dragging.getBoundingClientRect().top>t.getBoundingClientRect().top+t.getBoundingClientRect().height/2?(t.before(this.dragging),L(this.dragging,s,this.settings.duration),S(t,e,this.settings.duration)):(t.after(this.dragging),L(t,e,this.settings.duration),S(this.dragging,s,this.settings.duration)),this.hasUpdated=!0}),t.addEventListener("dragover",e=>{e.preventDefault()}),t.addEventListener("drop",e=>{e.preventDefault()})}function tt(t){this.cacheItem=t,setTimeout(()=>{this.cacheItem=null},this.settings.cacheDuration)}function A(t,e){return t.clientX>e.left&&t.clientXe.top&&t.clientY{this.list.classList.add("event-touching"),t.classList.add("is-touching"),this.dragging=t}),e.addEventListener("touchmove",s=>{s.preventDefault();const i=this.list.getBoundingClientRect();if(A(s.changedTouches[0],i)){const n=[...this.items].find(p=>p!=this.dragging&&!p.getAnimations().length&&A(s.changedTouches[0],p.getBoundingClientRect()));if(!n||n===this.cacheItem)return;const a=this.dragging.getBoundingClientRect(),r=n.getBoundingClientRect();this.dragging.getBoundingClientRect().top>n.getBoundingClientRect().top+n.getBoundingClientRect().height/2?(n.before(this.dragging),L(this.dragging,r,this.settings.duration),S(n,a,this.settings.duration)):(n.after(this.dragging),L(n,a,this.settings.duration),S(this.dragging,r,this.settings.duration)),tt.call(this,n),this.hasUpdated=!0}}),e.addEventListener("touchend",()=>{this.list.classList.remove("event-touching"),t.classList.remove("is-touching"),this.dragging.querySelector(this.settings.handle).focus(),this.dragging=null,this.maybeUpdate()}),e.addEventListener("touchcancel",()=>{this.list.classList.remove("event-touching"),t.classList.remove("is-touching"),this.dragging.querySelector(this.settings.handle).focus(),this.dragging=null,this.maybeUpdate()})}function st(t){const e={...t};e.id=e.list.id,e.items=e.list.querySelectorAll(e.settings.items),e.dragging=null,e.cacheItem=null,e.hasUpdated=!1,e.maybeUpdate=(s=!1)=>{(e.hasUpdated||s)&&(e.hasUpdated=!1,e.onUpdated.call(e,e))},e.items.forEach(s=>{W.call(e,s),Z.call(e,s),et.call(e,s)}),this.collection.push(e)}class it extends D{constructor(s){super();I(this,"defaults",{list:".sortable",items:".sortable__item",handle:".sortable__handle",duration:150,cacheDuration:750});this.settings={...this.defaults,...s}}register(s,i){s={...this.settings,...s};const n=document.querySelector(s.list);n?st.call(this,{list:n,onUpdated:i,settings:s}):console.error(`Sortable could not find list: "${s.list}"`)}}const nt={autoMount:!1,dataOpen:"drawer-open",dataClose:"drawer-close",dataToggle:"drawer-toggle",dataBreakpoint:"drawer-breakpoint",dataConfig:"drawer-config",selectorDrawer:".drawer",selectorDialog:".drawer__dialog",selectorScreen:".drawer",selectorFocus:"[data-focus]",selectorInert:null,selectorOverflow:"body",stateOpened:"is-opened",stateOpening:"is-opening",stateClosing:"is-closing",stateClosed:"is-closed",classModal:"drawer_modal",breakpoints:null,customEventPrefix:"drawer:",eventListeners:!0,store:!0,storeKey:"VB:DrawerState",setTabindex:!0,transition:!0,transitionDuration:"drawer-transition-duration"};function ot(t){t.store==="opened"?t.open(!1,!1):t.store==="closed"?t.close(!1,!1):t.store==="indeterminate"?t.state="indeterminate":t.el.classList.contains(t.getSetting("stateOpened"))?t.open(!1,!1):t.el.classList.contains(t.getSetting("stateClosed"))?t.close(!1,!1):t.state="indeterminate"}async function at(t){t.store==="opened"?await t.open(!1,!1):t.store==="closed"?await t.close(!1,!1):t.store==="indeterminate"?t.state!="indeterminate"&&(t.state="indeterminate"):(t.state!=t.inlineState&&(t.state=t.inlineState),t.inlineState==="opened"?await t.open(!1,!1):t.inlineState==="closed"&&await t.close(!1,!1))}function rt(t){const e=R(),s=t.getAttribute(`data-${this.settings.dataBreakpoint}`);return this.settings.breakpoints&&this.settings.breakpoints[s]?this.settings.breakpoints[s]:getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${s}`).trim()?getComputedStyle(document.body).getPropertyValue(`--${e}breakpoint-${s}`).trim():s}function b(t){const e=typeof t=="string"?this.get(t):this.get(t.id);if(e)return e;throw new Error(`Drawer not found in collection with id of "${t.id||t}".`)}function M(t){t.state==="opened"?t.mode==="modal"?this.focusTrap.mount(t.dialog,this.settings.selectorFocus):this.focusTrap.focus(t.dialog,this.settings.selectorFocus):(t.trigger&&(t.trigger.focus(),t.trigger=null),this.focusTrap.unmount())}async function lt(t){const e=t.target.closest(` + [data-${this.settings.dataOpen}], + [data-${this.settings.dataToggle}], + [data-${this.settings.dataClose}] + `);if(e){t.preventDefault(),e.matches(`[data-${this.settings.dataToggle}]`)&&e.getAttribute(`data-${this.settings.dataToggle}`).trim().split(" ").forEach(i=>{const n=b.call(this,i);return n.trigger=e,n.toggle()}),e.matches(`[data-${this.settings.dataOpen}]`)&&e.getAttribute(`data-${this.settings.dataOpen}`).trim().split(" ").forEach(i=>{const n=b.call(this,i);return n.trigger=e,n.open()}),e.matches(`[data-${this.settings.dataClose}]`)&&e.getAttribute(`data-${this.settings.dataClose}`).trim().split(" ").forEach(i=>{if(i){const n=b.call(this,i);return n.trigger=e,n.close()}else{const n=t.target.closest(this.settings.selectorDrawer);if(n)return this.close(n)}});return}if(this.activeModal&&t.target.matches(this.settings.selectorScreen))return this.close(this.activeModal.id)}function ct(t){if(t.key==="Escape"&&this.activeModal)return this.close(this.activeModal)}async function y(t,e=!0){const s=this.collection.findIndex(i=>i.id===t.id);if(s>=0){const i=this.collection[s];e&&i.state==="opened"&&await i.close(!1),this.store.set(i.id),i.unmountBreakpoint(),Object.getOwnPropertyNames(i).forEach(n=>{delete i[n]}),this.collection.splice(s,1)}return this.collection}async function x(t,e,s=!0){const i=b.call(this,t),n={...this.settings,...i.settings};return e!==void 0&&(n.transition=e),(i.state==="closed"||i.state==="indeterminate")&&(i.state="opening",n.transition?await F(i.el,{start:n.stateClosing,finish:n.stateClosed},{start:n.stateOpening,finish:n.stateOpened},n.transitionDuration):(i.el.classList.add(n.stateOpened),i.el.classList.remove(n.stateClosed)),i.state="opened",i.mode==="modal"&&T(!0,n),s&&M.call(this,i),i.el.dispatchEvent(new CustomEvent(n.customEventPrefix+"opened",{detail:this,bubbles:!0}))),i}async function $(t,e,s=!0){const i=b.call(this,t),n={...this.settings,...i.settings};return e!==void 0&&(n.transition=e),(i.state==="opened"||i.state==="indeterminate")&&(i.state="closing",document.activeElement.blur(),n.transition?await F(i.el,{start:n.stateOpening,finish:n.stateOpened},{start:n.stateClosing,finish:n.stateClosed},n.transitionDuration):(i.el.classList.add(n.stateClosed),i.el.classList.remove(n.stateOpened)),i.state="closed",i.mode==="modal"&&T(!1,n),s&&M.call(this,i),i.el.dispatchEvent(new CustomEvent(n.customEventPrefix+"closed",{detail:this,bubbles:!0}))),i}async function _(t,e,s){const i=b.call(this,t);return i.state==="closed"?x.call(this,i,e,s):$.call(this,i,e,s)}function dt(t){switch(t.mode){case"inline":return ut.call(this,t);case"modal":return gt.call(this,t);default:throw new Error(`"${t.mode}" is not a valid drawer mode.`)}}async function ut(t){return t.el.classList.remove(t.getSetting("classModal")),t.dialog.removeAttribute("aria-modal"),T(!1,{...this.settings,...t.settings}),this.focusTrap.unmount(),await at(t),t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix")+"switchMode",{detail:this,bubbles:!0})),t}async function gt(t){return t.el.classList.add(t.getSetting("classModal")),t.dialog.setAttribute("aria-modal","true"),await $.call(this,t,!1,!1),t.el.dispatchEvent(new CustomEvent(t.getSetting("customEventPrefix")+"switchMode",{detail:this,bubbles:!0})),t}async function ht(t,e={}){await y.call(this,t,!1);const s=this,i=new N;let n,a="indeterminate";const r={id:t.id,el:t,dialog:null,trigger:null,settings:{...X(t,this.settings.dataConfig),...e},inlineState:"indeterminate",get breakpoint(){return rt.call(s,t)},get store(){return s.store.get(this.id)},get mode(){return n},set mode(l){n=l,dt.call(s,this)},get state(){return a},set state(l){a=l,this.mode==="inline"&&l!="opening"&&l!="closing"&&(this.inlineState=l,this.getSetting("store")&&s.store.set(this.id,l)),l==="indeterminate"&&(this.el.classList.remove(this.getSetting("stateOpened")),this.el.classList.remove(this.getSetting("stateOpening")),this.el.classList.remove(this.getSetting("stateClosed")),this.el.classList.remove(this.getSetting("stateClosing")))},open(l,u){return x.call(s,this,l,u)},close(l,u){return $.call(s,this,l,u)},toggle(l,u){return _.call(s,this,l,u)},deregister(){return y.call(s,this)},mountBreakpoint(){const l=this.breakpoint,u=this.handleBreakpoint.bind(this);return i.mount(l,u),this},unmountBreakpoint(){return i.unmount(),this},handleBreakpoint(l){const u=l.matches?"inline":"modal";return this.mode!=u&&(this.mode=u),this},getSetting(l){return l in this.settings?this.settings[l]:s.settings[l]}};this.collection.push(r);const p=t.querySelector(r.getSetting("selectorDialog"));return r.dialog=p||t,r.getSetting("setTabindex")&&r.dialog.setAttribute("tabindex","-1"),await ot(r),r.inlineState=r.state,r.mode=t.classList.contains(r.getSetting("classModal"))?"modal":"inline",r.breakpoint&&r.mountBreakpoint(),r}var w,E;class ft extends D{constructor(s){super();h(this,w);h(this,E);this.defaults=nt,this.settings={...this.defaults,...s},this.focusTrap=new K,this.store=G(this.settings.storeKey,this.settings.store),g(this,w,lt.bind(this)),g(this,E,ct.bind(this)),this.settings.autoMount&&this.mount()}get activeModal(){return this.collection.find(s=>s.state==="opened"&&s.mode==="modal")}async mount(s=null){s&&(this.settings={...this.settings,...s});const i=document.querySelectorAll(this.settings.selectorDrawer);return await this.registerCollection(i),this.settings.eventListeners&&this.mountEventListeners(),this}async unmount(){return await this.deregisterCollection(),this.settings.eventListeners&&this.unmountEventListeners(),this}mountEventListeners(){document.addEventListener("click",c(this,w),!1),document.addEventListener("keydown",c(this,E),!1)}unmountEventListeners(){document.removeEventListener("click",c(this,w),!1),document.removeEventListener("keydown",c(this,E),!1)}register(s,i={}){let n=typeof s=="string"?document.getElementById(s):s;return n?ht.call(this,n,i):Promise.reject(new Error(`Failed to register; drawer not found with ID of: "${s.id||s}".`))}deregister(s){let i=this.get(s.id||s);return i?y.call(this,i):Promise.reject(new Error(`Failed to deregister; drawer does not exist in collection with ID of: "${s.id||s}".`))}open(s,i,n){return x.call(this,s,i,n)}close(s,i,n){return $.call(this,s,i,n)}toggle(s,i,n){return _.call(this,s,i,n)}}w=new WeakMap,E=new WeakMap;const U=new it;U.register({list:"#todo-list",items:".todo",handle:".todo__handle"},()=>console.log("Save todo order!"));U.register({list:"#menu-list",items:".menu__item",handle:".menu__handle"},()=>console.log("Save list order!"));const B=new ft({autoMount:!0});B.mount().then(()=>B.register("aside-drawer",{classModal:"aside_modal",store:!1}));const C=document.querySelector(".layout__content");C.addEventListener("click",t=>{t.target===C&&C.focus()}); diff --git a/assets/index-Dccp54TC.css b/assets/index-FFaIqa_e.css similarity index 91% rename from assets/index-Dccp54TC.css rename to assets/index-FFaIqa_e.css index ea7b3ac..1d6d757 100644 --- a/assets/index-Dccp54TC.css +++ b/assets/index-FFaIqa_e.css @@ -1 +1 @@ -*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}html,body{height:100%}html{box-sizing:border-box;font-size:14px;line-height:var(--vb-line-height);-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background:var(--vb-background);color:var(--vb-foreground);font-family:Roboto Mono,monospace}h1,h2,h3,h4,h5,h6{font-size:inherit}img{max-width:100%;height:auto;border:0;border-style:none;vertical-align:middle}b,strong{font-weight:700}a,button{color:inherit}a{text-decoration:none}code,pre{font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:.875rem}table{border-collapse:collapse}caption{caption-side:bottom;color:var(--vb-foreground-lighter);text-align:left}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit}button,input{overflow:visible}button{border:0;background:none;letter-spacing:inherit;text-align:inherit;text-transform:none;cursor:pointer;-webkit-font-smoothing:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input::-moz-placeholder{opacity:1}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.arrow,.arrow-up,.arrow-down,.arrow-left,.arrow-right{display:inline-block;flex-grow:0;flex-shrink:0;width:0;height:0;transform-origin:center;border-top:6px solid currentcolor;border-right:4px solid transparent;border-left:4px solid transparent;border-radius:2px;pointer-events:none}.arrow-up{transform:rotate(180deg)}.arrow-left{transform:rotate(90deg)}.arrow-right{transform:rotate(-90deg)}.blockquote{position:relative;padding:1.5em;border:1px solid var(--vb-border-color);color:inherit}.blockquote>*+*{margin-top:1em}.blockquote:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:4px;background-color:var(--vb-primary-50)}.code{margin-block:-.125rem;padding:.125rem .375rem;border-radius:.25rem;background:var(--vb-background-alt);color:var(--vb-foreground-alt);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;word-break:break-word}.h1,.h2,.h3,.h4,.h5,.h6{color:inherit;font-family:inherit;font-weight:var(--vb-font-weight-semi-bold);line-height:var(--vb-line-height-sm)}.h1{font-size:2.75em}.h2{font-size:2em}.h3{font-size:1.75em}.h4{font-size:1.5em}.h5{font-size:1.25em;line-height:inherit}.h6{font-size:1em;line-height:inherit}.type .h1{font-size:2.75em}.type .h2{font-size:2em}.type .h3{font-size:1.75em}.type .h4{font-size:1.5em}.type .h5{font-size:1.25em;line-height:inherit}.type .h6{font-size:1em;line-height:inherit}.link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.link code{background-color:hsl(var(--vb-primary-hs) 50% / 10%);color:inherit}.link:hover{color:inherit;text-decoration:none}.link:hover code{color:inherit}.link:focus{outline:currentcolor dotted 1px;outline-offset:.125rem;color:inherit;text-decoration:none}.link:focus code{color:inherit}.list,.list ul,.list ol{margin-left:1.5em}.list li li,.list li+li{margin-top:.5em}.list-style-none{list-style:none!important}.pre{padding:1em;overflow:auto;border-radius:.25rem;background:var(--vb-background-dark);color:var(--vb-foreground);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace}.pre code{padding:0;border:none;background:none;color:inherit;font-size:14px}.scroll-box{display:block;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.sep{display:block;height:0;border:none;border-top:1px solid var(--vb-border-color)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.type{color:var(--vb-foreground-light);font-size:1.125rem;line-height:1.7778}.type>h1,.type>h2,.type>h3,.type>h4,.type>h5,.type>h6{color:var(--vb-foreground);font-family:inherit;font-weight:var(--vb-font-weight-semi-bold);line-height:var(--vb-line-height-sm)}.type>h1{font-size:2.75em}.type>h2{font-size:2em}.type>h3{font-size:1.75em}.type>h4{font-size:1.5em}.type>h5{font-size:1.25em;line-height:inherit}.type>h6{font-size:1em;line-height:inherit}.type :not(div)>a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.type :not(div)>a code{background-color:hsl(var(--vb-primary-hs) 50% / 10%);color:inherit}.type :not(div)>a:hover{color:inherit;text-decoration:none}.type :not(div)>a:hover code{color:inherit}.type :not(div)>a:focus{outline:currentcolor dotted 1px;outline-offset:.125rem;color:inherit;text-decoration:none}.type :not(div)>a:focus code{color:inherit}.type :not(pre)>code{margin-block:-.125rem;padding:.125rem .375rem;border-radius:.25rem;background:var(--vb-background-alt);color:var(--vb-foreground-alt);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;word-break:break-word}.type>hr{display:block;height:0;border:none;border-top:1px solid var(--vb-border-color)}.type>ul,.type>ol{margin-left:1.5em}.type>ul ul,.type>ul ol,.type>ol ul,.type>ol ol{margin-left:1.5em}.type>ul li li,.type>ul li+li,.type>ol li li,.type>ol li+li{margin-top:.5em}.type>blockquote{position:relative;padding:1.5em;border:1px solid var(--vb-border-color);color:inherit}.type>blockquote>*+*{margin-top:1em}.type>blockquote:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:4px;background-color:var(--vb-primary-50)}.type>pre{padding:1em;overflow:auto;border-radius:.25rem;background:var(--vb-background-dark);color:var(--vb-foreground);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace}.type>pre code{padding:0;border:none;background:none;color:inherit;font-size:14px}.checkbox{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;vertical-align:middle}.checkbox__background{width:var(--vb-checkbox-size);height:var(--vb-checkbox-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--vb-checkbox-background-border-radius);background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity))}.checkbox__box{width:var(--vb-checkbox-box-size);height:var(--vb-checkbox-box-size);display:flex;align-items:center;justify-content:center;border:var(--vb-checkbox-border-width) solid var(--vb-checkbox-border-color);border-radius:var(--vb-checkbox-border-radius);background-color:var(--vb-checkbox-fill);color:transparent}.checkbox__icon{width:var(--vb-checkbox-icon-size);height:var(--vb-checkbox-icon-size);background-color:var(--vb-checkbox-icon-color);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center calc(var(--vb-checkbox-icon-size) * -1);mask-position:center calc(var(--vb-checkbox-icon-size) * -1);-webkit-mask-size:100%;mask-size:100%;opacity:0}.checkbox__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.checkbox__native:hover+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-hover))}.checkbox__native:hover+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:focus+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-focus))}.checkbox__native:focus+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:focus-visible+.checkbox__background,.checkbox__native:active+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-active))}.checkbox__native:focus-visible+.checkbox__background .checkbox__box,.checkbox__native:active+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:checked+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-color)}.checkbox__native:checked+.checkbox__background .checkbox__icon{transition-property:opacity,mask-position;transition-duration:var(--vb-checkbox-transition-duration);transition-timing-function:var(--vb-checkbox-transition-timing-function);-webkit-mask-position:center center;mask-position:center center;opacity:1}.checkbox__native:indeterminate+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-color)}.checkbox__native:indeterminate+.checkbox__background .checkbox__icon{transition-property:opacity,mask-position;transition-duration:var(--vb-checkbox-transition-duration);transition-timing-function:var(--vb-checkbox-transition-timing-function);background-color:var(--vb-checkbox-icon-color);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-position:center center;mask-position:center center;opacity:1}.checkbox_size_sm{--vb-checkbox-size: var(--vb-form-control-size-sm);--vb-checkbox-border-width: 2px;--vb-checkbox-box-size: 14px;--vb-checkbox-icon-size: 10px;--vb-checkbox-icon-stroke: 2.5}.checkbox_size_sm .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_sm .checkbox__native:indeterminate+.checkbox__background .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_lg{--vb-checkbox-size: var(--vb-form-control-size-lg);--vb-checkbox-border-width: 2.5px;--vb-checkbox-box-size: 24px;--vb-checkbox-icon-size: 18px;--vb-checkbox-icon-stroke: 2}.checkbox_size_lg .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_lg .checkbox__native:indeterminate+.checkbox__background .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}:root{--vb-checkbox-size: 2.5em;--vb-checkbox-box-size: 18px;--vb-checkbox-icon-size: 12px;--vb-checkbox-icon-stroke: 2.5;--vb-checkbox-color: var(--vb-foreground);--vb-checkbox-border-width: 2px;--vb-checkbox-border-radius: var(--vb-border-radius);--vb-checkbox-background-border-radius: var(--vb-border-radius-circle);--vb-checkbox-background-opacity: 0%;--vb-checkbox-background-opacity-hover: 20%;--vb-checkbox-background-opacity-focus: 20%;--vb-checkbox-background-opacity-active: 30%;--vb-checkbox-transition-duration: var(--vb-transition-duration-short);--vb-checkbox-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-checkbox-fill: white;--vb-checkbox-border-color: var(--vb-neutral-50);--vb-checkbox-icon-color: white}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-checkbox-fill: var(--vb-neutral-10);--vb-checkbox-border-color: var(--vb-neutral-80);--vb-checkbox-icon-color: var(--vb-neutral-10)}}.vb-theme-dark{--vb-checkbox-fill: var(--vb-neutral-10);--vb-checkbox-border-color: var(--vb-neutral-80);--vb-checkbox-icon-color: var(--vb-neutral-10)}.icon{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:none;display:inline-block;box-sizing:content-box;flex-shrink:0;width:1em;height:1em;font-size:var(--vb-icon-size);vertical-align:top}.icon_size_xs{--vb-icon-size: .75em;--vb-icon-stroke-width: 3.5}.icon_size_sm{--vb-icon-size: 1.125em;--vb-icon-stroke-width: 2.5}.icon_size_lg{--vb-icon-size: 2em;--vb-icon-stroke-width: 1.75}.icon_size_xl{--vb-icon-size: 3em;--vb-icon-stroke-width: 1.3}.icon_style_stroke{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:none}.icon_style_fill{stroke:none;stroke-width:0;fill:var(--vb-icon-color)}.icon_style_both{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:var(--vb-icon-color)}:root{--vb-icon-size: 1.5em;--vb-icon-stroke-width: 2;--vb-icon-color: currentcolor}.button{position:relative;display:inline-flex;gap:var(--vb-button-gap);align-items:center;justify-content:center;min-width:var(--vb-button-size);height:var(--vb-button-size);padding:var(--vb-button-padding);transition-property:var(--vb-button-transition-property);transition-duration:var(--vb-button-transition-duration);transition-timing-function:var(--vb-button-transition-timing-function);outline:none;border:var(--vb-button-border-width) solid var(--vb-button-border-color);border-radius:var(--vb-button-border-radius);background:var(--vb-button-background);background-clip:border-box;box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground);font-family:inherit;font-size:var(--vb-button-font-size);font-weight:var(--vb-button-font-weight);line-height:var(--vb-button-line-height);text-decoration:none;white-space:nowrap;cursor:pointer}.button:disabled:not(.is-loading){opacity:var(--vb-button-disabled-opacity);pointer-events:none}.button:hover,.button:focus-visible{border-color:var(--vb-button-border-color-hover);background-color:var(--vb-button-background-hover);box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground-hover)}.button:focus-visible{box-shadow:var(--vb-button-box-shadow-focus)}.button:active{border-color:var(--vb-button-border-color-active);background-color:var(--vb-button-background-active);box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground-active)}.button.is-loading{color:transparent!important;pointer-events:none}.button.is-loading:after{width:var(--vb-button-loading-size);height:var(--vb-button-loading-size);content:"";position:absolute;top:calc(50% - var(--vb-button-loading-size) * .5);left:calc(50% - var(--vb-button-loading-size) * .5);animation:spin var(--vb-button-loading-animation-duration) infinite var(--vb-button-loading-animation-timing-function);border:var(--vb-button-loading-border);border-radius:9999px;border-color:var(--vb-button-loading-border-color) var(--vb-button-loading-border-color) transparent transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button_block,.button_block_xs{display:flex;width:100%}@media (min-width: 480px){.button_block_xs{display:inline-flex;width:auto}}.button_block_sm{display:flex;width:100%}@media (min-width: 620px){.button_block_sm{display:inline-flex;width:auto}}.button_block_md{display:flex;width:100%}@media (min-width: 760px){.button_block_md{display:inline-flex;width:auto}}.button_block_lg{display:flex;width:100%}@media (min-width: 990px){.button_block_lg{display:inline-flex;width:auto}}.button_block_xl{display:flex;width:100%}@media (min-width: 1380px){.button_block_xl{display:inline-flex;width:auto}}.button_color_primary{--vb-button-background: var(--vb-primary-50);--vb-button-background-hover: var(--vb-primary-40);--vb-button-background-active: var(--vb-primary-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-primary-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-primary-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_secondary{--vb-button-background: var(--vb-secondary-50);--vb-button-background-hover: var(--vb-secondary-40);--vb-button-background-active: var(--vb-secondary-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-secondary-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-secondary-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_neutral{--vb-button-background: var(--vb-neutral-50);--vb-button-background-hover: var(--vb-neutral-40);--vb-button-background-active: var(--vb-neutral-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-neutral-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-neutral-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_important{--vb-button-background: var(--vb-important-50);--vb-button-background-hover: var(--vb-important-40);--vb-button-background-active: var(--vb-important-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-important-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-important-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_icon{--vb-button-padding: calc(.5em - 1px) }.button_icon.button_size_sm{--vb-button-padding: calc(.25em - 1px) }.button_icon.button_size_lg{--vb-button-padding: calc(.648rem - 1px) }.button_size_sm{--vb-button-size: var(--vb-form-control-size-sm);--vb-button-padding: calc(.25em - 1px) .75em;--vb-button-font-size: var(--vb-font-size-sm);--vb-button-line-height: var(--vb-line-height-sm)}.button_size_lg{--vb-button-size: var(--vb-form-control-size-lg);--vb-button-padding: calc(.648rem - 1px) 1.5rem;--vb-button-font-size: var(--vb-font-size-lg);--vb-button-line-height: var(--vb-line-height-lg)}:root{--vb-button-size: var(--vb-form-control-size);--vb-button-padding: calc(.5em - 1px) 1em;--vb-button-gap: .5rem;--vb-button-border-width: 1px;--vb-button-border-radius: var(--vb-border-radius);--vb-button-font-size: 1em;--vb-button-font-weight: inherit;--vb-button-line-height: 1.6;--vb-button-disabled-opacity: .6;--vb-button-transition-property: background, color, border-color, box-shadow;--vb-button-transition-duration: var(--vb-transition-duration);--vb-button-transition-timing-function: var(--vb-transition-timing-function);--vb-button-loading-size: 1em;--vb-button-loading-border: 2px solid;--vb-button-loading-animation-duration: .6s;--vb-button-loading-animation-timing-function: linear}:root,.vb-theme-root,.vb-theme-light{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(0, 0, 0, .15)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(255, 255, 255, .15)}}.vb-theme-dark{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(255, 255, 255, .15)}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;transition-property:var(--vb-card-transition-property);transition-duration:var(--vb-card-transition-duration);transition-timing-function:var(--vb-card-transition-timing-function);border:var(--vb-card-border);border-radius:var(--vb-card-border-radius);background:var(--vb-card-background);background-clip:padding-box;box-shadow:var(--vb-card-box-shadow);color:var(--vb-card-foreground)}a.card{transform:translate(0);box-shadow:var(--vb-card-link-box-shadow)}a.card:hover,a.card:focus,a.card:focus-within{transform:translateY(var(--vb-card-link-offset));box-shadow:var(--vb-card-link-box-shadow-hover)}.card__header,.card__body,.card__footer,.card__image{position:relative;z-index:3}.card__header:first-child,.card__body:first-child,.card__footer:first-child,.card__image:first-child{border-top-left-radius:var(--vb-card-border-radius);border-top-right-radius:var(--vb-card-border-radius)}.card__header:last-child,.card__body:last-child,.card__footer:last-child,.card__image:last-child{border-bottom-left-radius:var(--vb-card-border-radius);border-bottom-right-radius:var(--vb-card-border-radius)}.card__header,.card__body,.card__footer{padding:var(--vb-card-padding)}.card__body{flex:1 1 auto}.card__body+.card__body{border-top:var(--vb-card-sep-border)}.card__header{border-bottom:var(--vb-card-sep-border)}.card__footer{border-top:var(--vb-card-sep-border)}.card__image{flex:0 1 auto;width:100%;height:auto}.card__title{flex-grow:1;color:var(--vb-card-title-color);font-size:var(--vb-card-title-font-size);font-weight:var(--vb-card-title-font-weight);line-height:var(--vb-card-title-line-height)}.card__background,.card__screen{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition-property:var(--vb-card-transition-property);transition-duration:var(--vb-card-transition-duration);transition-timing-function:var(--vb-card-transition-timing-function);border-radius:var(--vb-card-border-radius)}.card__background{object-fit:cover;z-index:1}.card__screen{z-index:2;background:var(--vb-card-screen-background);opacity:var(--vb-card-screen-opacity)}:root{--vb-card-padding: 1.25em;--vb-card-border-radius: var(--vb-border-radius);--vb-card-box-shadow: var(--vb-box-shadow-1);--vb-card-link-box-shadow: var(--vb-box-shadow-2);--vb-card-link-box-shadow-hover: var(--vb-box-shadow-3);--vb-card-link-offset: -.25em;--vb-card-title-font-size: var(--vb-font-size-lg);--vb-card-title-line-height: var(--vb-line-height-lg);--vb-card-title-font-weight: var(--vb-font-weight-semi-bold);--vb-card-transition-property: background-color, border-color, box-shadow, transform;--vb-card-transition-duration: var(--vb-transition-duration);--vb-card-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-card-background: var(--vb-background);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background);--vb-card-screen-opacity: .9}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-card-background: var(--vb-background-darker);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background-darker);--vb-card-screen-opacity: .8}}.vb-theme-dark{--vb-card-background: var(--vb-background-darker);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background-darker);--vb-card-screen-opacity: .8}.dialog{position:relative;display:flex;flex-direction:column;overflow:auto;border:var(--vb-dialog-border);border-radius:var(--vb-dialog-border-radius);background:var(--vb-dialog-background);background-clip:padding-box;box-shadow:var(--vb-dialog-box-shadow);color:var(--vb-dialog-foreground);-webkit-overflow-scrolling:touch}.dialog__header,.dialog__body,.dialog__footer{flex:0 0 auto;padding:var(--vb-dialog-padding)}.dialog__header,.dialog__footer{position:sticky;z-index:1;display:flex;align-items:center;background:var(--vb-dialog-background);vertical-align:middle;gap:var(--vb-dialog-gap)}.dialog__header{top:0;border-bottom:var(--vb-dialog-sep-border)}.dialog__body{flex-grow:1}.dialog__body+.dialog__body{border-top:var(--vb-dialog-sep-border)}.dialog__footer{bottom:0;border-top:var(--vb-dialog-sep-border)}.dialog__title{flex-grow:1;font-size:var(--vb-dialog-title-font-size);font-weight:var(--vb-dialog-title-font-weight);line-height:var(--vb-dialog-title-line-height)}:root{--vb-dialog-padding: 1em;--vb-dialog-gap: .5em;--vb-dialog-border-radius: var(--vb-border-radius);--vb-dialog-box-shadow: var(--vb-box-shadow-4);--vb-dialog-title-font-size: var(--vb-font-size-lg);--vb-dialog-title-line-height: var(--vb-line-height-lg);--vb-dialog-title-font-weight: var(--vb-font-weight-semi-bold)}:root,.vb-theme-root,.vb-theme-light{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}}.vb-theme-dark{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}.drawer-frame{position:relative;display:flex;height:100vh;overflow:hidden auto}.drawer-main{position:relative;flex:1 1 auto;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.drawer{position:absolute;top:0;bottom:0;visibility:hidden;flex:0 0 0;width:0;height:0;overflow:hidden}.drawer__dialog{position:absolute;top:0;display:flex;flex-direction:column;width:18em;max-width:100%;height:100%;overflow:auto;border-radius:0;background:var(--vb-background-darker);box-shadow:none;opacity:0;-webkit-overflow-scrolling:touch}.drawer__dialog .dialog__header,.drawer__dialog .dialog__footer,.drawer__dialog .dialog__body{background:var(--vb-background-darker)}.drawer.is-closed{visibility:hidden}.drawer.is-opening,.drawer.is-opened,.drawer.is-closing{visibility:visible;flex:0 0 auto;width:18em;max-width:100%;height:100%;overflow:visible}.drawer.is-opening,.drawer.is-closing{transition-property:background-color,opacity,transform;transition-duration:var(--vb-drawer-transition-duration);transition-timing-function:var(--vb-drawer-transition-timing-function)}.drawer.is-opening .drawer__dialog,.drawer.is-closing .drawer__dialog{transition-property:opacity,transform;transition-duration:var(--vb-drawer-transition-duration);transition-timing-function:var(--vb-drawer-transition-timing-function)}.drawer.is-opening .drawer__dialog,.drawer.is-opened .drawer__dialog{opacity:1}.drawer.is-closing .drawer__dialog{opacity:0}.drawer{left:0;transform:translate(-100%)}.drawer.is-opening,.drawer.is-opened{transform:translate(0)}.drawer.is-closing{transform:translate(-100%)}.drawer_switch{right:0;left:auto;transform:translate(100%)}.drawer_switch.is-closing{transform:translate(100%)}.drawer:not(.drawer_modal,.drawer_switch).is-opening~.drawer-main,.drawer:not(.drawer_modal,.drawer_switch).is-opened~.drawer-main{margin-left:18em}.drawer.drawer_switch:not(.drawer_modal).is-opening~.drawer-main,.drawer.drawer_switch:not(.drawer_modal).is-opened~.drawer-main{margin-right:18em}.drawer_modal{z-index:900;right:auto;left:0;width:0;height:0;overflow:hidden;transform:translate(0)}.drawer_modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--vb-neutral-10);opacity:0}.drawer_modal .drawer__dialog{position:absolute;z-index:901;left:0;width:18em;max-width:80%;transform:translate(-100%);background-color:#fff;box-shadow:var(--vb-box-shadow-5)}.drawer_modal.drawer_switch{right:auto;left:0;transform:translate(0)}.drawer_modal.drawer_switch .drawer__dialog{right:0;left:auto;transform:translate(100%)}.drawer_modal .dialog__header,.drawer_modal .dialog__footer,.drawer_modal .dialog__body{background:#fff}.drawer_modal.is-opening,.drawer_modal.is-opened,.drawer_modal.is-closing{width:100%;max-width:100%;height:100%}.drawer_modal.is-opening:before,.drawer_modal.is-closing:before{transition:opacity var(--vb-drawer-transition-duration) var(--vb-drawer-transition-timing-function)}.drawer_modal.is-opening,.drawer_modal.is-opened{transform:translate(0)}.drawer_modal.is-opening:before,.drawer_modal.is-opened:before{opacity:.8}.drawer_modal.is-opening .drawer__dialog,.drawer_modal.is-opened .drawer__dialog,.drawer_modal.is-closing{transform:translate(0)}.drawer_modal.is-closing .drawer__dialog{transform:translate(-100%)}.drawer_modal.drawer_switch.is-closing{transform:translate(0)}.drawer_modal.drawer_switch.is-closing .drawer__dialog{transform:translate(100%)}:root{--vb-drawer-transition-duration: var(--vb-transition-duration);--vb-drawer-transition-timing-function: var(--vb-transition-timing-function)}.flex{display:flex;gap:var(--vb-flex-gap-y, var(--vb-flex-gap)) var(--vb-flex-gap-x, var(--vb-flex-gap));flex-wrap:var(--vb-flex-wrap)}.flex_inline{display:inline-flex}.flex_gap_none{--vb-flex-gap: 0}.flex_gap_xs{--vb-flex-gap: 1px}.flex_gap_sm{--vb-flex-gap: .5em}.flex_gap_md{--vb-flex-gap: 1em}.flex_gap_lg{--vb-flex-gap: 1.5em}.flex_gap_xl{--vb-flex-gap: 2em}.flex_gap-x_none{--vb-flex-gap-x: 0}.flex_gap-y_none{--vb-flex-gap-y: 0}.flex_gap-x_xs{--vb-flex-gap-x: 1px}.flex_gap-y_xs{--vb-flex-gap-y: 1px}.flex_gap-x_sm{--vb-flex-gap-x: .5em}.flex_gap-y_sm{--vb-flex-gap-y: .5em}.flex_gap-x_md{--vb-flex-gap-x: 1em}.flex_gap-y_md{--vb-flex-gap-y: 1em}.flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.flex_gap-x_xl{--vb-flex-gap-x: 2em}.flex_gap-y_xl{--vb-flex-gap-y: 2em}@media (min-width: 480px){.xs\:flex_gap_none{--vb-flex-gap: 0}.xs\:flex_gap_xs{--vb-flex-gap: 1px}.xs\:flex_gap_sm{--vb-flex-gap: .5em}.xs\:flex_gap_md{--vb-flex-gap: 1em}.xs\:flex_gap_lg{--vb-flex-gap: 1.5em}.xs\:flex_gap_xl{--vb-flex-gap: 2em}.xs\:flex_gap-x_none{--vb-flex-gap-x: 0}.xs\:flex_gap-y_none{--vb-flex-gap-y: 0}.xs\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.xs\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.xs\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.xs\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.xs\:flex_gap-x_md{--vb-flex-gap-x: 1em}.xs\:flex_gap-y_md{--vb-flex-gap-y: 1em}.xs\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.xs\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.xs\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.xs\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 620px){.sm\:flex_gap_none{--vb-flex-gap: 0}.sm\:flex_gap_xs{--vb-flex-gap: 1px}.sm\:flex_gap_sm{--vb-flex-gap: .5em}.sm\:flex_gap_md{--vb-flex-gap: 1em}.sm\:flex_gap_lg{--vb-flex-gap: 1.5em}.sm\:flex_gap_xl{--vb-flex-gap: 2em}.sm\:flex_gap-x_none{--vb-flex-gap-x: 0}.sm\:flex_gap-y_none{--vb-flex-gap-y: 0}.sm\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.sm\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.sm\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.sm\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.sm\:flex_gap-x_md{--vb-flex-gap-x: 1em}.sm\:flex_gap-y_md{--vb-flex-gap-y: 1em}.sm\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.sm\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.sm\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.sm\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 760px){.md\:flex_gap_none{--vb-flex-gap: 0}.md\:flex_gap_xs{--vb-flex-gap: 1px}.md\:flex_gap_sm{--vb-flex-gap: .5em}.md\:flex_gap_md{--vb-flex-gap: 1em}.md\:flex_gap_lg{--vb-flex-gap: 1.5em}.md\:flex_gap_xl{--vb-flex-gap: 2em}.md\:flex_gap-x_none{--vb-flex-gap-x: 0}.md\:flex_gap-y_none{--vb-flex-gap-y: 0}.md\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.md\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.md\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.md\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.md\:flex_gap-x_md{--vb-flex-gap-x: 1em}.md\:flex_gap-y_md{--vb-flex-gap-y: 1em}.md\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.md\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.md\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.md\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 990px){.lg\:flex_gap_none{--vb-flex-gap: 0}.lg\:flex_gap_xs{--vb-flex-gap: 1px}.lg\:flex_gap_sm{--vb-flex-gap: .5em}.lg\:flex_gap_md{--vb-flex-gap: 1em}.lg\:flex_gap_lg{--vb-flex-gap: 1.5em}.lg\:flex_gap_xl{--vb-flex-gap: 2em}.lg\:flex_gap-x_none{--vb-flex-gap-x: 0}.lg\:flex_gap-y_none{--vb-flex-gap-y: 0}.lg\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.lg\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.lg\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.lg\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.lg\:flex_gap-x_md{--vb-flex-gap-x: 1em}.lg\:flex_gap-y_md{--vb-flex-gap-y: 1em}.lg\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.lg\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.lg\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.lg\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 1380px){.xl\:flex_gap_none{--vb-flex-gap: 0}.xl\:flex_gap_xs{--vb-flex-gap: 1px}.xl\:flex_gap_sm{--vb-flex-gap: .5em}.xl\:flex_gap_md{--vb-flex-gap: 1em}.xl\:flex_gap_lg{--vb-flex-gap: 1.5em}.xl\:flex_gap_xl{--vb-flex-gap: 2em}.xl\:flex_gap-x_none{--vb-flex-gap-x: 0}.xl\:flex_gap-y_none{--vb-flex-gap-y: 0}.xl\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.xl\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.xl\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.xl\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.xl\:flex_gap-x_md{--vb-flex-gap-x: 1em}.xl\:flex_gap-y_md{--vb-flex-gap-y: 1em}.xl\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.xl\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.xl\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.xl\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}.flex_nowrap{flex-wrap:nowrap}.flex_wrap{flex-wrap:wrap}.flex_wrap-reverse{flex-wrap:wrap-reverse}.flex_direction_row{flex-direction:row}.flex_direction_row-reverse{flex-direction:row-reverse}.flex_direction_col{flex-direction:column}.flex_direction_col-reverse{flex-direction:column-reverse}@media (min-width: 480px){.xs\:flex_direction_row{flex-direction:row}.xs\:flex_direction_row-reverse{flex-direction:row-reverse}.xs\:flex_direction_col{flex-direction:column}.xs\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 620px){.sm\:flex_direction_row{flex-direction:row}.sm\:flex_direction_row-reverse{flex-direction:row-reverse}.sm\:flex_direction_col{flex-direction:column}.sm\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 760px){.md\:flex_direction_row{flex-direction:row}.md\:flex_direction_row-reverse{flex-direction:row-reverse}.md\:flex_direction_col{flex-direction:column}.md\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 990px){.lg\:flex_direction_row{flex-direction:row}.lg\:flex_direction_row-reverse{flex-direction:row-reverse}.lg\:flex_direction_col{flex-direction:column}.lg\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 1380px){.xl\:flex_direction_row{flex-direction:row}.xl\:flex_direction_row-reverse{flex-direction:row-reverse}.xl\:flex_direction_col{flex-direction:column}.xl\:flex_direction_col-reverse{flex-direction:column-reverse}}.flex_items_initial>*{flex:initial}.flex_items_auto>*{flex:auto}.flex_items_none>*{flex:none}.flex_items_equal>*{flex:1 1 0}.flex_items_fill>*{flex:1 0 auto}.flex_items_full{flex-wrap:wrap}.flex_items_full>*{flex:1 0 100%}@media (min-width: 480px){.xs\:flex_items_initial>*{flex:initial}.xs\:flex_items_auto>*{flex:auto}.xs\:flex_items_none>*{flex:none}.xs\:flex_items_equal>*{flex:1 1 0}.xs\:flex_items_fill>*{flex:1 0 auto}.xs\:flex_items_full{flex-wrap:wrap}.xs\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 620px){.sm\:flex_items_initial>*{flex:initial}.sm\:flex_items_auto>*{flex:auto}.sm\:flex_items_none>*{flex:none}.sm\:flex_items_equal>*{flex:1 1 0}.sm\:flex_items_fill>*{flex:1 0 auto}.sm\:flex_items_full{flex-wrap:wrap}.sm\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 760px){.md\:flex_items_initial>*{flex:initial}.md\:flex_items_auto>*{flex:auto}.md\:flex_items_none>*{flex:none}.md\:flex_items_equal>*{flex:1 1 0}.md\:flex_items_fill>*{flex:1 0 auto}.md\:flex_items_full{flex-wrap:wrap}.md\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 990px){.lg\:flex_items_initial>*{flex:initial}.lg\:flex_items_auto>*{flex:auto}.lg\:flex_items_none>*{flex:none}.lg\:flex_items_equal>*{flex:1 1 0}.lg\:flex_items_fill>*{flex:1 0 auto}.lg\:flex_items_full{flex-wrap:wrap}.lg\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 1380px){.xl\:flex_items_initial>*{flex:initial}.xl\:flex_items_auto>*{flex:auto}.xl\:flex_items_none>*{flex:none}.xl\:flex_items_equal>*{flex:1 1 0}.xl\:flex_items_fill>*{flex:1 0 auto}.xl\:flex_items_full{flex-wrap:wrap}.xl\:flex_items_full>*{flex:1 0 100%}}.flex-initial{flex:initial}.flex-auto{flex:auto}.flex-none{flex:none}.flex-equal{flex:1 1 0}.flex-fill{flex:1 0 auto}.flex-full{flex:1 0 100%}@media (min-width: 480px){.xs\:flex-initial{flex:initial}.xs\:flex-auto{flex:auto}.xs\:flex-none{flex:none}.xs\:flex-equal{flex:1 1 0}.xs\:flex-fill{flex:1 0 auto}.xs\:flex-full{flex:1 0 100%}}@media (min-width: 620px){.sm\:flex-initial{flex:initial}.sm\:flex-auto{flex:auto}.sm\:flex-none{flex:none}.sm\:flex-equal{flex:1 1 0}.sm\:flex-fill{flex:1 0 auto}.sm\:flex-full{flex:1 0 100%}}@media (min-width: 760px){.md\:flex-initial{flex:initial}.md\:flex-auto{flex:auto}.md\:flex-none{flex:none}.md\:flex-equal{flex:1 1 0}.md\:flex-fill{flex:1 0 auto}.md\:flex-full{flex:1 0 100%}}@media (min-width: 990px){.lg\:flex-initial{flex:initial}.lg\:flex-auto{flex:auto}.lg\:flex-none{flex:none}.lg\:flex-equal{flex:1 1 0}.lg\:flex-fill{flex:1 0 auto}.lg\:flex-full{flex:1 0 100%}}@media (min-width: 1380px){.xl\:flex-initial{flex:initial}.xl\:flex-auto{flex:auto}.xl\:flex-none{flex:none}.xl\:flex-equal{flex:1 1 0}.xl\:flex-fill{flex:1 0 auto}.xl\:flex-full{flex:1 0 100%}}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}.flex-grow-4{flex-grow:4}.flex-grow-5{flex-grow:5}.flex-grow-6{flex-grow:6}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-shrink-2{flex-shrink:2}.flex-shrink-3{flex-shrink:3}.flex-shrink-4{flex-shrink:4}.flex-shrink-5{flex-shrink:5}.flex-shrink-6{flex-shrink:6}.flex-basis-0{flex-basis:0}.flex-basis-auto{flex-basis:auto}.flex-basis-full{flex-basis:100%}:root{--vb-flex-gap: 1em;--vb-flex-wrap: wrap}.grid{display:grid;grid-auto-flow:var(--vb-grid-flow);grid-template-columns:repeat(var(--vb-grid-cols),minmax(0,1fr));grid-template-rows:repeat(var(--vb-grid-rows),minmax(0,1fr));gap:var(--vb-grid-gap-y, var(--vb-grid-gap)) var(--vb-grid-gap-x, var(--vb-grid-gap))}.grid_inline{display:inline-grid}.grid_cols_1{--vb-grid-cols: 1}.grid_cols_2{--vb-grid-cols: 2}.grid_cols_3{--vb-grid-cols: 3}.grid_cols_4{--vb-grid-cols: 4}.grid_cols_5{--vb-grid-cols: 5}.grid_cols_6{--vb-grid-cols: 6}@media (min-width: 480px){.xs\:grid_cols_1{--vb-grid-cols: 1}.xs\:grid_cols_2{--vb-grid-cols: 2}.xs\:grid_cols_3{--vb-grid-cols: 3}.xs\:grid_cols_4{--vb-grid-cols: 4}.xs\:grid_cols_5{--vb-grid-cols: 5}.xs\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 620px){.sm\:grid_cols_1{--vb-grid-cols: 1}.sm\:grid_cols_2{--vb-grid-cols: 2}.sm\:grid_cols_3{--vb-grid-cols: 3}.sm\:grid_cols_4{--vb-grid-cols: 4}.sm\:grid_cols_5{--vb-grid-cols: 5}.sm\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 760px){.md\:grid_cols_1{--vb-grid-cols: 1}.md\:grid_cols_2{--vb-grid-cols: 2}.md\:grid_cols_3{--vb-grid-cols: 3}.md\:grid_cols_4{--vb-grid-cols: 4}.md\:grid_cols_5{--vb-grid-cols: 5}.md\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 990px){.lg\:grid_cols_1{--vb-grid-cols: 1}.lg\:grid_cols_2{--vb-grid-cols: 2}.lg\:grid_cols_3{--vb-grid-cols: 3}.lg\:grid_cols_4{--vb-grid-cols: 4}.lg\:grid_cols_5{--vb-grid-cols: 5}.lg\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 1380px){.xl\:grid_cols_1{--vb-grid-cols: 1}.xl\:grid_cols_2{--vb-grid-cols: 2}.xl\:grid_cols_3{--vb-grid-cols: 3}.xl\:grid_cols_4{--vb-grid-cols: 4}.xl\:grid_cols_5{--vb-grid-cols: 5}.xl\:grid_cols_6{--vb-grid-cols: 6}}.grid_rows_1{--vb-grid-rows: 1}.grid_rows_2{--vb-grid-rows: 2}.grid_rows_3{--vb-grid-rows: 3}.grid_rows_4{--vb-grid-rows: 4}.grid_rows_5{--vb-grid-rows: 5}.grid_rows_6{--vb-grid-rows: 6}@media (min-width: 480px){.xs\:grid_rows_1{--vb-grid-rows: 1}.xs\:grid_rows_2{--vb-grid-rows: 2}.xs\:grid_rows_3{--vb-grid-rows: 3}.xs\:grid_rows_4{--vb-grid-rows: 4}.xs\:grid_rows_5{--vb-grid-rows: 5}.xs\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 620px){.sm\:grid_rows_1{--vb-grid-rows: 1}.sm\:grid_rows_2{--vb-grid-rows: 2}.sm\:grid_rows_3{--vb-grid-rows: 3}.sm\:grid_rows_4{--vb-grid-rows: 4}.sm\:grid_rows_5{--vb-grid-rows: 5}.sm\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 760px){.md\:grid_rows_1{--vb-grid-rows: 1}.md\:grid_rows_2{--vb-grid-rows: 2}.md\:grid_rows_3{--vb-grid-rows: 3}.md\:grid_rows_4{--vb-grid-rows: 4}.md\:grid_rows_5{--vb-grid-rows: 5}.md\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 990px){.lg\:grid_rows_1{--vb-grid-rows: 1}.lg\:grid_rows_2{--vb-grid-rows: 2}.lg\:grid_rows_3{--vb-grid-rows: 3}.lg\:grid_rows_4{--vb-grid-rows: 4}.lg\:grid_rows_5{--vb-grid-rows: 5}.lg\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 1380px){.xl\:grid_rows_1{--vb-grid-rows: 1}.xl\:grid_rows_2{--vb-grid-rows: 2}.xl\:grid_rows_3{--vb-grid-rows: 3}.xl\:grid_rows_4{--vb-grid-rows: 4}.xl\:grid_rows_5{--vb-grid-rows: 5}.xl\:grid_rows_6{--vb-grid-rows: 6}}.grid_gap_none{--vb-grid-gap: 0}.grid_gap_xs{--vb-grid-gap: .5em}.grid_gap_sm{--vb-grid-gap: 1em}.grid_gap_md{--vb-grid-gap: 2em}.grid_gap_lg{--vb-grid-gap: 3em}.grid_gap_xl{--vb-grid-gap: 4em}.grid_gap-x_none{--vb-grid-gap-x: 0}.grid_gap-y_none{--vb-grid-gap-y: 0}.grid_gap-x_xs{--vb-grid-gap-x: .5em}.grid_gap-y_xs{--vb-grid-gap-y: .5em}.grid_gap-x_sm{--vb-grid-gap-x: 1em}.grid_gap-y_sm{--vb-grid-gap-y: 1em}.grid_gap-x_md{--vb-grid-gap-x: 2em}.grid_gap-y_md{--vb-grid-gap-y: 2em}.grid_gap-x_lg{--vb-grid-gap-x: 3em}.grid_gap-y_lg{--vb-grid-gap-y: 3em}.grid_gap-x_xl{--vb-grid-gap-x: 4em}.grid_gap-y_xl{--vb-grid-gap-y: 4em}@media (min-width: 480px){.xs\:grid_gap_none{--vb-grid-gap: 0}.xs\:grid_gap_xs{--vb-grid-gap: .5em}.xs\:grid_gap_sm{--vb-grid-gap: 1em}.xs\:grid_gap_md{--vb-grid-gap: 2em}.xs\:grid_gap_lg{--vb-grid-gap: 3em}.xs\:grid_gap_xl{--vb-grid-gap: 4em}.xs\:grid_gap-x_none{--vb-grid-gap-x: 0}.xs\:grid_gap-y_none{--vb-grid-gap-y: 0}.xs\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.xs\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.xs\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.xs\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.xs\:grid_gap-x_md{--vb-grid-gap-x: 2em}.xs\:grid_gap-y_md{--vb-grid-gap-y: 2em}.xs\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.xs\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.xs\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.xs\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 620px){.sm\:grid_gap_none{--vb-grid-gap: 0}.sm\:grid_gap_xs{--vb-grid-gap: .5em}.sm\:grid_gap_sm{--vb-grid-gap: 1em}.sm\:grid_gap_md{--vb-grid-gap: 2em}.sm\:grid_gap_lg{--vb-grid-gap: 3em}.sm\:grid_gap_xl{--vb-grid-gap: 4em}.sm\:grid_gap-x_none{--vb-grid-gap-x: 0}.sm\:grid_gap-y_none{--vb-grid-gap-y: 0}.sm\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.sm\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.sm\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.sm\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.sm\:grid_gap-x_md{--vb-grid-gap-x: 2em}.sm\:grid_gap-y_md{--vb-grid-gap-y: 2em}.sm\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.sm\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.sm\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.sm\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 760px){.md\:grid_gap_none{--vb-grid-gap: 0}.md\:grid_gap_xs{--vb-grid-gap: .5em}.md\:grid_gap_sm{--vb-grid-gap: 1em}.md\:grid_gap_md{--vb-grid-gap: 2em}.md\:grid_gap_lg{--vb-grid-gap: 3em}.md\:grid_gap_xl{--vb-grid-gap: 4em}.md\:grid_gap-x_none{--vb-grid-gap-x: 0}.md\:grid_gap-y_none{--vb-grid-gap-y: 0}.md\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.md\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.md\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.md\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.md\:grid_gap-x_md{--vb-grid-gap-x: 2em}.md\:grid_gap-y_md{--vb-grid-gap-y: 2em}.md\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.md\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.md\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.md\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 990px){.lg\:grid_gap_none{--vb-grid-gap: 0}.lg\:grid_gap_xs{--vb-grid-gap: .5em}.lg\:grid_gap_sm{--vb-grid-gap: 1em}.lg\:grid_gap_md{--vb-grid-gap: 2em}.lg\:grid_gap_lg{--vb-grid-gap: 3em}.lg\:grid_gap_xl{--vb-grid-gap: 4em}.lg\:grid_gap-x_none{--vb-grid-gap-x: 0}.lg\:grid_gap-y_none{--vb-grid-gap-y: 0}.lg\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.lg\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.lg\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.lg\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.lg\:grid_gap-x_md{--vb-grid-gap-x: 2em}.lg\:grid_gap-y_md{--vb-grid-gap-y: 2em}.lg\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.lg\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.lg\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.lg\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 1380px){.xl\:grid_gap_none{--vb-grid-gap: 0}.xl\:grid_gap_xs{--vb-grid-gap: .5em}.xl\:grid_gap_sm{--vb-grid-gap: 1em}.xl\:grid_gap_md{--vb-grid-gap: 2em}.xl\:grid_gap_lg{--vb-grid-gap: 3em}.xl\:grid_gap_xl{--vb-grid-gap: 4em}.xl\:grid_gap-x_none{--vb-grid-gap-x: 0}.xl\:grid_gap-y_none{--vb-grid-gap-y: 0}.xl\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.xl\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.xl\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.xl\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.xl\:grid_gap-x_md{--vb-grid-gap-x: 2em}.xl\:grid_gap-y_md{--vb-grid-gap-y: 2em}.xl\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.xl\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.xl\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.xl\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}.grid_flow_row{--vb-grid-flow: row}.grid_flow_col{--vb-grid-flow: column}.grid_flow_dense{--vb-grid-flow: dense}.grid_flow_row-dense{--vb-grid-flow: row dense}.grid_flow_col-dense{--vb-grid-flow: column dense}.col-auto{grid-column:auto}.col-full{grid-column:span var(--vb-grid-cols)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-start-7{grid-column-start:7}.col-end-7{grid-column-end:7}@media (min-width: 480px){.xs\:col-auto{grid-column:auto}.xs\:col-full{grid-column:span var(--vb-grid-cols)}.xs\:col-1{grid-column:span 1}.xs\:col-2{grid-column:span 2}.xs\:col-3{grid-column:span 3}.xs\:col-4{grid-column:span 4}.xs\:col-5{grid-column:span 5}.xs\:col-6{grid-column:span 6}.xs\:col-start-1{grid-column-start:1}.xs\:col-end-1{grid-column-end:1}.xs\:col-start-2{grid-column-start:2}.xs\:col-end-2{grid-column-end:2}.xs\:col-start-3{grid-column-start:3}.xs\:col-end-3{grid-column-end:3}.xs\:col-start-4{grid-column-start:4}.xs\:col-end-4{grid-column-end:4}.xs\:col-start-5{grid-column-start:5}.xs\:col-end-5{grid-column-end:5}.xs\:col-start-6{grid-column-start:6}.xs\:col-end-6{grid-column-end:6}.xs\:col-start-7{grid-column-start:7}.xs\:col-end-7{grid-column-end:7}}@media (min-width: 620px){.sm\:col-auto{grid-column:auto}.sm\:col-full{grid-column:span var(--vb-grid-cols)}.sm\:col-1{grid-column:span 1}.sm\:col-2{grid-column:span 2}.sm\:col-3{grid-column:span 3}.sm\:col-4{grid-column:span 4}.sm\:col-5{grid-column:span 5}.sm\:col-6{grid-column:span 6}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-start-7{grid-column-start:7}.sm\:col-end-7{grid-column-end:7}}@media (min-width: 760px){.md\:col-auto{grid-column:auto}.md\:col-full{grid-column:span var(--vb-grid-cols)}.md\:col-1{grid-column:span 1}.md\:col-2{grid-column:span 2}.md\:col-3{grid-column:span 3}.md\:col-4{grid-column:span 4}.md\:col-5{grid-column:span 5}.md\:col-6{grid-column:span 6}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-start-7{grid-column-start:7}.md\:col-end-7{grid-column-end:7}}@media (min-width: 990px){.lg\:col-auto{grid-column:auto}.lg\:col-full{grid-column:span var(--vb-grid-cols)}.lg\:col-1{grid-column:span 1}.lg\:col-2{grid-column:span 2}.lg\:col-3{grid-column:span 3}.lg\:col-4{grid-column:span 4}.lg\:col-5{grid-column:span 5}.lg\:col-6{grid-column:span 6}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-end-7{grid-column-end:7}}@media (min-width: 1380px){.xl\:col-auto{grid-column:auto}.xl\:col-full{grid-column:span var(--vb-grid-cols)}.xl\:col-1{grid-column:span 1}.xl\:col-2{grid-column:span 2}.xl\:col-3{grid-column:span 3}.xl\:col-4{grid-column:span 4}.xl\:col-5{grid-column:span 5}.xl\:col-6{grid-column:span 6}.xl\:col-start-1{grid-column-start:1}.xl\:col-end-1{grid-column-end:1}.xl\:col-start-2{grid-column-start:2}.xl\:col-end-2{grid-column-end:2}.xl\:col-start-3{grid-column-start:3}.xl\:col-end-3{grid-column-end:3}.xl\:col-start-4{grid-column-start:4}.xl\:col-end-4{grid-column-end:4}.xl\:col-start-5{grid-column-start:5}.xl\:col-end-5{grid-column-end:5}.xl\:col-start-6{grid-column-start:6}.xl\:col-end-6{grid-column-end:6}.xl\:col-start-7{grid-column-start:7}.xl\:col-end-7{grid-column-end:7}}.row-auto{grid-row:auto}.row-full{grid-row:span var(--vb-grid-rows)}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.row-3{grid-row:span 3}.row-4{grid-row:span 4}.row-5{grid-row:span 5}.row-6{grid-row:span 6}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-start-7{grid-row-start:7}.row-end-7{grid-row-end:7}@media (min-width: 480px){.xs\:row-auto{grid-row:auto}.xs\:row-full{grid-row:span var(--vb-grid-rows)}.xs\:row-1{grid-row:span 1}.xs\:row-2{grid-row:span 2}.xs\:row-3{grid-row:span 3}.xs\:row-4{grid-row:span 4}.xs\:row-5{grid-row:span 5}.xs\:row-6{grid-row:span 6}.xs\:row-start-1{grid-row-start:1}.xs\:row-end-1{grid-row-end:1}.xs\:row-start-2{grid-row-start:2}.xs\:row-end-2{grid-row-end:2}.xs\:row-start-3{grid-row-start:3}.xs\:row-end-3{grid-row-end:3}.xs\:row-start-4{grid-row-start:4}.xs\:row-end-4{grid-row-end:4}.xs\:row-start-5{grid-row-start:5}.xs\:row-end-5{grid-row-end:5}.xs\:row-start-6{grid-row-start:6}.xs\:row-end-6{grid-row-end:6}.xs\:row-start-7{grid-row-start:7}.xs\:row-end-7{grid-row-end:7}}@media (min-width: 620px){.sm\:row-auto{grid-row:auto}.sm\:row-full{grid-row:span var(--vb-grid-rows)}.sm\:row-1{grid-row:span 1}.sm\:row-2{grid-row:span 2}.sm\:row-3{grid-row:span 3}.sm\:row-4{grid-row:span 4}.sm\:row-5{grid-row:span 5}.sm\:row-6{grid-row:span 6}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-start-7{grid-row-start:7}.sm\:row-end-7{grid-row-end:7}}@media (min-width: 760px){.md\:row-auto{grid-row:auto}.md\:row-full{grid-row:span var(--vb-grid-rows)}.md\:row-1{grid-row:span 1}.md\:row-2{grid-row:span 2}.md\:row-3{grid-row:span 3}.md\:row-4{grid-row:span 4}.md\:row-5{grid-row:span 5}.md\:row-6{grid-row:span 6}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-start-7{grid-row-start:7}.md\:row-end-7{grid-row-end:7}}@media (min-width: 990px){.lg\:row-auto{grid-row:auto}.lg\:row-full{grid-row:span var(--vb-grid-rows)}.lg\:row-1{grid-row:span 1}.lg\:row-2{grid-row:span 2}.lg\:row-3{grid-row:span 3}.lg\:row-4{grid-row:span 4}.lg\:row-5{grid-row:span 5}.lg\:row-6{grid-row:span 6}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-start-7{grid-row-start:7}.lg\:row-end-7{grid-row-end:7}}@media (min-width: 1380px){.xl\:row-auto{grid-row:auto}.xl\:row-full{grid-row:span var(--vb-grid-rows)}.xl\:row-1{grid-row:span 1}.xl\:row-2{grid-row:span 2}.xl\:row-3{grid-row:span 3}.xl\:row-4{grid-row:span 4}.xl\:row-5{grid-row:span 5}.xl\:row-6{grid-row:span 6}.xl\:row-start-1{grid-row-start:1}.xl\:row-end-1{grid-row-end:1}.xl\:row-start-2{grid-row-start:2}.xl\:row-end-2{grid-row-end:2}.xl\:row-start-3{grid-row-start:3}.xl\:row-end-3{grid-row-end:3}.xl\:row-start-4{grid-row-start:4}.xl\:row-end-4{grid-row-end:4}.xl\:row-start-5{grid-row-start:5}.xl\:row-end-5{grid-row-end:5}.xl\:row-start-6{grid-row-start:6}.xl\:row-end-6{grid-row-end:6}.xl\:row-start-7{grid-row-start:7}.xl\:row-end-7{grid-row-end:7}}:root{--vb-grid-cols: 1;--vb-grid-rows: 1;--vb-grid-flow: dense;--vb-grid-gap: 2em}.input{position:relative;display:block;width:100%;max-width:100%;height:var(--vb-input-size);padding:var(--vb-input-padding);transition-property:var(--vb-input-transition-property);transition-duration:var(--vb-input-transition-duration);transition-timing-function:var(--vb-input-transition-timing-function);outline:var(--vb-input-outline);border:var(--vb-input-border-width) solid var(--vb-input-border-color);border-radius:var(--vb-input-border-radius);background:var(--vb-input-background);box-shadow:0 0 0 0 var(--vb-input-box-shadow),inset 0 .1rem .2rem var(--vb-input-box-shadow-inset);color:var(--vb-input-foreground);font-family:var(--vb-font-family);font-size:var(--vb-input-font-size);line-height:var(--vb-input-line-height);-moz-appearance:none;-webkit-appearance:none;appearance:none}.input:hover{border-color:var(--vb-input-border-color-hover, var(--vb-input-border-color));background-color:var(--vb-input-background-hover, var(--vb-input-background));color:var(--vb-input-foreground-hover, var(--vb-input-foreground))}.input:focus{border-color:var(--vb-input-border-color-focus, var(--vb-input-border-color-hover, var(--vb-input-border-color)));background-color:var(--vb-input-background-focus, var(--vb-input-background-hover, var(--vb-input-background)));box-shadow:0 0 0 .2rem var(--vb-input-box-shadow-focus),inset 0 .1rem .2rem var(--vb-input-box-shadow-inset-focus);color:var(--vb-input-foreground-focus, var(--vb-input-foreground-hover, var(--vb-input-foreground)))}.input:read-only{background-color:var(--vb-input-background-readonly)}.input:disabled{background-color:var(--vb-input-background-disabled);pointer-events:none}.input::placeholder{color:var(--vb-input-foreground-placeholder)}.input_auto{width:auto}.input_size_sm{--vb-input-size: var(--vb-form-control-size-sm);--vb-input-padding: calc(.25em - 1px) .5em ;--vb-input-font-size: var(--vb-font-size-sm);--vb-input-line-height: var(--vb-line-height-sm)}.input_size_lg{--vb-input-size: var(--vb-form-control-size-lg);--vb-input-padding: calc(.648rem - 1px) ;--vb-input-font-size: var(--vb-font-size-lg);--vb-input-line-height: var(--vb-line-height-lg)}.input_state_success{--vb-input-border-color: var(--vb-primary-50);--vb-input-border-color-hover: var(--vb-primary-50);--vb-input-border-color-focus: var(--vb-primary-50);--vb-input-box-shadow: hsl(var(--vb-primary-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-primary-hs) 50% / 50%)}.input_state_error{--vb-input-border-color: var(--vb-important-50);--vb-input-border-color-hover: var(--vb-important-50);--vb-input-border-color-focus: var(--vb-important-50);--vb-input-box-shadow: hsl(var(--vb-important-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-important-hs) 50% / 50%)}.input_type_select{position:relative;padding-right:2em;background-image:var(--vb-input-select-icon);background-repeat:no-repeat;background-position:100% center;cursor:pointer}.input_type_select:read-only{background-color:var(--vb-input-background)}.input_type_select:disabled{background-color:var(--vb-input-background-disabled)}.input_type_textarea{min-width:100%;height:auto;min-height:var(--vb-input-size)}.input_type_textarea.input_size_sm,.input_type_textarea.input_size_lg{height:auto;min-height:var(--vb-input-size)}:root{--vb-input-size: var(--vb-form-control-size);--vb-input-padding: calc(.5em - 1px) ;--vb-input-background-readonly: var(--vb-background-dark);--vb-input-background-disabled: var(--vb-background-darker);--vb-input-border-width: 1px;--vb-input-border-radius: var(--vb-border-radius);--vb-input-box-shadow: hsl(var(--vb-primary-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-primary-hs) 50% / 50%);--vb-input-box-shadow-inset: rgba(0, 0, 0, .1);--vb-input-box-shadow-inset-focus: rgba(0, 0, 0, 0);--vb-input-font-size: var(--vb-font-size);--vb-input-line-height: var(--vb-line-height);--vb-input-outline: none;--vb-input-transition-property: box-shadow, outline, outline-offset;--vb-input-transition-duration: .15s;--vb-input-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}:root,.vb-theme-root,.vb-theme-light{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-50);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-60);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}}.vb-theme-dark{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-60);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}.menu{display:flex;gap:var(--vb-menu-gap);flex-direction:column;align-items:stretch;font-size:var(--vb-menu-font-size);line-height:var(--vb-menu-line-height);list-style:none}.menu__sep{flex:0 0 auto;align-self:stretch;width:auto;height:var(--vb-menu-sep-size);margin:var(--vb-menu-sep-gap) 0;background:var(--vb-menu-sep-background)}.menu__action{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:var(--vb-menu-size);min-height:var(--vb-menu-size);padding:var(--vb-menu-padding);outline:none;border:var(--vb-menu-border-width) solid var(--vb-menu-border-color);border-radius:var(--vb-menu-border-radius);background:var(--vb-menu-background);color:var(--vb-menu-foreground);white-space:normal;gap:var(--vb-menu-action-gap)}.menu__action:hover,.menu__action:focus-visible{border-color:var(--vb-menu-border-color-hover, var(--vb-menu-border-color));background:var(--vb-menu-background-hover, var(--vb-menu-background));color:var(--vb-menu-foreground-hover, var(--vb-menu-foreground))}.menu__action:focus-visible{z-index:1;outline:var(--vb-menu-outline-focus)}.menu__action:active{border-color:var(--vb-menu-border-color-active, var(--vb-menu-border-color-hover, var(--vb-menu-border-color)));background:var(--vb-menu-background-active, var(--vb-menu-background-hover, var(--vb-menu-background)));color:var(--vb-menu-foreground-active, var(--vb-menu-foreground-hover, var(--vb-menu-foreground)))}.menu__action.is-active,.menu__action.is-active:hover,.menu__action.is-active:focus,.menu__action.is-active:active,.menu__action.is-active[disabled]{background:var(--vb-menu-active-background);color:var(--vb-menu-active-foreground);cursor:pointer}.menu__action.is-disabled,.menu__action.is-disabled:hover,.menu__action.is-disabled:focus,.menu__action.is-disabled:active,.menu__action[disabled]{background:var(--vb-menu-disabled-background);color:var(--vb-menu-disabled-foreground);cursor:default}.menu__action_icon{padding:var(--vb-menu-padding-x)}.menu_full .menu__item{flex:1 0 auto}.menu_inline{flex-direction:row;align-items:center}.menu_inline .menu__sep{width:var(--vb-menu-sep-size);height:auto;margin:0 var(--vb-menu-sep-gap)}.menu_inline .menu__action{justify-content:center;white-space:nowrap}.menu_size_sm{--vb-menu-size: var(--vb-form-control-size-sm);--vb-menu-padding: var(--vb-form-control-padding-sm);--vb-menu-padding-x: .25em;--vb-menu-font-size: var(--vb-font-size-sm);--vb-menu-line-height: var(--vb-line-height-sm)}.menu_size_lg{--vb-menu-size: var(--vb-form-control-size-lg);--vb-menu-padding: var(--vb-form-control-padding-lg);--vb-menu-padding-x: .648rem;--vb-menu-font-size: var(--vb-font-size-lg);--vb-menu-line-height: var(--vb-line-height-lg)}:root{--vb-menu-size: var(--vb-form-control-size);--vb-menu-padding: var(--vb-form-control-padding);--vb-menu-padding-x: .5em;--vb-menu-gap: 1px;--vb-menu-border-width: 1px;--vb-menu-border-radius: var(--vb-border-radius);--vb-menu-outline-focus: 2px solid var(--vb-focus-visible);--vb-menu-font-size: var(--vb-font-size);--vb-menu-line-height: var(--vb-line-height);--vb-menu-action-gap: .5em;--vb-menu-sep-size: 1px;--vb-menu-sep-gap: .5em;--vb-menu-sep-background: var(--vb-border-color);--vb-menu-active-background: none;--vb-menu-active-foreground: var(--vb-primary-50);--vb-menu-disabled-background: none;--vb-menu-disabled-foreground: var(--vb-foreground-lighter)}:root,.vb-theme-root,.vb-theme-light{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}}.vb-theme-dark{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}.modal{position:fixed;z-index:1000;top:0;right:0;display:flex;visibility:hidden;flex-direction:column;align-items:center;justify-content:center;width:0;height:0;overflow:hidden}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--vb-neutral-10);opacity:0}.modal__dialog{width:36em;max-width:100%;overflow:auto;transform:translateY(-5em);transition-property:outline;transition-duration:var(--vb-modal-transition-duration);transition-timing-function:var(--vb-modal-transition-timing-function);outline:0 solid transparent;box-shadow:var(--vb-box-shadow-5);opacity:0}.modal__dialog:focus{outline:4px solid var(--vb-primary-50)}.modal__dialog[role=alertdialog]:focus{outline:4px solid var(--vb-important-50)}.modal.is-closed{visibility:hidden}.modal.is-opening,.modal.is-opened,.modal.is-closing{visibility:visible;width:100%;height:100%;padding:1em}.modal.is-opening:before,.modal.is-closing:before{transition:opacity var(--vb-modal-transition-duration) var(--vb-modal-transition-timing-function)}.modal.is-opening .modal__dialog,.modal.is-closing .modal__dialog{transition-property:opacity,transform;transition-duration:var(--vb-modal-transition-duration);transition-timing-function:var(--vb-modal-transition-timing-function)}.modal.is-opening:before,.modal.is-opened:before{opacity:.8}.modal.is-opening .modal__dialog,.modal.is-opened .modal__dialog{transform:translateY(0);opacity:1}.modal.is-closing .modal__dialog{transform:translateY(-5em)}.modal_full .modal__dialog{width:100%;height:100%;transform:scale(.75)}.modal_full.is-opened .modal__dialog,.modal_full.is-opening .modal__dialog{transform:scale(1)}.modal_full.is-closing .modal__dialog{transform:scale(.75)}.modal_pos_top{justify-content:flex-start}.modal_pos_bottom{justify-content:flex-end}.modal_pos_bottom .modal__dialog,.modal_pos_bottom.is-closing .modal__dialog{transform:translateY(5em)}.modal_pos_left .modal__dialog,.modal_pos_right .modal__dialog{width:16em;max-width:90%;height:100%}.modal_pos_left{align-items:flex-start}.modal_pos_left .modal__dialog{left:0;transform:translate(-100%)}.modal_pos_left.is-closing .modal__dialog{transform:translate(-100%)}.modal_pos_right{align-items:flex-end}.modal_pos_right .modal__dialog{right:0;transform:translate(100%)}.modal_pos_right.is-closing .modal__dialog{transform:translate(100%)}.modal_size_xs .modal__dialog{width:20em}.modal_size_sm .modal__dialog{width:24em}.modal_size_md .modal__dialog{width:36em}.modal_size_lg .modal__dialog{width:48em}.modal_size_xl .modal__dialog{width:60em}:root{--vb-modal-transition-duration: var(--vb-transition-duration);--vb-modal-transition-timing-function: var(--vb-transition-timing-function)}.notice{padding:var(--vb-notice-padding);border:var(--vb-notice-border);border-radius:var(--vb-notice-border-radius);background:var(--vb-notice-background);box-shadow:var(--vb-notice-box-shadow);color:var(--vb-notice-foreground)}.notice>*+*{margin-top:var(--vb-notice-gap)}.notice__title{font-size:var(--vb-notice-title-font-size);font-weight:var(--vb-notice-title-font-weight);line-height:var(--vb-notice-title-line-height)}.notice_color_primary{--vb-notice-background: var(--vb-primary-90);--vb-notice-foreground: var(--vb-primary-30)}.notice_color_secondary{--vb-notice-background: var(--vb-secondary-90);--vb-notice-foreground: var(--vb-secondary-30)}.notice_color_neutral{--vb-notice-background: var(--vb-neutral-90);--vb-notice-foreground: var(--vb-neutral-30)}.notice_color_important{--vb-notice-background: var(--vb-important-90);--vb-notice-foreground: var(--vb-important-30)}:root{--vb-notice-gap: .5em;--vb-notice-padding: 1em;--vb-notice-border-radius: var(--vb-border-radius);--vb-notice-title-font-size: var(--vb-font-size-lg);--vb-notice-title-line-height: var(--vb-line-height-lg);--vb-notice-title-font-weight: var(--vb-font-weight-semi-bold)}:root,.vb-theme-root,.vb-theme-light{--vb-notice-background: var(--vb-neutral-95);--vb-notice-foreground: var(--vb-neutral-20)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-notice-background: var(--vb-neutral-20);--vb-notice-foreground: var(--vb-neutral-95)}}.vb-theme-dark{--vb-notice-background: var(--vb-neutral-20);--vb-notice-foreground: var(--vb-neutral-95)}.popover{position:absolute;z-index:10;top:100%;left:0;display:none;width:16em;max-width:calc(100vw - 20px);margin:calc(var(--vb-popover-offset) * 1px) 0 0;padding:.5em;border-radius:.25rem;background:var(--vb-background);background-clip:padding-box;box-shadow:var(--vb-box-shadow-2);color:var(--vb-foreground);font-size:.875rem}.popover:before{content:"";position:absolute;inset:auto 0 100%;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover.is-active{z-index:11;display:block}.popover:hover,.popover:focus,.popover:focus-within{z-index:12}.popover[data-popper-placement^=top]{margin:0 0 calc(var(--vb-popover-offset) * 1px) 0}.popover[data-popper-placement^=top]:before{inset:100% 0 auto;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover[data-popper-placement^=bottom]{margin:calc(var(--vb-popover-offset) * 1px) 0 0 0}.popover[data-popper-placement^=bottom]:before{inset:auto 0 100%;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover[data-popper-placement^=left]{margin:0 calc(var(--vb-popover-offset) * 1px) 0 0}.popover[data-popper-placement^=left]:before{inset:0 auto 0 100%;width:calc((var(--vb-popover-offset) + 1) * 1px);height:100%}.popover[data-popper-placement^=right]{margin:0 0 0 calc(var(--vb-popover-offset) * 1px)}.popover[data-popper-placement^=right]:before{inset:0 100% 0 auto;width:calc((var(--vb-popover-offset) + 1) * 1px);height:100%}.popover__arrow,.popover__arrow:after{width:var(--vb-popover-arrow-size, 12px);height:var(--vb-popover-arrow-size, 12px);position:absolute;z-index:-1;visibility:hidden;background-color:inherit}.popover__arrow:after{content:"";visibility:visible;transform:rotate(45deg);border:var(--vb-popover-arrow-border, 1px solid var(--vb-border-color));border-right-color:transparent;border-bottom-color:transparent;background-clip:padding-box}[data-popper-placement^=top]>.popover__arrow{bottom:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=top]>.popover__arrow:after{transform:rotate(-135deg)}[data-popper-placement^=bottom]>.popover__arrow{top:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=bottom]>.popover__arrow:after{transform:rotate(45deg)}[data-popper-placement^=left]>.popover__arrow{right:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=left]>.popover__arrow:after{transform:rotate(135deg)}[data-popper-placement^=right]>.popover__arrow{left:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=right]>.popover__arrow:after{transform:rotate(-45deg)}.popover_size_auto{width:auto}.popover_size_sm{width:12em}.popover_size_lg{width:20em}.popover_tooltip{--vb-popover-event: hover;--vb-popover-placement: top;--vb-popover-arrow-size: 8px;--vb-popover-arrow-border: none;width:auto;max-width:16rem;padding:.5rem .75rem;background:var(--vb-foreground);color:var(--vb-background)}:root{--vb-popover-offset: 8;--vb-popover-overflow-padding: 10;--vb-popover-flip-padding: 10;--vb-popover-arrow-padding: 10}.radio{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;vertical-align:middle}.radio__background{width:var(--vb-radio-size);height:var(--vb-radio-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--vb-radio-background-border-radius);background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity))}.radio__circle{width:var(--vb-radio-circle-size);height:var(--vb-radio-circle-size);display:flex;align-items:center;justify-content:center;border:var(--vb-radio-border-width) solid var(--vb-radio-border-color);border-radius:var(--vb-radio-circle-size);background-color:var(--vb-radio-fill);color:transparent}.radio__dot{width:0;height:0;border-radius:var(--vb-radio-dot-size);background-color:var(--vb-radio-dot-color);opacity:0}.radio__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.radio__native:hover+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-hover))}.radio__native:hover+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:focus+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-focus))}.radio__native:focus+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:focus-visible+.radio__background,.radio__native:active+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-active))}.radio__native:focus-visible+.radio__background .radio__circle,.radio__native:active+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:checked+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-color)}.radio__native:checked+.radio__background .radio__dot{width:var(--vb-radio-dot-size);height:var(--vb-radio-dot-size);transition-property:opacity,width,height;transition-duration:var(--vb-radio-transition-duration);transition-timing-function:var(--vb-radio-transition-timing-function);background-position:center center;opacity:1}.radio_size_sm{--vb-radio-size: var(--vb-form-control-size-sm);--vb-radio-border-width: 2px;--vb-radio-circle-size: 16px;--vb-radio-dot-size: 6px}.radio_size_lg{--vb-radio-size: var(--vb-form-control-size-lg);--vb-radio-border-width: 2.5px;--vb-radio-circle-size: 26px;--vb-radio-dot-size: 10px}:root{--vb-radio-size: var(--vb-form-control-size);--vb-radio-circle-size: 20px;--vb-radio-dot-size: 8px;--vb-radio-color: var(--vb-primary-50);--vb-radio-border-width: 2px;--vb-radio-background-border-radius: var(--vb-border-radius-circle);--vb-radio-background-opacity: 0%;--vb-radio-background-opacity-hover: 20%;--vb-radio-background-opacity-focus: 20%;--vb-radio-background-opacity-active: 30%;--vb-radio-transition-duration: var(--vb-transition-duration-short);--vb-radio-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-radio-fill: white;--vb-radio-border-color: var(--vb-neutral-50);--vb-radio-dot-color: white}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-radio-fill: var(--vb-neutral-10);--vb-radio-border-color: var(--vb-neutral-80);--vb-radio-dot-color: var(--vb-neutral-10)}}.vb-theme-dark{--vb-radio-fill: var(--vb-neutral-10);--vb-radio-border-color: var(--vb-neutral-80);--vb-radio-dot-color: var(--vb-neutral-10)}.section{position:relative;display:flex;flex-direction:column;padding:var(--vb-section-padding);background:var(--vb-section-background);color:var(--vb-section-foreground)}.section__container{position:relative;z-index:3;width:100%;max-width:var(--vb-section-max-width);margin:auto}.section__image,.section__screen{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.section__image{object-fit:cover;z-index:1;opacity:var(--vb-section-image-opacity)}.section__screen{z-index:2;background:var(--vb-section-screen-background);opacity:var(--vb-section-screen-opacity)}.section_size_sm{--vb-section-padding: 1em}.section_size_md{--vb-section-padding: 1.5em}@media (min-width: 760px){.section_size_md{--vb-section-padding: 2em 1.5em}}@media (min-width: 990px){.section_size_md{--vb-section-padding: 3em 1.5em}}.section_size_lg{--vb-section-padding: 1.5em}@media (min-width: 760px){.section_size_lg{--vb-section-padding: 4em 1.5em}}@media (min-width: 990px){.section_size_lg{--vb-section-padding: 6em 1.5em}}.section_size_xl{--vb-section-padding: 1.5em}@media (min-width: 620px){.section_size_xl{--vb-section-padding: 3em 1.5em}}@media (min-width: 760px){.section_size_xl{--vb-section-padding: 8em 2em}}@media (min-width: 990px){.section_size_xl{--vb-section-padding: 12em 2em}}:root{--vb-section-max-width: 70rem;--vb-section-image-opacity: 1;--vb-section-padding: 1.5em}@media (min-width: 760px){:root{--vb-section-padding: 2em 1.5em}}@media (min-width: 990px){:root{--vb-section-padding: 3em 1.5em}}:root,.vb-theme-root,.vb-theme-light{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .8}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .7}}.vb-theme-dark{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .7}.switch{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding-right:calc(var(--vb-switch-size) * .25);padding-left:calc(var(--vb-switch-size) * .25);vertical-align:middle}.switch__background{width:var(--vb-switch-size);height:var(--vb-switch-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.switch__background:after{width:var(--vb-switch-size);height:var(--vb-switch-size);content:"";position:absolute;top:0;left:calc(var(--vb-switch-size) * .25 * -1);transition:left var(--vb-switch-transition-duration) var(--vb-switch-transition-timing-function);border-radius:var(--vb-switch-background-border-radius);background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity))}.switch__track{width:100%;height:var(--vb-switch-track-size);position:relative;display:block;border:var(--vb-switch-border-width) solid var(--vb-switch-border-color);border-radius:var(--vb-switch-border-radius);background-color:var(--vb-switch-track-fill)}.switch__thumb{width:calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2);height:calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2);position:absolute;z-index:1;top:0;left:0;display:block;transition:left var(--vb-switch-transition-duration) var(--vb-switch-transition-timing-function);border-radius:var(--vb-switch-border-radius);background-color:var(--vb-switch-thumb-fill);box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-border-color)}.switch__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.switch__native:hover+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-hover))}.switch__native:hover+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:hover+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:focus+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-focus))}.switch__native:focus+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:focus+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:focus-visible+.switch__background:after,.switch__native:active+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-active))}.switch__native:focus-visible+.switch__background .switch__track,.switch__native:active+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:focus-visible+.switch__background .switch__thumb,.switch__native:active+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:checked+.switch__background:after{left:calc(100% - var(--vb-switch-size) * .75)}.switch__native:checked+.switch__background .switch__track{border-color:var(--vb-switch-color);background-color:var(--vb-switch-color)}.switch__native:checked+.switch__background .switch__thumb{left:calc(100% - calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2));box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch_size_sm{--vb-switch-size: var(--vb-form-control-size-sm);--vb-switch-border-width: 2px;--vb-switch-track-size: 16px}.switch_size_lg{--vb-switch-size: var(--vb-form-control-size-lg);--vb-switch-border-width: 2.5px;--vb-switch-track-size: 26px}:root{--vb-switch-size: var(--vb-form-control-size);--vb-switch-track-size: 20px;--vb-switch-color: var(--vb-primary-50);--vb-switch-border-width: 2px;--vb-switch-border-radius: var(--vb-border-radius-circle);--vb-switch-background-border-radius: var(--vb-border-radius-circle);--vb-switch-background-opacity: 0%;--vb-switch-background-opacity-hover: 20%;--vb-switch-background-opacity-focus: 20%;--vb-switch-background-opacity-active: 30%;--vb-switch-transition-duration: var(--vb-transition-duration-short);--vb-switch-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-switch-thumb-fill: white;--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-50)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-switch-thumb-fill: var(--vb-neutral-10);--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-80)}}.vb-theme-dark{--vb-switch-thumb-fill: var(--vb-neutral-10);--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-80)}.table{width:100%;background-color:var(--vb-table-background);color:var(--vb-table-foreground);text-align:left}.table th,.table td,.table caption{padding:var(--vb-table-padding);vertical-align:top}.table th{font-weight:var(--vb-font-weight-bold)}.table__auto{width:0;white-space:nowrap}.table_ellipsis{table-layout:fixed}.table_ellipsis th,.table_ellipsis td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table_hover tr{position:relative;z-index:1}.table_hover tbody tr:hover,.table_hover tbody tr:focus{z-index:2;background-color:var(--vb-table-background-hover);color:var(--vb-table-foreground-hover)}.table_responsive thead,.table_responsive tbody,.table_responsive tr,.table_responsive th,.table_responsive td{display:block}.table_responsive thead,.table_responsive [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive.table_style_bordered{border:var(--vb-table-border)}.table_responsive.table_style_bordered td{border:none}.table_responsive.table_style_bordered td+td,.table_responsive.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive.table_style_bordered tr+tr{border-top:var(--vb-table-border)}@media (max-width: 479px){.table_responsive_xs thead,.table_responsive_xs tbody,.table_responsive_xs tr,.table_responsive_xs th,.table_responsive_xs td{display:block}.table_responsive_xs thead,.table_responsive_xs [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_xs [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_xs [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_xs.table_style_bordered{border:var(--vb-table-border)}.table_responsive_xs.table_style_bordered td{border:none}.table_responsive_xs.table_style_bordered td+td,.table_responsive_xs.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_xs.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_xs.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 619px){.table_responsive_sm thead,.table_responsive_sm tbody,.table_responsive_sm tr,.table_responsive_sm th,.table_responsive_sm td{display:block}.table_responsive_sm thead,.table_responsive_sm [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_sm [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_sm [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_sm.table_style_bordered{border:var(--vb-table-border)}.table_responsive_sm.table_style_bordered td{border:none}.table_responsive_sm.table_style_bordered td+td,.table_responsive_sm.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_sm.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_sm.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 759px){.table_responsive_md thead,.table_responsive_md tbody,.table_responsive_md tr,.table_responsive_md th,.table_responsive_md td{display:block}.table_responsive_md thead,.table_responsive_md [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_md [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_md [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_md.table_style_bordered{border:var(--vb-table-border)}.table_responsive_md.table_style_bordered td{border:none}.table_responsive_md.table_style_bordered td+td,.table_responsive_md.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_md.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_md.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 989px){.table_responsive_lg thead,.table_responsive_lg tbody,.table_responsive_lg tr,.table_responsive_lg th,.table_responsive_lg td{display:block}.table_responsive_lg thead,.table_responsive_lg [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_lg [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_lg [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_lg.table_style_bordered{border:var(--vb-table-border)}.table_responsive_lg.table_style_bordered td{border:none}.table_responsive_lg.table_style_bordered td+td,.table_responsive_lg.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_lg.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_lg.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 1379px){.table_responsive_xl thead,.table_responsive_xl tbody,.table_responsive_xl tr,.table_responsive_xl th,.table_responsive_xl td{display:block}.table_responsive_xl thead,.table_responsive_xl [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_xl [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_xl [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_xl.table_style_bordered{border:var(--vb-table-border)}.table_responsive_xl.table_style_bordered td{border:none}.table_responsive_xl.table_style_bordered td+td,.table_responsive_xl.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_xl.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_xl.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}.table_size_sm th,.table_size_sm td,.table_size_sm caption{--vb-table-padding: .25em .5em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: .5em}.table_size_lg th,.table_size_lg td,.table_size_lg caption{--vb-table-padding: 1em 1.25em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: 1.25em}.table_style_rowed{border-bottom:var(--vb-table-border)}.table_style_rowed tr{border-top:var(--vb-table-border)}.table_style_rowed th:first-child,.table_style_rowed td:first-child{padding-left:0}.table_style_rowed th:last-child,.table_style_rowed td:last-child{padding-right:0}.table_style_bordered th,.table_style_bordered td{border:var(--vb-table-border)}.table_zebra thead tr{background-color:var(--vb-table-background-zebra)}.table_zebra tr:nth-child(2n){background-color:var(--vb-table-background-zebra)}:root{--vb-table-padding: .5em .75em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: .75em}:root,.vb-theme-root,.vb-theme-light{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color);--vb-table-border-alt: 1px dotted var(--vb-border-color);--vb-table-foreground: var(--vb-foreground)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color-dark);--vb-table-border-alt: 1px dotted var(--vb-border-color-dark);--vb-table-foreground: var(--vb-foreground)}}.vb-theme-dark{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color-dark);--vb-table-border-alt: 1px dotted var(--vb-border-color-dark);--vb-table-foreground: var(--vb-foreground)}.background-clip-border{background-clip:border-box!important}.background-clip-content{background-clip:content-box!important}.background-clip-padding{background-clip:padding-box!important}.background{background-color:var(--vb-background)!important}.background-dark{background-color:var(--vb-background-dark)!important}.background-darker{background-color:var(--vb-background-darker)!important}.background-black{background-color:#000!important}.background-white{background-color:#fff!important}.background-transparent{background-color:transparent!important}.background-primary{background-color:var(--vb-primary-50)!important}.background-primary-0{background-color:var(--vb-primary-0)!important}.background-primary-5{background-color:var(--vb-primary-5)!important}.background-primary-10{background-color:var(--vb-primary-10)!important}.background-primary-12{background-color:var(--vb-primary-12)!important}.background-primary-15{background-color:var(--vb-primary-15)!important}.background-primary-20{background-color:var(--vb-primary-20)!important}.background-primary-30{background-color:var(--vb-primary-30)!important}.background-primary-40{background-color:var(--vb-primary-40)!important}.background-primary-50{background-color:var(--vb-primary-50)!important}.background-primary-60{background-color:var(--vb-primary-60)!important}.background-primary-70{background-color:var(--vb-primary-70)!important}.background-primary-80{background-color:var(--vb-primary-80)!important}.background-primary-90{background-color:var(--vb-primary-90)!important}.background-primary-95{background-color:var(--vb-primary-95)!important}.background-primary-98{background-color:var(--vb-primary-98)!important}.background-primary-100{background-color:var(--vb-primary-100)!important}.background-secondary{background-color:var(--vb-secondary-50)!important}.background-secondary-0{background-color:var(--vb-secondary-0)!important}.background-secondary-5{background-color:var(--vb-secondary-5)!important}.background-secondary-10{background-color:var(--vb-secondary-10)!important}.background-secondary-12{background-color:var(--vb-secondary-12)!important}.background-secondary-15{background-color:var(--vb-secondary-15)!important}.background-secondary-20{background-color:var(--vb-secondary-20)!important}.background-secondary-30{background-color:var(--vb-secondary-30)!important}.background-secondary-40{background-color:var(--vb-secondary-40)!important}.background-secondary-50{background-color:var(--vb-secondary-50)!important}.background-secondary-60{background-color:var(--vb-secondary-60)!important}.background-secondary-70{background-color:var(--vb-secondary-70)!important}.background-secondary-80{background-color:var(--vb-secondary-80)!important}.background-secondary-90{background-color:var(--vb-secondary-90)!important}.background-secondary-95{background-color:var(--vb-secondary-95)!important}.background-secondary-98{background-color:var(--vb-secondary-98)!important}.background-secondary-100{background-color:var(--vb-secondary-100)!important}.background-neutral{background-color:var(--vb-neutral-50)!important}.background-neutral-0{background-color:var(--vb-neutral-0)!important}.background-neutral-5{background-color:var(--vb-neutral-5)!important}.background-neutral-10{background-color:var(--vb-neutral-10)!important}.background-neutral-12{background-color:var(--vb-neutral-12)!important}.background-neutral-15{background-color:var(--vb-neutral-15)!important}.background-neutral-20{background-color:var(--vb-neutral-20)!important}.background-neutral-30{background-color:var(--vb-neutral-30)!important}.background-neutral-40{background-color:var(--vb-neutral-40)!important}.background-neutral-50{background-color:var(--vb-neutral-50)!important}.background-neutral-60{background-color:var(--vb-neutral-60)!important}.background-neutral-70{background-color:var(--vb-neutral-70)!important}.background-neutral-80{background-color:var(--vb-neutral-80)!important}.background-neutral-90{background-color:var(--vb-neutral-90)!important}.background-neutral-95{background-color:var(--vb-neutral-95)!important}.background-neutral-98{background-color:var(--vb-neutral-98)!important}.background-neutral-100{background-color:var(--vb-neutral-100)!important}.background-important{background-color:var(--vb-important-50)!important}.background-important-0{background-color:var(--vb-important-0)!important}.background-important-5{background-color:var(--vb-important-5)!important}.background-important-10{background-color:var(--vb-important-10)!important}.background-important-12{background-color:var(--vb-important-12)!important}.background-important-15{background-color:var(--vb-important-15)!important}.background-important-20{background-color:var(--vb-important-20)!important}.background-important-30{background-color:var(--vb-important-30)!important}.background-important-40{background-color:var(--vb-important-40)!important}.background-important-50{background-color:var(--vb-important-50)!important}.background-important-60{background-color:var(--vb-important-60)!important}.background-important-70{background-color:var(--vb-important-70)!important}.background-important-80{background-color:var(--vb-important-80)!important}.background-important-90{background-color:var(--vb-important-90)!important}.background-important-95{background-color:var(--vb-important-95)!important}.background-important-98{background-color:var(--vb-important-98)!important}.background-important-100{background-color:var(--vb-important-100)!important}.background-accent{background-color:var(--vb-accent-50)!important}.background-accent-0{background-color:var(--vb-accent-0)!important}.background-accent-5{background-color:var(--vb-accent-5)!important}.background-accent-10{background-color:var(--vb-accent-10)!important}.background-accent-12{background-color:var(--vb-accent-12)!important}.background-accent-15{background-color:var(--vb-accent-15)!important}.background-accent-20{background-color:var(--vb-accent-20)!important}.background-accent-30{background-color:var(--vb-accent-30)!important}.background-accent-40{background-color:var(--vb-accent-40)!important}.background-accent-50{background-color:var(--vb-accent-50)!important}.background-accent-60{background-color:var(--vb-accent-60)!important}.background-accent-70{background-color:var(--vb-accent-70)!important}.background-accent-80{background-color:var(--vb-accent-80)!important}.background-accent-90{background-color:var(--vb-accent-90)!important}.background-accent-95{background-color:var(--vb-accent-95)!important}.background-accent-98{background-color:var(--vb-accent-98)!important}.background-accent-100{background-color:var(--vb-accent-100)!important}.foreground{color:var(--vb-foreground)!important}.foreground-light{color:var(--vb-foreground-light)!important}.foreground-lighter{color:var(--vb-foreground-lighter)!important}.foreground-black{color:#000!important}.foreground-white{color:#fff!important}.foreground-transparent{color:transparent!important}.foreground-primary{color:var(--vb-primary-50)!important}.foreground-primary-0{color:var(--vb-primary-0)!important}.foreground-primary-5{color:var(--vb-primary-5)!important}.foreground-primary-10{color:var(--vb-primary-10)!important}.foreground-primary-12{color:var(--vb-primary-12)!important}.foreground-primary-15{color:var(--vb-primary-15)!important}.foreground-primary-20{color:var(--vb-primary-20)!important}.foreground-primary-30{color:var(--vb-primary-30)!important}.foreground-primary-40{color:var(--vb-primary-40)!important}.foreground-primary-50{color:var(--vb-primary-50)!important}.foreground-primary-60{color:var(--vb-primary-60)!important}.foreground-primary-70{color:var(--vb-primary-70)!important}.foreground-primary-80{color:var(--vb-primary-80)!important}.foreground-primary-90{color:var(--vb-primary-90)!important}.foreground-primary-95{color:var(--vb-primary-95)!important}.foreground-primary-98{color:var(--vb-primary-98)!important}.foreground-primary-100{color:var(--vb-primary-100)!important}.foreground-secondary{color:var(--vb-secondary-50)!important}.foreground-secondary-0{color:var(--vb-secondary-0)!important}.foreground-secondary-5{color:var(--vb-secondary-5)!important}.foreground-secondary-10{color:var(--vb-secondary-10)!important}.foreground-secondary-12{color:var(--vb-secondary-12)!important}.foreground-secondary-15{color:var(--vb-secondary-15)!important}.foreground-secondary-20{color:var(--vb-secondary-20)!important}.foreground-secondary-30{color:var(--vb-secondary-30)!important}.foreground-secondary-40{color:var(--vb-secondary-40)!important}.foreground-secondary-50{color:var(--vb-secondary-50)!important}.foreground-secondary-60{color:var(--vb-secondary-60)!important}.foreground-secondary-70{color:var(--vb-secondary-70)!important}.foreground-secondary-80{color:var(--vb-secondary-80)!important}.foreground-secondary-90{color:var(--vb-secondary-90)!important}.foreground-secondary-95{color:var(--vb-secondary-95)!important}.foreground-secondary-98{color:var(--vb-secondary-98)!important}.foreground-secondary-100{color:var(--vb-secondary-100)!important}.foreground-neutral{color:var(--vb-neutral-50)!important}.foreground-neutral-0{color:var(--vb-neutral-0)!important}.foreground-neutral-5{color:var(--vb-neutral-5)!important}.foreground-neutral-10{color:var(--vb-neutral-10)!important}.foreground-neutral-12{color:var(--vb-neutral-12)!important}.foreground-neutral-15{color:var(--vb-neutral-15)!important}.foreground-neutral-20{color:var(--vb-neutral-20)!important}.foreground-neutral-30{color:var(--vb-neutral-30)!important}.foreground-neutral-40{color:var(--vb-neutral-40)!important}.foreground-neutral-50{color:var(--vb-neutral-50)!important}.foreground-neutral-60{color:var(--vb-neutral-60)!important}.foreground-neutral-70{color:var(--vb-neutral-70)!important}.foreground-neutral-80{color:var(--vb-neutral-80)!important}.foreground-neutral-90{color:var(--vb-neutral-90)!important}.foreground-neutral-95{color:var(--vb-neutral-95)!important}.foreground-neutral-98{color:var(--vb-neutral-98)!important}.foreground-neutral-100{color:var(--vb-neutral-100)!important}.foreground-important{color:var(--vb-important-50)!important}.foreground-important-0{color:var(--vb-important-0)!important}.foreground-important-5{color:var(--vb-important-5)!important}.foreground-important-10{color:var(--vb-important-10)!important}.foreground-important-12{color:var(--vb-important-12)!important}.foreground-important-15{color:var(--vb-important-15)!important}.foreground-important-20{color:var(--vb-important-20)!important}.foreground-important-30{color:var(--vb-important-30)!important}.foreground-important-40{color:var(--vb-important-40)!important}.foreground-important-50{color:var(--vb-important-50)!important}.foreground-important-60{color:var(--vb-important-60)!important}.foreground-important-70{color:var(--vb-important-70)!important}.foreground-important-80{color:var(--vb-important-80)!important}.foreground-important-90{color:var(--vb-important-90)!important}.foreground-important-95{color:var(--vb-important-95)!important}.foreground-important-98{color:var(--vb-important-98)!important}.foreground-important-100{color:var(--vb-important-100)!important}.foreground-accent{color:var(--vb-accent-50)!important}.foreground-accent-0{color:var(--vb-accent-0)!important}.foreground-accent-5{color:var(--vb-accent-5)!important}.foreground-accent-10{color:var(--vb-accent-10)!important}.foreground-accent-12{color:var(--vb-accent-12)!important}.foreground-accent-15{color:var(--vb-accent-15)!important}.foreground-accent-20{color:var(--vb-accent-20)!important}.foreground-accent-30{color:var(--vb-accent-30)!important}.foreground-accent-40{color:var(--vb-accent-40)!important}.foreground-accent-50{color:var(--vb-accent-50)!important}.foreground-accent-60{color:var(--vb-accent-60)!important}.foreground-accent-70{color:var(--vb-accent-70)!important}.foreground-accent-80{color:var(--vb-accent-80)!important}.foreground-accent-90{color:var(--vb-accent-90)!important}.foreground-accent-95{color:var(--vb-accent-95)!important}.foreground-accent-98{color:var(--vb-accent-98)!important}.foreground-accent-100{color:var(--vb-accent-100)!important}.border{border:1px solid var(--vb-border-color)!important}.border-top{border-top:1px solid var(--vb-border-color)!important}.border-bottom{border-bottom:1px solid var(--vb-border-color)!important}.border-left{border-left:1px solid var(--vb-border-color)!important}.border-right{border-right:1px solid var(--vb-border-color)!important}.border-none{border:0!important}.border-top-none{border-top:0!important}.border-bottom-none{border-bottom:0!important}.border-left-none{border-left:0!important}.border-right-none{border-right:0!important}.border-color-dark{border-color:var(--vb-border-color-dark)!important}.border-color-darker{border-color:var(--vb-border-color-darker)!important}.border-color-transparent{border-color:transparent!important}.radius{border-radius:.25rem!important}.radius-top,.radius-left,.radius-top-left{border-top-left-radius:.25rem!important}.radius-top,.radius-right,.radius-top-right{border-top-right-radius:.25rem!important}.radius-bottom,.radius-right,.radius-bottom-right{border-bottom-right-radius:.25rem!important}.radius-bottom,.radius-left,.radius-bottom-left{border-bottom-left-radius:.25rem!important}.radius-lg{border-radius:.5rem!important}.radius-lg-top,.radius-lg-left,.radius-lg-top-left{border-top-left-radius:.5rem!important}.radius-lg-top,.radius-lg-right,.radius-lg-top-right{border-top-right-radius:.5rem!important}.radius-lg-bottom,.radius-lg-right,.radius-lg-bottom-right{border-bottom-right-radius:.5rem!important}.radius-lg-bottom,.radius-lg-left,.radius-lg-bottom-left{border-bottom-left-radius:.5rem!important}.radius-circle{border-radius:9999px!important}.radius-circle-top,.radius-circle-left,.radius-circle-top-left{border-top-left-radius:9999px!important}.radius-circle-top,.radius-circle-right,.radius-circle-top-right{border-top-right-radius:9999px!important}.radius-circle-bottom,.radius-circle-right,.radius-circle-bottom-right{border-bottom-right-radius:9999px!important}.radius-circle-bottom,.radius-circle-left,.radius-circle-bottom-left{border-bottom-left-radius:9999px!important}.radius-square{border-radius:0!important}.radius-square-top,.radius-square-left,.radius-square-top-left{border-top-left-radius:0!important}.radius-square-top,.radius-square-right,.radius-square-top-right{border-top-right-radius:0!important}.radius-square-bottom,.radius-square-right,.radius-square-bottom-right{border-bottom-right-radius:0!important}.radius-square-bottom,.radius-square-left,.radius-square-bottom-left{border-bottom-left-radius:0!important}.shadow{box-shadow:var(--vb-box-shadow)!important}.shadow-flat{box-shadow:0 0 0 0 transparent!important}.shadow-1{box-shadow:var(--vb-box-shadow-1)!important}.shadow-2{box-shadow:var(--vb-box-shadow-2)!important}.shadow-3{box-shadow:var(--vb-box-shadow-3)!important}.shadow-4{box-shadow:var(--vb-box-shadow-4)!important}.shadow-5{box-shadow:var(--vb-box-shadow-5)!important}.display-inline{display:inline!important}.display-flex{display:flex!important}.display-inline-flex{display:inline-flex!important}.display-grid{display:grid!important}.display-inline-grid{display:inline-grid!important}.display-block{display:block!important}.display-inline-block{display:inline-block!important}.display-none{display:none!important}@media (min-width: 480px){.display-inline-xs{display:inline!important}.display-flex-xs{display:flex!important}.display-inline-flex-xs{display:inline-flex!important}.display-grid-xs{display:grid!important}.display-inline-grid-xs{display:inline-grid!important}.display-block-xs{display:block!important}.display-inline-block-xs{display:inline-block!important}.display-none-xs{display:none!important}}@media (min-width: 620px){.display-inline-sm{display:inline!important}.display-flex-sm{display:flex!important}.display-inline-flex-sm{display:inline-flex!important}.display-grid-sm{display:grid!important}.display-inline-grid-sm{display:inline-grid!important}.display-block-sm{display:block!important}.display-inline-block-sm{display:inline-block!important}.display-none-sm{display:none!important}}@media (min-width: 760px){.display-inline-md{display:inline!important}.display-flex-md{display:flex!important}.display-inline-flex-md{display:inline-flex!important}.display-grid-md{display:grid!important}.display-inline-grid-md{display:inline-grid!important}.display-block-md{display:block!important}.display-inline-block-md{display:inline-block!important}.display-none-md{display:none!important}}@media (min-width: 990px){.display-inline-lg{display:inline!important}.display-flex-lg{display:flex!important}.display-inline-flex-lg{display:inline-flex!important}.display-grid-lg{display:grid!important}.display-inline-grid-lg{display:inline-grid!important}.display-block-lg{display:block!important}.display-inline-block-lg{display:inline-block!important}.display-none-lg{display:none!important}}@media (min-width: 1380px){.display-inline-xl{display:inline!important}.display-flex-xl{display:flex!important}.display-inline-flex-xl{display:inline-flex!important}.display-grid-xl{display:grid!important}.display-inline-grid-xl{display:inline-grid!important}.display-block-xl{display:block!important}.display-inline-block-xl{display:inline-block!important}.display-none-xl{display:none!important}}.margin{margin:1em!important}.margin-top{margin-top:1em!important}.margin-bottom{margin-bottom:1em!important}.margin-left{margin-left:1em!important}.margin-right{margin-right:1em!important}.margin-none{margin:0!important}.margin-xs{margin:.25em!important}.margin-sm{margin:.5em!important}.margin-md{margin:1em!important}.margin-lg{margin:1.5em!important}.margin-xl{margin:2em!important}.margin-top-none{margin-top:0!important}.margin-top-xs{margin-top:.25em!important}.margin-top-sm{margin-top:.5em!important}.margin-top-md{margin-top:1em!important}.margin-top-lg{margin-top:1.5em!important}.margin-top-xl{margin-top:2em!important}.margin-bottom-none{margin-bottom:0!important}.margin-bottom-xs{margin-bottom:.25em!important}.margin-bottom-sm{margin-bottom:.5em!important}.margin-bottom-md{margin-bottom:1em!important}.margin-bottom-lg{margin-bottom:1.5em!important}.margin-bottom-xl{margin-bottom:2em!important}.margin-left-none{margin-left:0!important}.margin-left-xs{margin-left:.25em!important}.margin-left-sm{margin-left:.5em!important}.margin-left-md{margin-left:1em!important}.margin-left-lg{margin-left:1.5em!important}.margin-left-xl{margin-left:2em!important}.margin-right-none{margin-right:0!important}.margin-right-xs{margin-right:.25em!important}.margin-right-sm{margin-right:.5em!important}.margin-right-md{margin-right:1em!important}.margin-right-lg{margin-right:1.5em!important}.margin-right-xl{margin-right:2em!important}.margin-x-none{margin-right:0!important;margin-left:0!important}.margin-x-xs{margin-right:.25em!important;margin-left:.25em!important}.margin-x-sm{margin-right:.5em!important;margin-left:.5em!important}.margin-x-md{margin-right:1em!important;margin-left:1em!important}.margin-x-lg{margin-right:1.5em!important;margin-left:1.5em!important}.margin-x-xl{margin-right:2em!important;margin-left:2em!important}.margin-y-none{margin-top:0!important;margin-bottom:0!important}.margin-y-xs{margin-top:.25em!important;margin-bottom:.25em!important}.margin-y-sm{margin-top:.5em!important;margin-bottom:.5em!important}.margin-y-md{margin-top:1em!important;margin-bottom:1em!important}.margin-y-lg{margin-top:1.5em!important;margin-bottom:1.5em!important}.margin-y-xl{margin-top:2em!important;margin-bottom:2em!important}.margin-auto{margin:auto!important}.margin-top-auto{margin-top:auto!important}.margin-bottom-auto{margin-bottom:auto!important}.margin-left-auto{margin-left:auto!important}.margin-right-auto{margin-right:auto!important}.margin-x-auto{margin-right:auto!important;margin-left:auto!important}.margin-y-auto{margin-top:auto!important;margin-bottom:auto!important}.padding{padding:1em!important}.padding-top{padding-top:1em!important}.padding-bottom{padding-bottom:1em!important}.padding-left{padding-left:1em!important}.padding-right{padding-right:1em!important}.padding-none{padding:0!important}.padding-xs{padding:.25em!important}.padding-sm{padding:.5em!important}.padding-md{padding:1em!important}.padding-lg{padding:1.5em!important}.padding-xl{padding:2em!important}.padding-top-none{padding-top:0!important}.padding-top-xs{padding-top:.25em!important}.padding-top-sm{padding-top:.5em!important}.padding-top-md{padding-top:1em!important}.padding-top-lg{padding-top:1.5em!important}.padding-top-xl{padding-top:2em!important}.padding-bottom-none{padding-bottom:0!important}.padding-bottom-xs{padding-bottom:.25em!important}.padding-bottom-sm{padding-bottom:.5em!important}.padding-bottom-md{padding-bottom:1em!important}.padding-bottom-lg{padding-bottom:1.5em!important}.padding-bottom-xl{padding-bottom:2em!important}.padding-left-none{padding-left:0!important}.padding-left-xs{padding-left:.25em!important}.padding-left-sm{padding-left:.5em!important}.padding-left-md{padding-left:1em!important}.padding-left-lg{padding-left:1.5em!important}.padding-left-xl{padding-left:2em!important}.padding-right-none{padding-right:0!important}.padding-right-xs{padding-right:.25em!important}.padding-right-sm{padding-right:.5em!important}.padding-right-md{padding-right:1em!important}.padding-right-lg{padding-right:1.5em!important}.padding-right-xl{padding-right:2em!important}.padding-x-none{padding-right:0!important;padding-left:0!important}.padding-x-xs{padding-right:.25em!important;padding-left:.25em!important}.padding-x-sm{padding-right:.5em!important;padding-left:.5em!important}.padding-x-md{padding-right:1em!important;padding-left:1em!important}.padding-x-lg{padding-right:1.5em!important;padding-left:1.5em!important}.padding-x-xl{padding-right:2em!important;padding-left:2em!important}.padding-y-none{padding-top:0!important;padding-bottom:0!important}.padding-y-xs{padding-top:.25em!important;padding-bottom:.25em!important}.padding-y-sm{padding-top:.5em!important;padding-bottom:.5em!important}.padding-y-md{padding-top:1em!important;padding-bottom:1em!important}.padding-y-lg{padding-top:1.5em!important;padding-bottom:1.5em!important}.padding-y-xl{padding-top:2em!important;padding-bottom:2em!important}.spacing>*+*{margin-top:1em!important}.spacing-none>*+*{margin-top:0!important}.spacing-xs>*+*{margin-top:.25em!important}.spacing-sm>*+*{margin-top:.5em!important}.spacing-md>*+*{margin-top:1em!important}.spacing-lg>*+*{margin-top:1.5em!important}.spacing-xl>*+*{margin-top:2em!important}.gap{gap:1em!important}.gap-x{column-gap:1em!important}.gap-y{row-gap:1em!important}.gap-none{gap:0!important}.gap-xs{gap:.25em!important}.gap-sm{gap:.5em!important}.gap-md{gap:1em!important}.gap-lg{gap:1.5em!important}.gap-xl{gap:2em!important}.gap-x-none{column-gap:0!important}.gap-y-none{row-gap:0!important}.gap-x-xs{column-gap:.25em!important}.gap-y-xs{row-gap:.25em!important}.gap-x-sm{column-gap:.5em!important}.gap-y-sm{row-gap:.5em!important}.gap-x-md{column-gap:1em!important}.gap-y-md{row-gap:1em!important}.gap-x-lg{column-gap:1.5em!important}.gap-y-lg{row-gap:1.5em!important}.gap-x-xl{column-gap:2em!important}.gap-y-xl{row-gap:2em!important}@media (min-width: 480px){.xs\:gap{gap:1em!important}.xs\:gap-x{column-gap:1em!important}.xs\:gap-y{row-gap:1em!important}.xs\:gap-none{gap:0!important}.xs\:gap-xs{gap:.25em!important}.xs\:gap-sm{gap:.5em!important}.xs\:gap-md{gap:1em!important}.xs\:gap-lg{gap:1.5em!important}.xs\:gap-xl{gap:2em!important}.xs\:gap-x-none{column-gap:0!important}.xs\:gap-y-none{row-gap:0!important}.xs\:gap-x-xs{column-gap:.25em!important}.xs\:gap-y-xs{row-gap:.25em!important}.xs\:gap-x-sm{column-gap:.5em!important}.xs\:gap-y-sm{row-gap:.5em!important}.xs\:gap-x-md{column-gap:1em!important}.xs\:gap-y-md{row-gap:1em!important}.xs\:gap-x-lg{column-gap:1.5em!important}.xs\:gap-y-lg{row-gap:1.5em!important}.xs\:gap-x-xl{column-gap:2em!important}.xs\:gap-y-xl{row-gap:2em!important}}@media (min-width: 620px){.sm\:gap{gap:1em!important}.sm\:gap-x{column-gap:1em!important}.sm\:gap-y{row-gap:1em!important}.sm\:gap-none{gap:0!important}.sm\:gap-xs{gap:.25em!important}.sm\:gap-sm{gap:.5em!important}.sm\:gap-md{gap:1em!important}.sm\:gap-lg{gap:1.5em!important}.sm\:gap-xl{gap:2em!important}.sm\:gap-x-none{column-gap:0!important}.sm\:gap-y-none{row-gap:0!important}.sm\:gap-x-xs{column-gap:.25em!important}.sm\:gap-y-xs{row-gap:.25em!important}.sm\:gap-x-sm{column-gap:.5em!important}.sm\:gap-y-sm{row-gap:.5em!important}.sm\:gap-x-md{column-gap:1em!important}.sm\:gap-y-md{row-gap:1em!important}.sm\:gap-x-lg{column-gap:1.5em!important}.sm\:gap-y-lg{row-gap:1.5em!important}.sm\:gap-x-xl{column-gap:2em!important}.sm\:gap-y-xl{row-gap:2em!important}}@media (min-width: 760px){.md\:gap{gap:1em!important}.md\:gap-x{column-gap:1em!important}.md\:gap-y{row-gap:1em!important}.md\:gap-none{gap:0!important}.md\:gap-xs{gap:.25em!important}.md\:gap-sm{gap:.5em!important}.md\:gap-md{gap:1em!important}.md\:gap-lg{gap:1.5em!important}.md\:gap-xl{gap:2em!important}.md\:gap-x-none{column-gap:0!important}.md\:gap-y-none{row-gap:0!important}.md\:gap-x-xs{column-gap:.25em!important}.md\:gap-y-xs{row-gap:.25em!important}.md\:gap-x-sm{column-gap:.5em!important}.md\:gap-y-sm{row-gap:.5em!important}.md\:gap-x-md{column-gap:1em!important}.md\:gap-y-md{row-gap:1em!important}.md\:gap-x-lg{column-gap:1.5em!important}.md\:gap-y-lg{row-gap:1.5em!important}.md\:gap-x-xl{column-gap:2em!important}.md\:gap-y-xl{row-gap:2em!important}}@media (min-width: 990px){.lg\:gap{gap:1em!important}.lg\:gap-x{column-gap:1em!important}.lg\:gap-y{row-gap:1em!important}.lg\:gap-none{gap:0!important}.lg\:gap-xs{gap:.25em!important}.lg\:gap-sm{gap:.5em!important}.lg\:gap-md{gap:1em!important}.lg\:gap-lg{gap:1.5em!important}.lg\:gap-xl{gap:2em!important}.lg\:gap-x-none{column-gap:0!important}.lg\:gap-y-none{row-gap:0!important}.lg\:gap-x-xs{column-gap:.25em!important}.lg\:gap-y-xs{row-gap:.25em!important}.lg\:gap-x-sm{column-gap:.5em!important}.lg\:gap-y-sm{row-gap:.5em!important}.lg\:gap-x-md{column-gap:1em!important}.lg\:gap-y-md{row-gap:1em!important}.lg\:gap-x-lg{column-gap:1.5em!important}.lg\:gap-y-lg{row-gap:1.5em!important}.lg\:gap-x-xl{column-gap:2em!important}.lg\:gap-y-xl{row-gap:2em!important}}@media (min-width: 1380px){.xl\:gap{gap:1em!important}.xl\:gap-x{column-gap:1em!important}.xl\:gap-y{row-gap:1em!important}.xl\:gap-none{gap:0!important}.xl\:gap-xs{gap:.25em!important}.xl\:gap-sm{gap:.5em!important}.xl\:gap-md{gap:1em!important}.xl\:gap-lg{gap:1.5em!important}.xl\:gap-xl{gap:2em!important}.xl\:gap-x-none{column-gap:0!important}.xl\:gap-y-none{row-gap:0!important}.xl\:gap-x-xs{column-gap:.25em!important}.xl\:gap-y-xs{row-gap:.25em!important}.xl\:gap-x-sm{column-gap:.5em!important}.xl\:gap-y-sm{row-gap:.5em!important}.xl\:gap-x-md{column-gap:1em!important}.xl\:gap-y-md{row-gap:1em!important}.xl\:gap-x-lg{column-gap:1.5em!important}.xl\:gap-y-lg{row-gap:1.5em!important}.xl\:gap-x-xl{column-gap:2em!important}.xl\:gap-y-xl{row-gap:2em!important}}.justify-content-start{justify-content:start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-items-start{justify-items:start!important}.justify-items-center{justify-items:center!important}.justify-items-end{justify-items:end!important}.justify-items-stretch{justify-items:stretch!important}.justify-self-start{justify-self:start!important}.justify-self-center{justify-self:center!important}.justify-self-end{justify-self:end!important}.justify-self-stretch{justify-self:stretch!important}.align-content-start{align-content:start!important}.align-content-center{align-content:center!important}.align-content-end{align-content:end!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-evenly{align-content:space-evenly!important}.align-content-stretch{align-content:stretch!important}.align-items-start{align-items:start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:end!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:start!important}.align-self-center{align-self:center!important}.align-self-end{align-self:end!important}.align-self-stretch{align-self:stretch!important}.place-content-start{place-content:start!important}.place-content-center{place-content:center!important}.place-content-end{place-content:end!important}.place-content-between{place-content:space-between!important}.place-content-around{place-content:space-around!important}.place-content-evenly{place-content:space-evenly!important}.place-content-stretch{place-content:stretch!important}.place-items-start{place-items:start!important}.place-items-center{place-items:center!important}.place-items-end{place-items:end!important}.place-items-stretch{place-items:stretch!important}.place-self-start{place-self:start!important}.place-self-center{place-self:center!important}.place-self-end{place-self:end!important}.place-self-stretch{place-self:stretch!important}.order-first{order:-99!important}.order-last{order:99!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-6{order:6!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-relative{position:relative!important}.position-static{position:static!important}.position-sticky{position:sticky!important}.overflow-visible{overflow:visible!important}.overflow-x-visible{overflow-x:visible!important}.overflow-y-visible{overflow-y:visible!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-clip{overflow:clip!important}.overflow-x-clip{overflow-x:clip!important}.overflow-y-clip{overflow-y:clip!important}.overflow-scroll{overflow:scroll!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-scroll{overflow-y:scroll!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.max-width{max-width:70rem!important}.max-width-none{max-width:none!important}.max-width-xs{max-width:45rem!important}.max-width-sm{max-width:60rem!important}.max-width-md{max-width:70rem!important}.max-width-lg{max-width:80rem!important}.max-width-xl{max-width:90rem!important}.max-width-full{max-width:100%!important}.font-family-sans{font-family:blinkmacsystemfont,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,arial,sans-serif!important}.font-family-serif{font-family:constantia,Lucida Bright,lucidabright,"Lucida Serif",lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",georgia,serif!important}.font-family-mono{font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace!important}.font-size-base{font-size:1rem!important}.font-size-sm{font-size:.875rem!important}.font-size-lg{font-size:1.125rem!important}.font-leading-base{line-height:var(--vb-line-height)!important}.font-leading-sm{line-height:var(--vb-line-height-sm)!important}.font-leading-lg{line-height:var(--vb-line-height-lg)!important}.font-kerning-0{letter-spacing:0!important}.font-kerning-1{letter-spacing:.1em!important}.font-kerning-2{letter-spacing:.2em!important}.font-weight-thin{font-weight:100!important}.font-weight-extra-light{font-weight:200!important}.font-weight-light{font-weight:300!important}.font-weight-regular{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semi-bold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-extra-bold{font-weight:800!important}.font-weight-black{font-weight:900!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-bolder{font-weight:bolder!important}.font-style-normal{font-style:normal!important}.font-style-italic{font-style:italic!important}.text-capitalize{text-transform:capitalize!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-strike{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-underline-dotted{text-decoration:underline!important;text-decoration-style:dotted!important}.text-underline-dashed{text-decoration:underline!important;text-decoration-style:dashed!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-overflow-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[tabindex="-1"],[contenteditable]{outline:none}::selection{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}.layout{--vb-layout-gap: 1em;--vb-layout-padding: 1em;display:grid;grid-template-rows:auto auto 1fr auto;min-height:100%}@media (min-width: 620px){.layout{grid-template-columns:40% 60%;grid-template-rows:auto 1fr auto;row-gap:var(--vb-layout-gap)}}@media (min-width: 760px){.layout{--vb-layout-gap: 2em;--vb-layout-padding: 2em}}@media (min-width: 990px){.layout{--vb-layout-gap: 3em;--vb-layout-padding: 4em}}.layout__aside{position:relative;z-index:3;background-color:var(--vb-background);color:var(--vb-foreground)}@media (min-width: 620px){.layout__aside{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:end;padding:var(--vb-layout-padding)}}.layout__header,.layout__content,.layout__footer{max-width:52rem}.layout__header{position:sticky;z-index:2;top:0;align-self:center}@media (min-width: 620px){.layout__header{padding:var(--vb-layout-padding) var(--vb-layout-padding) 0}}.layout__content{position:relative;z-index:1;padding:.5em 0}@media (min-width: 620px){.layout__content{padding:0 var(--vb-layout-padding)}}.layout__footer{position:sticky;z-index:2;bottom:0}@media (min-width: 620px){.layout__footer{padding:0 var(--vb-layout-padding) var(--vb-layout-padding) var(--vb-layout-padding)}}.header{display:flex;align-items:center;align-self:center;gap:.5em}@media (min-width: 620px){.header{width:100%;max-width:20rem}}.header__title{flex-grow:1}.aside{display:grid;grid-template-rows:subgrid;grid-row:span 2;list-style:none;width:100%;max-width:20rem}.aside__header{display:none;gap:1em;align-items:center;justify-content:space-between;padding-left:1.5em}.aside__footer{align-self:center}.aside__footer .button{--vb-button-size: 3em;border-radius:var(--vb-border-radius)}@media (min-width: 760px){.aside__content,.aside__footer{margin-left:2.5em}}.aside_modal{position:fixed;z-index:100;grid-template-rows:auto 1fr auto;visibility:hidden;width:calc(100% - 50px);overflow:hidden auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;outline:none;background-color:var(--vb-background);box-shadow:var(--vb-box-shadow-5);opacity:0;inset:0 auto 0 0;overscroll-behavior:contain;scroll-behavior:smooth}.aside_modal.is-opened,.aside_modal.is-opening{visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1);opacity:1}.aside_modal.is-closing{visibility:visible}.aside_modal.is-closed{visibility:hidden}.aside_modal .aside__header{display:flex}.aside_modal .aside__content,.aside_modal .aside__footer{padding:1em}.aside-screen{position:fixed;z-index:99;transition:background-color .25s;background-color:hsl(var(--vb-neutral-hs) 10% / 0%);inset:auto}.aside_modal.is-opened~.aside-screen,.aside_modal.is-opening~.aside-screen{background-color:hsl(var(--vb-neutral-hs) 10% / 80%)}.aside_modal.is-opened~.aside-screen,.aside_modal.is-opening~.aside-screen,.aside_modal.is-closing~.aside-screen{top:0;right:0;bottom:0;left:0}.footer{display:flex;align-items:center;gap:1em;background-color:var(--vb-background-dark)}@media (min-width: 620px){.footer{background-color:transparent}}.logo{display:block;width:20px;height:20px;border:4px solid var(--vb-accent-50);border-radius:10px}.button{--vb-button-size: 3.5em;--vb-button-padding: .5em 1em;--vb-button-border-width: 0;--vb-button-border-radius: 0;--vb-button-background-hover: var(--vb-background-hover);--vb-button-background-active: var(--vb-background-active);--vb-button-transition-duration: 0;text-decoration:underline;text-underline-offset:.25em}.button:hover,.button:focus{text-decoration:none}@media (min-width: 620px){.button{--vb-button-size: 3em;--vb-button-border-radius: var(--vb-border-radius)}}.button_icon{--vb-button-padding: .5em}.menu_list .menu__action{text-decoration:underline;text-underline-offset:4px}.menu_list .menu__action:hover,.menu_list .menu__action:focus{text-decoration:none}.todo-form{position:relative;display:flex;background-color:var(--vb-background)}.todo-form__input{background-color:var(--vb-background-light);width:100%;border:none;border-color:transparent;border-bottom:var(--vb-border);border-radius:0;padding:1em 4em calc(1em - var(--vb-border-width)) 4em;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5;color:var(--vb-foreground);outline:0 solid transparent;transition:border-color,outline;transition-duration:var(--vb-transition-duration);transition-timing-function:var(--vb-transition-timing-function)}.todo-form__input:focus{outline:3px solid var(--vb-background-hover);border-color:var(--vb-background-light) var(--vb-border-color-darker) var(--vb-border-color-darker)}.todo-form__input::selection{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}@media (min-width: 620px){.todo-form__input{padding-top:calc(1em - var(--vb-border-width));border:var(--vb-border);border-radius:var(--vb-border-radius)}.todo-form__input:focus{border-color:var(--vb-border-color-darker)}}.todo-form__icon,.todo-form__button{--vb-button-size: 3.5em}.todo-form__icon{position:absolute;inset:0 auto 0 0;border-top-right-radius:0;border-bottom-right-radius:0}.todo-form__button{position:absolute;inset:0 0 0 auto;border-top-left-radius:0;border-bottom-left-radius:0}.todo-form__button:hover,.todo-form__button:focus{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}.todo-form__button:active{background-color:var(--vb-accent-50)}.todo-list{display:flex;gap:.25em;flex-direction:column;list-style:none}.todo-list.event-dragging .todo *{pointer-events:none}.todo{position:relative;z-index:1;display:flex;flex-wrap:nowrap;align-items:start;background-color:var(--vb-background);transition:background-color .25s ease}.todo.is-dragging,.todo.is-touching{z-index:2;background-color:hsl(var(--vb-accent-hs) 50% / 20%)}.todo.is-dragging .todo__handle,.todo.is-touching .todo__handle{background-color:var(--vb-accent-50)}.todo.is-dragging{transition:opacity 1ms linear;opacity:0}.todo__action{padding:.25em .5em}.todo__content{flex-grow:1;padding:.75em .5em;color:var(--vb-foreground)}.is-done .todo__content{color:var(--vb-foreground-lighter)}.todo__content:focus{color:var(--vb-foreground);border-radius:var(--vb-border-radius);outline:.125em dotted var(--vb-border-color)}.todo__handle{display:flex;padding:.75em 1em;align-self:stretch;cursor:grab}.todo__handle:hover{background-color:var(--vb-background-hover)}.todo__handle:active{background-color:var(--vb-background-active)}.todo__handle:focus{outline:none;background-color:var(--vb-background-active)}.todo__handle:active{cursor:grabbing}@media (min-width: 620px){.todo__handle{padding:.75em .5em;margin:0 .5em;border-radius:var(--vb-border-radius)}}:root{--vb-primary-hs: 0deg 0%;--vb-primary: var(--vb-primary-50);--vb-primary-0: hsl(var(--vb-primary-hs) 0%);--vb-primary-5: hsl(var(--vb-primary-hs) 5%);--vb-primary-10: hsl(var(--vb-primary-hs) 10%);--vb-primary-12: hsl(var(--vb-primary-hs) 12%);--vb-primary-15: hsl(var(--vb-primary-hs) 15%);--vb-primary-20: hsl(var(--vb-primary-hs) 20%);--vb-primary-30: hsl(var(--vb-primary-hs) 30%);--vb-primary-40: hsl(var(--vb-primary-hs) 40%);--vb-primary-50: hsl(var(--vb-primary-hs) 50%);--vb-primary-60: hsl(var(--vb-primary-hs) 60%);--vb-primary-70: hsl(var(--vb-primary-hs) 70%);--vb-primary-80: hsl(var(--vb-primary-hs) 80%);--vb-primary-90: hsl(var(--vb-primary-hs) 90%);--vb-primary-95: hsl(var(--vb-primary-hs) 95%);--vb-primary-98: hsl(var(--vb-primary-hs) 98%);--vb-primary-100: hsl(var(--vb-primary-hs) 100%);--vb-secondary-hs: 214deg 50%;--vb-secondary: var(--vb-secondary-50);--vb-secondary-0: hsl(var(--vb-secondary-hs) 0%);--vb-secondary-5: hsl(var(--vb-secondary-hs) 5%);--vb-secondary-10: hsl(var(--vb-secondary-hs) 10%);--vb-secondary-12: hsl(var(--vb-secondary-hs) 12%);--vb-secondary-15: hsl(var(--vb-secondary-hs) 15%);--vb-secondary-20: hsl(var(--vb-secondary-hs) 20%);--vb-secondary-30: hsl(var(--vb-secondary-hs) 30%);--vb-secondary-40: hsl(var(--vb-secondary-hs) 40%);--vb-secondary-50: hsl(var(--vb-secondary-hs) 50%);--vb-secondary-60: hsl(var(--vb-secondary-hs) 60%);--vb-secondary-70: hsl(var(--vb-secondary-hs) 70%);--vb-secondary-80: hsl(var(--vb-secondary-hs) 80%);--vb-secondary-90: hsl(var(--vb-secondary-hs) 90%);--vb-secondary-95: hsl(var(--vb-secondary-hs) 95%);--vb-secondary-98: hsl(var(--vb-secondary-hs) 98%);--vb-secondary-100: hsl(var(--vb-secondary-hs) 100%);--vb-neutral-hs: 0deg 0%;--vb-neutral: var(--vb-neutral-50);--vb-neutral-0: hsl(var(--vb-neutral-hs) 0%);--vb-neutral-5: hsl(var(--vb-neutral-hs) 5%);--vb-neutral-10: hsl(var(--vb-neutral-hs) 10%);--vb-neutral-12: hsl(var(--vb-neutral-hs) 12%);--vb-neutral-15: hsl(var(--vb-neutral-hs) 15%);--vb-neutral-20: hsl(var(--vb-neutral-hs) 20%);--vb-neutral-30: hsl(var(--vb-neutral-hs) 30%);--vb-neutral-40: hsl(var(--vb-neutral-hs) 40%);--vb-neutral-50: hsl(var(--vb-neutral-hs) 50%);--vb-neutral-60: hsl(var(--vb-neutral-hs) 60%);--vb-neutral-70: hsl(var(--vb-neutral-hs) 70%);--vb-neutral-80: hsl(var(--vb-neutral-hs) 80%);--vb-neutral-90: hsl(var(--vb-neutral-hs) 90%);--vb-neutral-95: hsl(var(--vb-neutral-hs) 95%);--vb-neutral-98: hsl(var(--vb-neutral-hs) 98%);--vb-neutral-100: hsl(var(--vb-neutral-hs) 100%);--vb-important-hs: 0deg 80%;--vb-important: var(--vb-important-50);--vb-important-0: hsl(var(--vb-important-hs) 0%);--vb-important-5: hsl(var(--vb-important-hs) 5%);--vb-important-10: hsl(var(--vb-important-hs) 10%);--vb-important-12: hsl(var(--vb-important-hs) 12%);--vb-important-15: hsl(var(--vb-important-hs) 15%);--vb-important-20: hsl(var(--vb-important-hs) 20%);--vb-important-30: hsl(var(--vb-important-hs) 30%);--vb-important-40: hsl(var(--vb-important-hs) 40%);--vb-important-50: hsl(var(--vb-important-hs) 50%);--vb-important-60: hsl(var(--vb-important-hs) 60%);--vb-important-70: hsl(var(--vb-important-hs) 70%);--vb-important-80: hsl(var(--vb-important-hs) 80%);--vb-important-90: hsl(var(--vb-important-hs) 90%);--vb-important-95: hsl(var(--vb-important-hs) 95%);--vb-important-98: hsl(var(--vb-important-hs) 98%);--vb-important-100: hsl(var(--vb-important-hs) 100%);--vb-accent-hs: 158deg 100%;--vb-accent: var(--vb-accent-50);--vb-accent-0: hsl(var(--vb-accent-hs) 0%);--vb-accent-5: hsl(var(--vb-accent-hs) 5%);--vb-accent-10: hsl(var(--vb-accent-hs) 10%);--vb-accent-12: hsl(var(--vb-accent-hs) 12%);--vb-accent-15: hsl(var(--vb-accent-hs) 15%);--vb-accent-20: hsl(var(--vb-accent-hs) 20%);--vb-accent-30: hsl(var(--vb-accent-hs) 30%);--vb-accent-40: hsl(var(--vb-accent-hs) 40%);--vb-accent-50: hsl(var(--vb-accent-hs) 50%);--vb-accent-60: hsl(var(--vb-accent-hs) 60%);--vb-accent-70: hsl(var(--vb-accent-hs) 70%);--vb-accent-80: hsl(var(--vb-accent-hs) 80%);--vb-accent-90: hsl(var(--vb-accent-hs) 90%);--vb-accent-95: hsl(var(--vb-accent-hs) 95%);--vb-accent-98: hsl(var(--vb-accent-hs) 98%);--vb-accent-100: hsl(var(--vb-accent-hs) 100%)}:root,.vb-theme-root,.vb-theme-light{--vb-background: var(--vb-neutral-98);--vb-background-dark: var(--vb-neutral-95);--vb-background-darker: var(--vb-neutral-90);--vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 0% / 5%);--vb-background-focus: rgba(0, 0, 0, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 0% / 10%);--vb-foreground: var(--vb-neutral-15);--vb-foreground-light: var(--vb-neutral-40);--vb-foreground-lighter: var(--vb-neutral-60);--vb-foreground-alt: var(--vb-secondary-50);--vb-border-color: rgba(0, 0, 0, .1);--vb-border-color-dark: rgba(0, 0, 0, .2);--vb-border-color-darker: rgba(0, 0, 0, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-100);color-scheme:light}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-background: var(--vb-neutral-15);--vb-background-dark: var(--vb-neutral-20);--vb-background-darker: var(--vb-neutral-30);--vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 100% / 5%);--vb-background-focus: rgba(255, 255, 255, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 100% / 10%);--vb-foreground: var(--vb-neutral-95);--vb-foreground-light: var(--vb-neutral-70);--vb-foreground-lighter: var(--vb-neutral-50);--vb-foreground-alt: var(--vb-secondary-60);--vb-border-color: rgba(255, 255, 255, .1);--vb-border-color-dark: rgba(255, 255, 255, .2);--vb-border-color-darker: rgba(255, 255, 255, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-20);color-scheme:dark}}.vb-theme-dark{--vb-background: var(--vb-neutral-15);--vb-background-dark: var(--vb-neutral-20);--vb-background-darker: var(--vb-neutral-30);--vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 100% / 5%);--vb-background-focus: rgba(255, 255, 255, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 100% / 10%);--vb-foreground: var(--vb-neutral-95);--vb-foreground-light: var(--vb-neutral-70);--vb-foreground-lighter: var(--vb-neutral-50);--vb-foreground-alt: var(--vb-secondary-60);--vb-border-color: rgba(255, 255, 255, .1);--vb-border-color-dark: rgba(255, 255, 255, .2);--vb-border-color-darker: rgba(255, 255, 255, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-20);color-scheme:dark}:root{--vb-prefix: vb-;--vb-breakpoint-xs: 480px;--vb-breakpoint-sm: 620px;--vb-breakpoint-md: 760px;--vb-breakpoint-lg: 990px;--vb-breakpoint-xl: 1380px;--vb-gap: 1em;--vb-gap-none: 0;--vb-gap-xs: .25em;--vb-gap-sm: .5em;--vb-gap-md: 1em;--vb-gap-lg: 1.5em;--vb-gap-xl: 2em;--vb-border: 1px solid var(--vb-border-color);--vb-border-width: 1px;--vb-border-style: solid;--vb-border-dark: 1px solid var(--vb-border-color-dark);--vb-border-darker: 1px solid var(--vb-border-color-darker);--vb-border-radius: .25rem;--vb-border-radius-lg: .5rem;--vb-border-radius-circle: 9999px;--vb-box-shadow: 0 2px 6px var(--vb-shadow-color);--vb-box-shadow-1: 0 1px 3px var(--vb-shadow-color);--vb-box-shadow-2: 0 2px 6px var(--vb-shadow-color);--vb-box-shadow-3: 0 4px 12px var(--vb-shadow-color);--vb-box-shadow-4: 0 8px 18px var(--vb-shadow-color);--vb-box-shadow-5: 0 12px 24px var(--vb-shadow-color);--vb-font-family: "Roboto Mono", monospace;--vb-font-family-sans: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;--vb-font-family-serif: constantia, Lucida Bright, lucidabright, Lucida Serif, lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, georgia, serif;--vb-font-family-mono: sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;--vb-font-size: 14px;--vb-font-size-sm: .875rem;--vb-font-size-lg: 1.125rem;--vb-line-height: 1.5;--vb-line-height-sm: 1.5;--vb-line-height-lg: 1.875;--vb-font-weight-thin: 100;--vb-font-weight-extra-light: 200;--vb-font-weight-light: 300;--vb-font-weight-regular: 400;--vb-font-weight-medium: 500;--vb-font-weight-semi-bold: 600;--vb-font-weight-bold: 700;--vb-font-weight-extra-bold: 800;--vb-font-weight-black: 900;--vb-form-control-padding: .5em 1em;--vb-form-control-padding-sm: .25em .75em;--vb-form-control-padding-lg: .648rem 1.5rem;--vb-form-control-size: 2.5rem;--vb-form-control-size-sm: 1.875rem;--vb-form-control-size-lg: 3.125rem;--vb-transition-duration: .3s;--vb-transition-duration-short: .15s;--vb-transition-duration-long: .6s;--vb-transition-timing-function: cubic-bezier(.4, 0, .2, 1)} +*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}html,body{height:100%}html{box-sizing:border-box;font-size:14px;line-height:var(--vb-line-height);-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{background:var(--vb-background);color:var(--vb-foreground);font-family:Roboto Mono,monospace}h1,h2,h3,h4,h5,h6{font-size:inherit}img{max-width:100%;height:auto;border:0;border-style:none;vertical-align:middle}b,strong{font-weight:700}a,button{color:inherit}a{text-decoration:none}code,pre{font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:.875rem}table{border-collapse:collapse}caption{caption-side:bottom;color:var(--vb-foreground-lighter);text-align:left}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit}button,input{overflow:visible}button{border:0;background:none;letter-spacing:inherit;text-align:inherit;text-transform:none;cursor:pointer;-webkit-font-smoothing:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input::-moz-placeholder{opacity:1}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.arrow,.arrow-up,.arrow-down,.arrow-left,.arrow-right{display:inline-block;flex-grow:0;flex-shrink:0;width:0;height:0;transform-origin:center;border-top:6px solid currentcolor;border-right:4px solid transparent;border-left:4px solid transparent;border-radius:2px;pointer-events:none}.arrow-up{transform:rotate(180deg)}.arrow-left{transform:rotate(90deg)}.arrow-right{transform:rotate(-90deg)}.blockquote{position:relative;padding:1.5em;border:1px solid var(--vb-border-color);color:inherit}.blockquote>*+*{margin-top:1em}.blockquote:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:4px;background-color:var(--vb-primary-50)}.code{margin-block:-.125rem;padding:.125rem .375rem;border-radius:.25rem;background:var(--vb-background-alt);color:var(--vb-foreground-alt);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;word-break:break-word}.h1,.h2,.h3,.h4,.h5,.h6{color:inherit;font-family:inherit;font-weight:var(--vb-font-weight-semi-bold);line-height:var(--vb-line-height-sm)}.h1{font-size:2.75em}.h2{font-size:2em}.h3{font-size:1.75em}.h4{font-size:1.5em}.h5{font-size:1.25em;line-height:inherit}.h6{font-size:1em;line-height:inherit}.type .h1{font-size:2.75em}.type .h2{font-size:2em}.type .h3{font-size:1.75em}.type .h4{font-size:1.5em}.type .h5{font-size:1.25em;line-height:inherit}.type .h6{font-size:1em;line-height:inherit}.link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.link code{background-color:hsl(var(--vb-primary-hs) 50% / 10%);color:inherit}.link:hover{color:inherit;text-decoration:none}.link:hover code{color:inherit}.link:focus{outline:currentcolor dotted 1px;outline-offset:.125rem;color:inherit;text-decoration:none}.link:focus code{color:inherit}.list,.list ul,.list ol{margin-left:1.5em}.list li li,.list li+li{margin-top:.5em}.list-style-none{list-style:none!important}.pre{padding:1em;overflow:auto;border-radius:.25rem;background:var(--vb-background-dark);color:var(--vb-foreground);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace}.pre code{padding:0;border:none;background:none;color:inherit;font-size:14px}.scroll-box{display:block;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.sep{display:block;height:0;border:none;border-top:1px solid var(--vb-border-color)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%)}.type{color:var(--vb-foreground-light);font-size:1.125rem;line-height:1.7778}.type>h1,.type>h2,.type>h3,.type>h4,.type>h5,.type>h6{color:var(--vb-foreground);font-family:inherit;font-weight:var(--vb-font-weight-semi-bold);line-height:var(--vb-line-height-sm)}.type>h1{font-size:2.75em}.type>h2{font-size:2em}.type>h3{font-size:1.75em}.type>h4{font-size:1.5em}.type>h5{font-size:1.25em;line-height:inherit}.type>h6{font-size:1em;line-height:inherit}.type :not(div)>a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.type :not(div)>a code{background-color:hsl(var(--vb-primary-hs) 50% / 10%);color:inherit}.type :not(div)>a:hover{color:inherit;text-decoration:none}.type :not(div)>a:hover code{color:inherit}.type :not(div)>a:focus{outline:currentcolor dotted 1px;outline-offset:.125rem;color:inherit;text-decoration:none}.type :not(div)>a:focus code{color:inherit}.type :not(pre)>code{margin-block:-.125rem;padding:.125rem .375rem;border-radius:.25rem;background:var(--vb-background-alt);color:var(--vb-foreground-alt);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;word-break:break-word}.type>hr{display:block;height:0;border:none;border-top:1px solid var(--vb-border-color)}.type>ul,.type>ol{margin-left:1.5em}.type>ul ul,.type>ul ol,.type>ol ul,.type>ol ol{margin-left:1.5em}.type>ul li li,.type>ul li+li,.type>ol li li,.type>ol li+li{margin-top:.5em}.type>blockquote{position:relative;padding:1.5em;border:1px solid var(--vb-border-color);color:inherit}.type>blockquote>*+*{margin-top:1em}.type>blockquote:before{content:"";position:absolute;top:-1px;bottom:-1px;left:-1px;width:4px;background-color:var(--vb-primary-50)}.type>pre{padding:1em;overflow:auto;border-radius:.25rem;background:var(--vb-background-dark);color:var(--vb-foreground);font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace}.type>pre code{padding:0;border:none;background:none;color:inherit;font-size:14px}.checkbox{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;vertical-align:middle}.checkbox__background{width:var(--vb-checkbox-size);height:var(--vb-checkbox-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--vb-checkbox-background-border-radius);background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity))}.checkbox__box{width:var(--vb-checkbox-box-size);height:var(--vb-checkbox-box-size);display:flex;align-items:center;justify-content:center;border:var(--vb-checkbox-border-width) solid var(--vb-checkbox-border-color);border-radius:var(--vb-checkbox-border-radius);background-color:var(--vb-checkbox-fill);color:transparent}.checkbox__icon{width:var(--vb-checkbox-icon-size);height:var(--vb-checkbox-icon-size);background-color:var(--vb-checkbox-icon-color);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center calc(var(--vb-checkbox-icon-size) * -1);mask-position:center calc(var(--vb-checkbox-icon-size) * -1);-webkit-mask-size:100%;mask-size:100%;opacity:0}.checkbox__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.checkbox__native:hover+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-hover))}.checkbox__native:hover+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:focus+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-focus))}.checkbox__native:focus+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:focus-visible+.checkbox__background,.checkbox__native:active+.checkbox__background{background-color:hsl(from var(--vb-checkbox-color) h s l/var(--vb-checkbox-background-opacity-active))}.checkbox__native:focus-visible+.checkbox__background .checkbox__box,.checkbox__native:active+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-fill)}.checkbox__native:checked+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-color)}.checkbox__native:checked+.checkbox__background .checkbox__icon{transition-property:opacity,mask-position;transition-duration:var(--vb-checkbox-transition-duration);transition-timing-function:var(--vb-checkbox-transition-timing-function);-webkit-mask-position:center center;mask-position:center center;opacity:1}.checkbox__native:indeterminate+.checkbox__background .checkbox__box{border-color:var(--vb-checkbox-color);background-color:var(--vb-checkbox-color)}.checkbox__native:indeterminate+.checkbox__background .checkbox__icon{transition-property:opacity,mask-position;transition-duration:var(--vb-checkbox-transition-duration);transition-timing-function:var(--vb-checkbox-transition-timing-function);background-color:var(--vb-checkbox-icon-color);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-position:center center;mask-position:center center;opacity:1}.checkbox_size_sm{--vb-checkbox-size: var(--vb-form-control-size-sm);--vb-checkbox-border-width: 2px;--vb-checkbox-box-size: 14px;--vb-checkbox-icon-size: 10px;--vb-checkbox-icon-stroke: 2.5}.checkbox_size_sm .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_sm .checkbox__native:indeterminate+.checkbox__background .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_lg{--vb-checkbox-size: var(--vb-form-control-size-lg);--vb-checkbox-border-width: 2.5px;--vb-checkbox-box-size: 24px;--vb-checkbox-icon-size: 18px;--vb-checkbox-icon-stroke: 2}.checkbox_size_lg .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}.checkbox_size_lg .checkbox__native:indeterminate+.checkbox__background .checkbox__icon{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,')}:root{--vb-checkbox-size: 2.5em;--vb-checkbox-box-size: 18px;--vb-checkbox-icon-size: 12px;--vb-checkbox-icon-stroke: 2.5;--vb-checkbox-color: var(--vb-neutral-15);--vb-checkbox-border-width: 2px;--vb-checkbox-border-radius: var(--vb-border-radius);--vb-checkbox-background-border-radius: var(--vb-border-radius-circle);--vb-checkbox-background-opacity: 0%;--vb-checkbox-background-opacity-hover: 20%;--vb-checkbox-background-opacity-focus: 20%;--vb-checkbox-background-opacity-active: 30%;--vb-checkbox-transition-duration: var(--vb-transition-duration-short);--vb-checkbox-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-checkbox-fill: white;--vb-checkbox-border-color: var(--vb-neutral-50);--vb-checkbox-icon-color: white}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-checkbox-fill: var(--vb-neutral-10);--vb-checkbox-border-color: var(--vb-neutral-80);--vb-checkbox-icon-color: var(--vb-neutral-10)}}.vb-theme-dark{--vb-checkbox-fill: var(--vb-neutral-10);--vb-checkbox-border-color: var(--vb-neutral-80);--vb-checkbox-icon-color: var(--vb-neutral-10)}.icon{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:none;display:inline-block;box-sizing:content-box;flex-shrink:0;width:1em;height:1em;font-size:var(--vb-icon-size);vertical-align:top}.icon_size_xs{--vb-icon-size: .75em;--vb-icon-stroke-width: 3.5}.icon_size_sm{--vb-icon-size: 1.125em;--vb-icon-stroke-width: 2.5}.icon_size_lg{--vb-icon-size: 2em;--vb-icon-stroke-width: 1.75}.icon_size_xl{--vb-icon-size: 3em;--vb-icon-stroke-width: 1.3}.icon_style_stroke{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:none}.icon_style_fill{stroke:none;stroke-width:0;fill:var(--vb-icon-color)}.icon_style_both{stroke:var(--vb-icon-color);stroke-width:var(--vb-icon-stroke-width);fill:var(--vb-icon-color)}:root{--vb-icon-size: 1.5em;--vb-icon-stroke-width: 2;--vb-icon-color: currentcolor}.button{position:relative;display:inline-flex;gap:var(--vb-button-gap);align-items:center;justify-content:center;min-width:var(--vb-button-size);height:var(--vb-button-size);padding:var(--vb-button-padding);transition-property:var(--vb-button-transition-property);transition-duration:var(--vb-button-transition-duration);transition-timing-function:var(--vb-button-transition-timing-function);outline:none;border:var(--vb-button-border-width) solid var(--vb-button-border-color);border-radius:var(--vb-button-border-radius);background:var(--vb-button-background);background-clip:border-box;box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground);font-family:inherit;font-size:var(--vb-button-font-size);font-weight:var(--vb-button-font-weight);line-height:var(--vb-button-line-height);text-decoration:none;white-space:nowrap;cursor:pointer}.button:disabled:not(.is-loading){opacity:var(--vb-button-disabled-opacity);pointer-events:none}.button:hover,.button:focus-visible{border-color:var(--vb-button-border-color-hover);background-color:var(--vb-button-background-hover);box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground-hover)}.button:focus-visible{box-shadow:var(--vb-button-box-shadow-focus)}.button:active{border-color:var(--vb-button-border-color-active);background-color:var(--vb-button-background-active);box-shadow:var(--vb-button-box-shadow);color:var(--vb-button-foreground-active)}.button.is-loading{color:transparent!important;pointer-events:none}.button.is-loading:after{width:var(--vb-button-loading-size);height:var(--vb-button-loading-size);content:"";position:absolute;top:calc(50% - var(--vb-button-loading-size) * .5);left:calc(50% - var(--vb-button-loading-size) * .5);animation:spin var(--vb-button-loading-animation-duration) infinite var(--vb-button-loading-animation-timing-function);border:var(--vb-button-loading-border);border-radius:9999px;border-color:var(--vb-button-loading-border-color) var(--vb-button-loading-border-color) transparent transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button_block,.button_block_xs{display:flex;width:100%}@media (min-width: 480px){.button_block_xs{display:inline-flex;width:auto}}.button_block_sm{display:flex;width:100%}@media (min-width: 620px){.button_block_sm{display:inline-flex;width:auto}}.button_block_md{display:flex;width:100%}@media (min-width: 760px){.button_block_md{display:inline-flex;width:auto}}.button_block_lg{display:flex;width:100%}@media (min-width: 990px){.button_block_lg{display:inline-flex;width:auto}}.button_block_xl{display:flex;width:100%}@media (min-width: 1380px){.button_block_xl{display:inline-flex;width:auto}}.button_color_primary{--vb-button-background: var(--vb-primary-50);--vb-button-background-hover: var(--vb-primary-40);--vb-button-background-active: var(--vb-primary-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-primary-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-primary-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_secondary{--vb-button-background: var(--vb-secondary-50);--vb-button-background-hover: var(--vb-secondary-40);--vb-button-background-active: var(--vb-secondary-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-secondary-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-secondary-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_neutral{--vb-button-background: var(--vb-neutral-50);--vb-button-background-hover: var(--vb-neutral-40);--vb-button-background-active: var(--vb-neutral-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-neutral-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-neutral-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_color_important{--vb-button-background: var(--vb-important-50);--vb-button-background-hover: var(--vb-important-40);--vb-button-background-active: var(--vb-important-30);--vb-button-foreground: white;--vb-button-foreground-hover: white;--vb-button-foreground-active: white;--vb-button-border-color: transparent;--vb-button-border-color-hover: transparent;--vb-button-border-color-active: transparent;--vb-button-box-shadow: 0 0 0 0 hsl(var(--vb-important-hs) 50% / 0%);--vb-button-box-shadow-focus: 0 0 0 .2rem hsl(var(--vb-important-hs) 50% / 50%);--vb-button-loading-border-color: white}.button_icon{--vb-button-padding: calc(.5em - 1px) }.button_icon.button_size_sm{--vb-button-padding: calc(.25em - 1px) }.button_icon.button_size_lg{--vb-button-padding: calc(.648rem - 1px) }.button_size_sm{--vb-button-size: var(--vb-form-control-size-sm);--vb-button-padding: calc(.25em - 1px) .75em;--vb-button-font-size: var(--vb-font-size-sm);--vb-button-line-height: var(--vb-line-height-sm)}.button_size_lg{--vb-button-size: var(--vb-form-control-size-lg);--vb-button-padding: calc(.648rem - 1px) 1.5rem;--vb-button-font-size: var(--vb-font-size-lg);--vb-button-line-height: var(--vb-line-height-lg)}:root{--vb-button-size: var(--vb-form-control-size);--vb-button-padding: calc(.5em - 1px) 1em;--vb-button-gap: .5rem;--vb-button-border-width: 1px;--vb-button-border-radius: var(--vb-border-radius);--vb-button-font-size: 1em;--vb-button-font-weight: inherit;--vb-button-line-height: 1.6;--vb-button-disabled-opacity: .6;--vb-button-transition-property: background, color, border-color, box-shadow;--vb-button-transition-duration: var(--vb-transition-duration);--vb-button-transition-timing-function: var(--vb-transition-timing-function);--vb-button-loading-size: 1em;--vb-button-loading-border: 2px solid;--vb-button-loading-animation-duration: .6s;--vb-button-loading-animation-timing-function: linear}:root,.vb-theme-root,.vb-theme-light{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(0, 0, 0, .15)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(255, 255, 255, .15)}}.vb-theme-dark{--vb-button-background: transparent;--vb-button-background-hover: transparent;--vb-button-background-focus: transparent;--vb-button-foreground: var(--vb-foreground);--vb-button-foreground-hover: var(--vb-foreground);--vb-button-foreground-focus: var(--vb-foreground);--vb-button-border-color: var(--vb-border-color-dark);--vb-button-border-color-hover: var(--vb-border-color-darker);--vb-button-border-color-focus: var(--vb-border-color-darker);--vb-button-loading-border-color: var(--vb-foreground);--vb-button-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);--vb-button-box-shadow-focus: 0 0 0 .2rem rgba(255, 255, 255, .15)}.card{position:relative;display:flex;flex-direction:column;overflow:hidden;transition-property:var(--vb-card-transition-property);transition-duration:var(--vb-card-transition-duration);transition-timing-function:var(--vb-card-transition-timing-function);border:var(--vb-card-border);border-radius:var(--vb-card-border-radius);background:var(--vb-card-background);background-clip:padding-box;box-shadow:var(--vb-card-box-shadow);color:var(--vb-card-foreground)}a.card{transform:translate(0);box-shadow:var(--vb-card-link-box-shadow)}a.card:hover,a.card:focus,a.card:focus-within{transform:translateY(var(--vb-card-link-offset));box-shadow:var(--vb-card-link-box-shadow-hover)}.card__header,.card__body,.card__footer,.card__image{position:relative;z-index:3}.card__header:first-child,.card__body:first-child,.card__footer:first-child,.card__image:first-child{border-top-left-radius:var(--vb-card-border-radius);border-top-right-radius:var(--vb-card-border-radius)}.card__header:last-child,.card__body:last-child,.card__footer:last-child,.card__image:last-child{border-bottom-left-radius:var(--vb-card-border-radius);border-bottom-right-radius:var(--vb-card-border-radius)}.card__header,.card__body,.card__footer{padding:var(--vb-card-padding)}.card__body{flex:1 1 auto}.card__body+.card__body{border-top:var(--vb-card-sep-border)}.card__header{border-bottom:var(--vb-card-sep-border)}.card__footer{border-top:var(--vb-card-sep-border)}.card__image{flex:0 1 auto;width:100%;height:auto}.card__title{flex-grow:1;color:var(--vb-card-title-color);font-size:var(--vb-card-title-font-size);font-weight:var(--vb-card-title-font-weight);line-height:var(--vb-card-title-line-height)}.card__background,.card__screen{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition-property:var(--vb-card-transition-property);transition-duration:var(--vb-card-transition-duration);transition-timing-function:var(--vb-card-transition-timing-function);border-radius:var(--vb-card-border-radius)}.card__background{object-fit:cover;z-index:1}.card__screen{z-index:2;background:var(--vb-card-screen-background);opacity:var(--vb-card-screen-opacity)}:root{--vb-card-padding: 1.25em;--vb-card-border-radius: var(--vb-border-radius);--vb-card-box-shadow: var(--vb-box-shadow-1);--vb-card-link-box-shadow: var(--vb-box-shadow-2);--vb-card-link-box-shadow-hover: var(--vb-box-shadow-3);--vb-card-link-offset: -.25em;--vb-card-title-font-size: var(--vb-font-size-lg);--vb-card-title-line-height: var(--vb-line-height-lg);--vb-card-title-font-weight: var(--vb-font-weight-semi-bold);--vb-card-transition-property: background-color, border-color, box-shadow, transform;--vb-card-transition-duration: var(--vb-transition-duration);--vb-card-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-card-background: var(--vb-background);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background);--vb-card-screen-opacity: .9}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-card-background: var(--vb-background-darker);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background-darker);--vb-card-screen-opacity: .8}}.vb-theme-dark{--vb-card-background: var(--vb-background-darker);--vb-card-foreground: var(--vb-foreground-light);--vb-card-border: 1px solid var(--vb-border-color);--vb-card-sep-border: 1px solid var(--vb-border-color);--vb-card-title-color: var(--vb-foreground);--vb-card-screen-background: var(--vb-background-darker);--vb-card-screen-opacity: .8}.dialog{position:relative;display:flex;flex-direction:column;overflow:auto;border:var(--vb-dialog-border);border-radius:var(--vb-dialog-border-radius);background:var(--vb-dialog-background);background-clip:padding-box;box-shadow:var(--vb-dialog-box-shadow);color:var(--vb-dialog-foreground);-webkit-overflow-scrolling:touch}.dialog__header,.dialog__body,.dialog__footer{flex:0 0 auto;padding:var(--vb-dialog-padding)}.dialog__header,.dialog__footer{position:sticky;z-index:1;display:flex;align-items:center;background:var(--vb-dialog-background);vertical-align:middle;gap:var(--vb-dialog-gap)}.dialog__header{top:0;border-bottom:var(--vb-dialog-sep-border)}.dialog__body{flex-grow:1}.dialog__body+.dialog__body{border-top:var(--vb-dialog-sep-border)}.dialog__footer{bottom:0;border-top:var(--vb-dialog-sep-border)}.dialog__title{flex-grow:1;font-size:var(--vb-dialog-title-font-size);font-weight:var(--vb-dialog-title-font-weight);line-height:var(--vb-dialog-title-line-height)}:root{--vb-dialog-padding: 1em;--vb-dialog-gap: .5em;--vb-dialog-border-radius: var(--vb-border-radius);--vb-dialog-box-shadow: var(--vb-box-shadow-4);--vb-dialog-title-font-size: var(--vb-font-size-lg);--vb-dialog-title-line-height: var(--vb-line-height-lg);--vb-dialog-title-font-weight: var(--vb-font-weight-semi-bold)}:root,.vb-theme-root,.vb-theme-light{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}}.vb-theme-dark{--vb-dialog-foreground: var(--vb-foreground);--vb-dialog-background: var(--vb-background);--vb-dialog-border: 1px solid var(--vb-border-color);--vb-dialog-sep-border: 1px solid var(--vb-border-color)}.drawer-frame{position:relative;display:flex;height:100vh;overflow:hidden auto}.drawer-main{position:relative;flex:1 1 auto;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.drawer{position:absolute;top:0;bottom:0;visibility:hidden;flex:0 0 0;width:0;height:0;overflow:hidden}.drawer__dialog{position:absolute;top:0;display:flex;flex-direction:column;width:18em;max-width:100%;height:100%;overflow:auto;border-radius:0;background:var(--vb-background-darker);box-shadow:none;opacity:0;-webkit-overflow-scrolling:touch}.drawer__dialog .dialog__header,.drawer__dialog .dialog__footer,.drawer__dialog .dialog__body{background:var(--vb-background-darker)}.drawer.is-closed{visibility:hidden}.drawer.is-opening,.drawer.is-opened,.drawer.is-closing{visibility:visible;flex:0 0 auto;width:18em;max-width:100%;height:100%;overflow:visible}.drawer.is-opening,.drawer.is-closing{transition-property:background-color,opacity,transform;transition-duration:var(--vb-drawer-transition-duration);transition-timing-function:var(--vb-drawer-transition-timing-function)}.drawer.is-opening .drawer__dialog,.drawer.is-closing .drawer__dialog{transition-property:opacity,transform;transition-duration:var(--vb-drawer-transition-duration);transition-timing-function:var(--vb-drawer-transition-timing-function)}.drawer.is-opening .drawer__dialog,.drawer.is-opened .drawer__dialog{opacity:1}.drawer.is-closing .drawer__dialog{opacity:0}.drawer{left:0;transform:translate(-100%)}.drawer.is-opening,.drawer.is-opened{transform:translate(0)}.drawer.is-closing{transform:translate(-100%)}.drawer_switch{right:0;left:auto;transform:translate(100%)}.drawer_switch.is-closing{transform:translate(100%)}.drawer:not(.drawer_modal,.drawer_switch).is-opening~.drawer-main,.drawer:not(.drawer_modal,.drawer_switch).is-opened~.drawer-main{margin-left:18em}.drawer.drawer_switch:not(.drawer_modal).is-opening~.drawer-main,.drawer.drawer_switch:not(.drawer_modal).is-opened~.drawer-main{margin-right:18em}.drawer_modal{z-index:900;right:auto;left:0;width:0;height:0;overflow:hidden;transform:translate(0)}.drawer_modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--vb-neutral-10);opacity:0}.drawer_modal .drawer__dialog{position:absolute;z-index:901;left:0;width:18em;max-width:80%;transform:translate(-100%);background-color:#fff;box-shadow:var(--vb-box-shadow-5)}.drawer_modal.drawer_switch{right:auto;left:0;transform:translate(0)}.drawer_modal.drawer_switch .drawer__dialog{right:0;left:auto;transform:translate(100%)}.drawer_modal .dialog__header,.drawer_modal .dialog__footer,.drawer_modal .dialog__body{background:#fff}.drawer_modal.is-opening,.drawer_modal.is-opened,.drawer_modal.is-closing{width:100%;max-width:100%;height:100%}.drawer_modal.is-opening:before,.drawer_modal.is-closing:before{transition:opacity var(--vb-drawer-transition-duration) var(--vb-drawer-transition-timing-function)}.drawer_modal.is-opening,.drawer_modal.is-opened{transform:translate(0)}.drawer_modal.is-opening:before,.drawer_modal.is-opened:before{opacity:.8}.drawer_modal.is-opening .drawer__dialog,.drawer_modal.is-opened .drawer__dialog,.drawer_modal.is-closing{transform:translate(0)}.drawer_modal.is-closing .drawer__dialog{transform:translate(-100%)}.drawer_modal.drawer_switch.is-closing{transform:translate(0)}.drawer_modal.drawer_switch.is-closing .drawer__dialog{transform:translate(100%)}:root{--vb-drawer-transition-duration: var(--vb-transition-duration);--vb-drawer-transition-timing-function: var(--vb-transition-timing-function)}.flex{display:flex;gap:var(--vb-flex-gap-y, var(--vb-flex-gap)) var(--vb-flex-gap-x, var(--vb-flex-gap));flex-wrap:var(--vb-flex-wrap)}.flex_inline{display:inline-flex}.flex_gap_none{--vb-flex-gap: 0}.flex_gap_xs{--vb-flex-gap: 1px}.flex_gap_sm{--vb-flex-gap: .5em}.flex_gap_md{--vb-flex-gap: 1em}.flex_gap_lg{--vb-flex-gap: 1.5em}.flex_gap_xl{--vb-flex-gap: 2em}.flex_gap-x_none{--vb-flex-gap-x: 0}.flex_gap-y_none{--vb-flex-gap-y: 0}.flex_gap-x_xs{--vb-flex-gap-x: 1px}.flex_gap-y_xs{--vb-flex-gap-y: 1px}.flex_gap-x_sm{--vb-flex-gap-x: .5em}.flex_gap-y_sm{--vb-flex-gap-y: .5em}.flex_gap-x_md{--vb-flex-gap-x: 1em}.flex_gap-y_md{--vb-flex-gap-y: 1em}.flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.flex_gap-x_xl{--vb-flex-gap-x: 2em}.flex_gap-y_xl{--vb-flex-gap-y: 2em}@media (min-width: 480px){.xs\:flex_gap_none{--vb-flex-gap: 0}.xs\:flex_gap_xs{--vb-flex-gap: 1px}.xs\:flex_gap_sm{--vb-flex-gap: .5em}.xs\:flex_gap_md{--vb-flex-gap: 1em}.xs\:flex_gap_lg{--vb-flex-gap: 1.5em}.xs\:flex_gap_xl{--vb-flex-gap: 2em}.xs\:flex_gap-x_none{--vb-flex-gap-x: 0}.xs\:flex_gap-y_none{--vb-flex-gap-y: 0}.xs\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.xs\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.xs\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.xs\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.xs\:flex_gap-x_md{--vb-flex-gap-x: 1em}.xs\:flex_gap-y_md{--vb-flex-gap-y: 1em}.xs\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.xs\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.xs\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.xs\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 620px){.sm\:flex_gap_none{--vb-flex-gap: 0}.sm\:flex_gap_xs{--vb-flex-gap: 1px}.sm\:flex_gap_sm{--vb-flex-gap: .5em}.sm\:flex_gap_md{--vb-flex-gap: 1em}.sm\:flex_gap_lg{--vb-flex-gap: 1.5em}.sm\:flex_gap_xl{--vb-flex-gap: 2em}.sm\:flex_gap-x_none{--vb-flex-gap-x: 0}.sm\:flex_gap-y_none{--vb-flex-gap-y: 0}.sm\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.sm\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.sm\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.sm\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.sm\:flex_gap-x_md{--vb-flex-gap-x: 1em}.sm\:flex_gap-y_md{--vb-flex-gap-y: 1em}.sm\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.sm\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.sm\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.sm\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 760px){.md\:flex_gap_none{--vb-flex-gap: 0}.md\:flex_gap_xs{--vb-flex-gap: 1px}.md\:flex_gap_sm{--vb-flex-gap: .5em}.md\:flex_gap_md{--vb-flex-gap: 1em}.md\:flex_gap_lg{--vb-flex-gap: 1.5em}.md\:flex_gap_xl{--vb-flex-gap: 2em}.md\:flex_gap-x_none{--vb-flex-gap-x: 0}.md\:flex_gap-y_none{--vb-flex-gap-y: 0}.md\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.md\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.md\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.md\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.md\:flex_gap-x_md{--vb-flex-gap-x: 1em}.md\:flex_gap-y_md{--vb-flex-gap-y: 1em}.md\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.md\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.md\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.md\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 990px){.lg\:flex_gap_none{--vb-flex-gap: 0}.lg\:flex_gap_xs{--vb-flex-gap: 1px}.lg\:flex_gap_sm{--vb-flex-gap: .5em}.lg\:flex_gap_md{--vb-flex-gap: 1em}.lg\:flex_gap_lg{--vb-flex-gap: 1.5em}.lg\:flex_gap_xl{--vb-flex-gap: 2em}.lg\:flex_gap-x_none{--vb-flex-gap-x: 0}.lg\:flex_gap-y_none{--vb-flex-gap-y: 0}.lg\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.lg\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.lg\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.lg\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.lg\:flex_gap-x_md{--vb-flex-gap-x: 1em}.lg\:flex_gap-y_md{--vb-flex-gap-y: 1em}.lg\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.lg\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.lg\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.lg\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}@media (min-width: 1380px){.xl\:flex_gap_none{--vb-flex-gap: 0}.xl\:flex_gap_xs{--vb-flex-gap: 1px}.xl\:flex_gap_sm{--vb-flex-gap: .5em}.xl\:flex_gap_md{--vb-flex-gap: 1em}.xl\:flex_gap_lg{--vb-flex-gap: 1.5em}.xl\:flex_gap_xl{--vb-flex-gap: 2em}.xl\:flex_gap-x_none{--vb-flex-gap-x: 0}.xl\:flex_gap-y_none{--vb-flex-gap-y: 0}.xl\:flex_gap-x_xs{--vb-flex-gap-x: 1px}.xl\:flex_gap-y_xs{--vb-flex-gap-y: 1px}.xl\:flex_gap-x_sm{--vb-flex-gap-x: .5em}.xl\:flex_gap-y_sm{--vb-flex-gap-y: .5em}.xl\:flex_gap-x_md{--vb-flex-gap-x: 1em}.xl\:flex_gap-y_md{--vb-flex-gap-y: 1em}.xl\:flex_gap-x_lg{--vb-flex-gap-x: 1.5em}.xl\:flex_gap-y_lg{--vb-flex-gap-y: 1.5em}.xl\:flex_gap-x_xl{--vb-flex-gap-x: 2em}.xl\:flex_gap-y_xl{--vb-flex-gap-y: 2em}}.flex_nowrap{flex-wrap:nowrap}.flex_wrap{flex-wrap:wrap}.flex_wrap-reverse{flex-wrap:wrap-reverse}.flex_direction_row{flex-direction:row}.flex_direction_row-reverse{flex-direction:row-reverse}.flex_direction_col{flex-direction:column}.flex_direction_col-reverse{flex-direction:column-reverse}@media (min-width: 480px){.xs\:flex_direction_row{flex-direction:row}.xs\:flex_direction_row-reverse{flex-direction:row-reverse}.xs\:flex_direction_col{flex-direction:column}.xs\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 620px){.sm\:flex_direction_row{flex-direction:row}.sm\:flex_direction_row-reverse{flex-direction:row-reverse}.sm\:flex_direction_col{flex-direction:column}.sm\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 760px){.md\:flex_direction_row{flex-direction:row}.md\:flex_direction_row-reverse{flex-direction:row-reverse}.md\:flex_direction_col{flex-direction:column}.md\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 990px){.lg\:flex_direction_row{flex-direction:row}.lg\:flex_direction_row-reverse{flex-direction:row-reverse}.lg\:flex_direction_col{flex-direction:column}.lg\:flex_direction_col-reverse{flex-direction:column-reverse}}@media (min-width: 1380px){.xl\:flex_direction_row{flex-direction:row}.xl\:flex_direction_row-reverse{flex-direction:row-reverse}.xl\:flex_direction_col{flex-direction:column}.xl\:flex_direction_col-reverse{flex-direction:column-reverse}}.flex_items_initial>*{flex:initial}.flex_items_auto>*{flex:auto}.flex_items_none>*{flex:none}.flex_items_equal>*{flex:1 1 0}.flex_items_fill>*{flex:1 0 auto}.flex_items_full{flex-wrap:wrap}.flex_items_full>*{flex:1 0 100%}@media (min-width: 480px){.xs\:flex_items_initial>*{flex:initial}.xs\:flex_items_auto>*{flex:auto}.xs\:flex_items_none>*{flex:none}.xs\:flex_items_equal>*{flex:1 1 0}.xs\:flex_items_fill>*{flex:1 0 auto}.xs\:flex_items_full{flex-wrap:wrap}.xs\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 620px){.sm\:flex_items_initial>*{flex:initial}.sm\:flex_items_auto>*{flex:auto}.sm\:flex_items_none>*{flex:none}.sm\:flex_items_equal>*{flex:1 1 0}.sm\:flex_items_fill>*{flex:1 0 auto}.sm\:flex_items_full{flex-wrap:wrap}.sm\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 760px){.md\:flex_items_initial>*{flex:initial}.md\:flex_items_auto>*{flex:auto}.md\:flex_items_none>*{flex:none}.md\:flex_items_equal>*{flex:1 1 0}.md\:flex_items_fill>*{flex:1 0 auto}.md\:flex_items_full{flex-wrap:wrap}.md\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 990px){.lg\:flex_items_initial>*{flex:initial}.lg\:flex_items_auto>*{flex:auto}.lg\:flex_items_none>*{flex:none}.lg\:flex_items_equal>*{flex:1 1 0}.lg\:flex_items_fill>*{flex:1 0 auto}.lg\:flex_items_full{flex-wrap:wrap}.lg\:flex_items_full>*{flex:1 0 100%}}@media (min-width: 1380px){.xl\:flex_items_initial>*{flex:initial}.xl\:flex_items_auto>*{flex:auto}.xl\:flex_items_none>*{flex:none}.xl\:flex_items_equal>*{flex:1 1 0}.xl\:flex_items_fill>*{flex:1 0 auto}.xl\:flex_items_full{flex-wrap:wrap}.xl\:flex_items_full>*{flex:1 0 100%}}.flex-initial{flex:initial}.flex-auto{flex:auto}.flex-none{flex:none}.flex-equal{flex:1 1 0}.flex-fill{flex:1 0 auto}.flex-full{flex:1 0 100%}@media (min-width: 480px){.xs\:flex-initial{flex:initial}.xs\:flex-auto{flex:auto}.xs\:flex-none{flex:none}.xs\:flex-equal{flex:1 1 0}.xs\:flex-fill{flex:1 0 auto}.xs\:flex-full{flex:1 0 100%}}@media (min-width: 620px){.sm\:flex-initial{flex:initial}.sm\:flex-auto{flex:auto}.sm\:flex-none{flex:none}.sm\:flex-equal{flex:1 1 0}.sm\:flex-fill{flex:1 0 auto}.sm\:flex-full{flex:1 0 100%}}@media (min-width: 760px){.md\:flex-initial{flex:initial}.md\:flex-auto{flex:auto}.md\:flex-none{flex:none}.md\:flex-equal{flex:1 1 0}.md\:flex-fill{flex:1 0 auto}.md\:flex-full{flex:1 0 100%}}@media (min-width: 990px){.lg\:flex-initial{flex:initial}.lg\:flex-auto{flex:auto}.lg\:flex-none{flex:none}.lg\:flex-equal{flex:1 1 0}.lg\:flex-fill{flex:1 0 auto}.lg\:flex-full{flex:1 0 100%}}@media (min-width: 1380px){.xl\:flex-initial{flex:initial}.xl\:flex-auto{flex:auto}.xl\:flex-none{flex:none}.xl\:flex-equal{flex:1 1 0}.xl\:flex-fill{flex:1 0 auto}.xl\:flex-full{flex:1 0 100%}}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3{flex-grow:3}.flex-grow-4{flex-grow:4}.flex-grow-5{flex-grow:5}.flex-grow-6{flex-grow:6}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1{flex-shrink:1}.flex-shrink-2{flex-shrink:2}.flex-shrink-3{flex-shrink:3}.flex-shrink-4{flex-shrink:4}.flex-shrink-5{flex-shrink:5}.flex-shrink-6{flex-shrink:6}.flex-basis-0{flex-basis:0}.flex-basis-auto{flex-basis:auto}.flex-basis-full{flex-basis:100%}:root{--vb-flex-gap: 1em;--vb-flex-wrap: wrap}.grid{display:grid;grid-auto-flow:var(--vb-grid-flow);grid-template-columns:repeat(var(--vb-grid-cols),minmax(0,1fr));grid-template-rows:repeat(var(--vb-grid-rows),minmax(0,1fr));gap:var(--vb-grid-gap-y, var(--vb-grid-gap)) var(--vb-grid-gap-x, var(--vb-grid-gap))}.grid_inline{display:inline-grid}.grid_cols_1{--vb-grid-cols: 1}.grid_cols_2{--vb-grid-cols: 2}.grid_cols_3{--vb-grid-cols: 3}.grid_cols_4{--vb-grid-cols: 4}.grid_cols_5{--vb-grid-cols: 5}.grid_cols_6{--vb-grid-cols: 6}@media (min-width: 480px){.xs\:grid_cols_1{--vb-grid-cols: 1}.xs\:grid_cols_2{--vb-grid-cols: 2}.xs\:grid_cols_3{--vb-grid-cols: 3}.xs\:grid_cols_4{--vb-grid-cols: 4}.xs\:grid_cols_5{--vb-grid-cols: 5}.xs\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 620px){.sm\:grid_cols_1{--vb-grid-cols: 1}.sm\:grid_cols_2{--vb-grid-cols: 2}.sm\:grid_cols_3{--vb-grid-cols: 3}.sm\:grid_cols_4{--vb-grid-cols: 4}.sm\:grid_cols_5{--vb-grid-cols: 5}.sm\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 760px){.md\:grid_cols_1{--vb-grid-cols: 1}.md\:grid_cols_2{--vb-grid-cols: 2}.md\:grid_cols_3{--vb-grid-cols: 3}.md\:grid_cols_4{--vb-grid-cols: 4}.md\:grid_cols_5{--vb-grid-cols: 5}.md\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 990px){.lg\:grid_cols_1{--vb-grid-cols: 1}.lg\:grid_cols_2{--vb-grid-cols: 2}.lg\:grid_cols_3{--vb-grid-cols: 3}.lg\:grid_cols_4{--vb-grid-cols: 4}.lg\:grid_cols_5{--vb-grid-cols: 5}.lg\:grid_cols_6{--vb-grid-cols: 6}}@media (min-width: 1380px){.xl\:grid_cols_1{--vb-grid-cols: 1}.xl\:grid_cols_2{--vb-grid-cols: 2}.xl\:grid_cols_3{--vb-grid-cols: 3}.xl\:grid_cols_4{--vb-grid-cols: 4}.xl\:grid_cols_5{--vb-grid-cols: 5}.xl\:grid_cols_6{--vb-grid-cols: 6}}.grid_rows_1{--vb-grid-rows: 1}.grid_rows_2{--vb-grid-rows: 2}.grid_rows_3{--vb-grid-rows: 3}.grid_rows_4{--vb-grid-rows: 4}.grid_rows_5{--vb-grid-rows: 5}.grid_rows_6{--vb-grid-rows: 6}@media (min-width: 480px){.xs\:grid_rows_1{--vb-grid-rows: 1}.xs\:grid_rows_2{--vb-grid-rows: 2}.xs\:grid_rows_3{--vb-grid-rows: 3}.xs\:grid_rows_4{--vb-grid-rows: 4}.xs\:grid_rows_5{--vb-grid-rows: 5}.xs\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 620px){.sm\:grid_rows_1{--vb-grid-rows: 1}.sm\:grid_rows_2{--vb-grid-rows: 2}.sm\:grid_rows_3{--vb-grid-rows: 3}.sm\:grid_rows_4{--vb-grid-rows: 4}.sm\:grid_rows_5{--vb-grid-rows: 5}.sm\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 760px){.md\:grid_rows_1{--vb-grid-rows: 1}.md\:grid_rows_2{--vb-grid-rows: 2}.md\:grid_rows_3{--vb-grid-rows: 3}.md\:grid_rows_4{--vb-grid-rows: 4}.md\:grid_rows_5{--vb-grid-rows: 5}.md\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 990px){.lg\:grid_rows_1{--vb-grid-rows: 1}.lg\:grid_rows_2{--vb-grid-rows: 2}.lg\:grid_rows_3{--vb-grid-rows: 3}.lg\:grid_rows_4{--vb-grid-rows: 4}.lg\:grid_rows_5{--vb-grid-rows: 5}.lg\:grid_rows_6{--vb-grid-rows: 6}}@media (min-width: 1380px){.xl\:grid_rows_1{--vb-grid-rows: 1}.xl\:grid_rows_2{--vb-grid-rows: 2}.xl\:grid_rows_3{--vb-grid-rows: 3}.xl\:grid_rows_4{--vb-grid-rows: 4}.xl\:grid_rows_5{--vb-grid-rows: 5}.xl\:grid_rows_6{--vb-grid-rows: 6}}.grid_gap_none{--vb-grid-gap: 0}.grid_gap_xs{--vb-grid-gap: .5em}.grid_gap_sm{--vb-grid-gap: 1em}.grid_gap_md{--vb-grid-gap: 2em}.grid_gap_lg{--vb-grid-gap: 3em}.grid_gap_xl{--vb-grid-gap: 4em}.grid_gap-x_none{--vb-grid-gap-x: 0}.grid_gap-y_none{--vb-grid-gap-y: 0}.grid_gap-x_xs{--vb-grid-gap-x: .5em}.grid_gap-y_xs{--vb-grid-gap-y: .5em}.grid_gap-x_sm{--vb-grid-gap-x: 1em}.grid_gap-y_sm{--vb-grid-gap-y: 1em}.grid_gap-x_md{--vb-grid-gap-x: 2em}.grid_gap-y_md{--vb-grid-gap-y: 2em}.grid_gap-x_lg{--vb-grid-gap-x: 3em}.grid_gap-y_lg{--vb-grid-gap-y: 3em}.grid_gap-x_xl{--vb-grid-gap-x: 4em}.grid_gap-y_xl{--vb-grid-gap-y: 4em}@media (min-width: 480px){.xs\:grid_gap_none{--vb-grid-gap: 0}.xs\:grid_gap_xs{--vb-grid-gap: .5em}.xs\:grid_gap_sm{--vb-grid-gap: 1em}.xs\:grid_gap_md{--vb-grid-gap: 2em}.xs\:grid_gap_lg{--vb-grid-gap: 3em}.xs\:grid_gap_xl{--vb-grid-gap: 4em}.xs\:grid_gap-x_none{--vb-grid-gap-x: 0}.xs\:grid_gap-y_none{--vb-grid-gap-y: 0}.xs\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.xs\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.xs\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.xs\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.xs\:grid_gap-x_md{--vb-grid-gap-x: 2em}.xs\:grid_gap-y_md{--vb-grid-gap-y: 2em}.xs\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.xs\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.xs\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.xs\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 620px){.sm\:grid_gap_none{--vb-grid-gap: 0}.sm\:grid_gap_xs{--vb-grid-gap: .5em}.sm\:grid_gap_sm{--vb-grid-gap: 1em}.sm\:grid_gap_md{--vb-grid-gap: 2em}.sm\:grid_gap_lg{--vb-grid-gap: 3em}.sm\:grid_gap_xl{--vb-grid-gap: 4em}.sm\:grid_gap-x_none{--vb-grid-gap-x: 0}.sm\:grid_gap-y_none{--vb-grid-gap-y: 0}.sm\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.sm\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.sm\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.sm\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.sm\:grid_gap-x_md{--vb-grid-gap-x: 2em}.sm\:grid_gap-y_md{--vb-grid-gap-y: 2em}.sm\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.sm\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.sm\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.sm\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 760px){.md\:grid_gap_none{--vb-grid-gap: 0}.md\:grid_gap_xs{--vb-grid-gap: .5em}.md\:grid_gap_sm{--vb-grid-gap: 1em}.md\:grid_gap_md{--vb-grid-gap: 2em}.md\:grid_gap_lg{--vb-grid-gap: 3em}.md\:grid_gap_xl{--vb-grid-gap: 4em}.md\:grid_gap-x_none{--vb-grid-gap-x: 0}.md\:grid_gap-y_none{--vb-grid-gap-y: 0}.md\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.md\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.md\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.md\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.md\:grid_gap-x_md{--vb-grid-gap-x: 2em}.md\:grid_gap-y_md{--vb-grid-gap-y: 2em}.md\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.md\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.md\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.md\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 990px){.lg\:grid_gap_none{--vb-grid-gap: 0}.lg\:grid_gap_xs{--vb-grid-gap: .5em}.lg\:grid_gap_sm{--vb-grid-gap: 1em}.lg\:grid_gap_md{--vb-grid-gap: 2em}.lg\:grid_gap_lg{--vb-grid-gap: 3em}.lg\:grid_gap_xl{--vb-grid-gap: 4em}.lg\:grid_gap-x_none{--vb-grid-gap-x: 0}.lg\:grid_gap-y_none{--vb-grid-gap-y: 0}.lg\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.lg\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.lg\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.lg\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.lg\:grid_gap-x_md{--vb-grid-gap-x: 2em}.lg\:grid_gap-y_md{--vb-grid-gap-y: 2em}.lg\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.lg\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.lg\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.lg\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}@media (min-width: 1380px){.xl\:grid_gap_none{--vb-grid-gap: 0}.xl\:grid_gap_xs{--vb-grid-gap: .5em}.xl\:grid_gap_sm{--vb-grid-gap: 1em}.xl\:grid_gap_md{--vb-grid-gap: 2em}.xl\:grid_gap_lg{--vb-grid-gap: 3em}.xl\:grid_gap_xl{--vb-grid-gap: 4em}.xl\:grid_gap-x_none{--vb-grid-gap-x: 0}.xl\:grid_gap-y_none{--vb-grid-gap-y: 0}.xl\:grid_gap-x_xs{--vb-grid-gap-x: .5em}.xl\:grid_gap-y_xs{--vb-grid-gap-y: .5em}.xl\:grid_gap-x_sm{--vb-grid-gap-x: 1em}.xl\:grid_gap-y_sm{--vb-grid-gap-y: 1em}.xl\:grid_gap-x_md{--vb-grid-gap-x: 2em}.xl\:grid_gap-y_md{--vb-grid-gap-y: 2em}.xl\:grid_gap-x_lg{--vb-grid-gap-x: 3em}.xl\:grid_gap-y_lg{--vb-grid-gap-y: 3em}.xl\:grid_gap-x_xl{--vb-grid-gap-x: 4em}.xl\:grid_gap-y_xl{--vb-grid-gap-y: 4em}}.grid_flow_row{--vb-grid-flow: row}.grid_flow_col{--vb-grid-flow: column}.grid_flow_dense{--vb-grid-flow: dense}.grid_flow_row-dense{--vb-grid-flow: row dense}.grid_flow_col-dense{--vb-grid-flow: column dense}.col-auto{grid-column:auto}.col-full{grid-column:span var(--vb-grid-cols)}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-start-1{grid-column-start:1}.col-end-1{grid-column-end:1}.col-start-2{grid-column-start:2}.col-end-2{grid-column-end:2}.col-start-3{grid-column-start:3}.col-end-3{grid-column-end:3}.col-start-4{grid-column-start:4}.col-end-4{grid-column-end:4}.col-start-5{grid-column-start:5}.col-end-5{grid-column-end:5}.col-start-6{grid-column-start:6}.col-end-6{grid-column-end:6}.col-start-7{grid-column-start:7}.col-end-7{grid-column-end:7}@media (min-width: 480px){.xs\:col-auto{grid-column:auto}.xs\:col-full{grid-column:span var(--vb-grid-cols)}.xs\:col-1{grid-column:span 1}.xs\:col-2{grid-column:span 2}.xs\:col-3{grid-column:span 3}.xs\:col-4{grid-column:span 4}.xs\:col-5{grid-column:span 5}.xs\:col-6{grid-column:span 6}.xs\:col-start-1{grid-column-start:1}.xs\:col-end-1{grid-column-end:1}.xs\:col-start-2{grid-column-start:2}.xs\:col-end-2{grid-column-end:2}.xs\:col-start-3{grid-column-start:3}.xs\:col-end-3{grid-column-end:3}.xs\:col-start-4{grid-column-start:4}.xs\:col-end-4{grid-column-end:4}.xs\:col-start-5{grid-column-start:5}.xs\:col-end-5{grid-column-end:5}.xs\:col-start-6{grid-column-start:6}.xs\:col-end-6{grid-column-end:6}.xs\:col-start-7{grid-column-start:7}.xs\:col-end-7{grid-column-end:7}}@media (min-width: 620px){.sm\:col-auto{grid-column:auto}.sm\:col-full{grid-column:span var(--vb-grid-cols)}.sm\:col-1{grid-column:span 1}.sm\:col-2{grid-column:span 2}.sm\:col-3{grid-column:span 3}.sm\:col-4{grid-column:span 4}.sm\:col-5{grid-column:span 5}.sm\:col-6{grid-column:span 6}.sm\:col-start-1{grid-column-start:1}.sm\:col-end-1{grid-column-end:1}.sm\:col-start-2{grid-column-start:2}.sm\:col-end-2{grid-column-end:2}.sm\:col-start-3{grid-column-start:3}.sm\:col-end-3{grid-column-end:3}.sm\:col-start-4{grid-column-start:4}.sm\:col-end-4{grid-column-end:4}.sm\:col-start-5{grid-column-start:5}.sm\:col-end-5{grid-column-end:5}.sm\:col-start-6{grid-column-start:6}.sm\:col-end-6{grid-column-end:6}.sm\:col-start-7{grid-column-start:7}.sm\:col-end-7{grid-column-end:7}}@media (min-width: 760px){.md\:col-auto{grid-column:auto}.md\:col-full{grid-column:span var(--vb-grid-cols)}.md\:col-1{grid-column:span 1}.md\:col-2{grid-column:span 2}.md\:col-3{grid-column:span 3}.md\:col-4{grid-column:span 4}.md\:col-5{grid-column:span 5}.md\:col-6{grid-column:span 6}.md\:col-start-1{grid-column-start:1}.md\:col-end-1{grid-column-end:1}.md\:col-start-2{grid-column-start:2}.md\:col-end-2{grid-column-end:2}.md\:col-start-3{grid-column-start:3}.md\:col-end-3{grid-column-end:3}.md\:col-start-4{grid-column-start:4}.md\:col-end-4{grid-column-end:4}.md\:col-start-5{grid-column-start:5}.md\:col-end-5{grid-column-end:5}.md\:col-start-6{grid-column-start:6}.md\:col-end-6{grid-column-end:6}.md\:col-start-7{grid-column-start:7}.md\:col-end-7{grid-column-end:7}}@media (min-width: 990px){.lg\:col-auto{grid-column:auto}.lg\:col-full{grid-column:span var(--vb-grid-cols)}.lg\:col-1{grid-column:span 1}.lg\:col-2{grid-column:span 2}.lg\:col-3{grid-column:span 3}.lg\:col-4{grid-column:span 4}.lg\:col-5{grid-column:span 5}.lg\:col-6{grid-column:span 6}.lg\:col-start-1{grid-column-start:1}.lg\:col-end-1{grid-column-end:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-end-2{grid-column-end:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-end-3{grid-column-end:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-end-4{grid-column-end:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-end-5{grid-column-end:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-end-6{grid-column-end:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-end-7{grid-column-end:7}}@media (min-width: 1380px){.xl\:col-auto{grid-column:auto}.xl\:col-full{grid-column:span var(--vb-grid-cols)}.xl\:col-1{grid-column:span 1}.xl\:col-2{grid-column:span 2}.xl\:col-3{grid-column:span 3}.xl\:col-4{grid-column:span 4}.xl\:col-5{grid-column:span 5}.xl\:col-6{grid-column:span 6}.xl\:col-start-1{grid-column-start:1}.xl\:col-end-1{grid-column-end:1}.xl\:col-start-2{grid-column-start:2}.xl\:col-end-2{grid-column-end:2}.xl\:col-start-3{grid-column-start:3}.xl\:col-end-3{grid-column-end:3}.xl\:col-start-4{grid-column-start:4}.xl\:col-end-4{grid-column-end:4}.xl\:col-start-5{grid-column-start:5}.xl\:col-end-5{grid-column-end:5}.xl\:col-start-6{grid-column-start:6}.xl\:col-end-6{grid-column-end:6}.xl\:col-start-7{grid-column-start:7}.xl\:col-end-7{grid-column-end:7}}.row-auto{grid-row:auto}.row-full{grid-row:span var(--vb-grid-rows)}.row-1{grid-row:span 1}.row-2{grid-row:span 2}.row-3{grid-row:span 3}.row-4{grid-row:span 4}.row-5{grid-row:span 5}.row-6{grid-row:span 6}.row-start-1{grid-row-start:1}.row-end-1{grid-row-end:1}.row-start-2{grid-row-start:2}.row-end-2{grid-row-end:2}.row-start-3{grid-row-start:3}.row-end-3{grid-row-end:3}.row-start-4{grid-row-start:4}.row-end-4{grid-row-end:4}.row-start-5{grid-row-start:5}.row-end-5{grid-row-end:5}.row-start-6{grid-row-start:6}.row-end-6{grid-row-end:6}.row-start-7{grid-row-start:7}.row-end-7{grid-row-end:7}@media (min-width: 480px){.xs\:row-auto{grid-row:auto}.xs\:row-full{grid-row:span var(--vb-grid-rows)}.xs\:row-1{grid-row:span 1}.xs\:row-2{grid-row:span 2}.xs\:row-3{grid-row:span 3}.xs\:row-4{grid-row:span 4}.xs\:row-5{grid-row:span 5}.xs\:row-6{grid-row:span 6}.xs\:row-start-1{grid-row-start:1}.xs\:row-end-1{grid-row-end:1}.xs\:row-start-2{grid-row-start:2}.xs\:row-end-2{grid-row-end:2}.xs\:row-start-3{grid-row-start:3}.xs\:row-end-3{grid-row-end:3}.xs\:row-start-4{grid-row-start:4}.xs\:row-end-4{grid-row-end:4}.xs\:row-start-5{grid-row-start:5}.xs\:row-end-5{grid-row-end:5}.xs\:row-start-6{grid-row-start:6}.xs\:row-end-6{grid-row-end:6}.xs\:row-start-7{grid-row-start:7}.xs\:row-end-7{grid-row-end:7}}@media (min-width: 620px){.sm\:row-auto{grid-row:auto}.sm\:row-full{grid-row:span var(--vb-grid-rows)}.sm\:row-1{grid-row:span 1}.sm\:row-2{grid-row:span 2}.sm\:row-3{grid-row:span 3}.sm\:row-4{grid-row:span 4}.sm\:row-5{grid-row:span 5}.sm\:row-6{grid-row:span 6}.sm\:row-start-1{grid-row-start:1}.sm\:row-end-1{grid-row-end:1}.sm\:row-start-2{grid-row-start:2}.sm\:row-end-2{grid-row-end:2}.sm\:row-start-3{grid-row-start:3}.sm\:row-end-3{grid-row-end:3}.sm\:row-start-4{grid-row-start:4}.sm\:row-end-4{grid-row-end:4}.sm\:row-start-5{grid-row-start:5}.sm\:row-end-5{grid-row-end:5}.sm\:row-start-6{grid-row-start:6}.sm\:row-end-6{grid-row-end:6}.sm\:row-start-7{grid-row-start:7}.sm\:row-end-7{grid-row-end:7}}@media (min-width: 760px){.md\:row-auto{grid-row:auto}.md\:row-full{grid-row:span var(--vb-grid-rows)}.md\:row-1{grid-row:span 1}.md\:row-2{grid-row:span 2}.md\:row-3{grid-row:span 3}.md\:row-4{grid-row:span 4}.md\:row-5{grid-row:span 5}.md\:row-6{grid-row:span 6}.md\:row-start-1{grid-row-start:1}.md\:row-end-1{grid-row-end:1}.md\:row-start-2{grid-row-start:2}.md\:row-end-2{grid-row-end:2}.md\:row-start-3{grid-row-start:3}.md\:row-end-3{grid-row-end:3}.md\:row-start-4{grid-row-start:4}.md\:row-end-4{grid-row-end:4}.md\:row-start-5{grid-row-start:5}.md\:row-end-5{grid-row-end:5}.md\:row-start-6{grid-row-start:6}.md\:row-end-6{grid-row-end:6}.md\:row-start-7{grid-row-start:7}.md\:row-end-7{grid-row-end:7}}@media (min-width: 990px){.lg\:row-auto{grid-row:auto}.lg\:row-full{grid-row:span var(--vb-grid-rows)}.lg\:row-1{grid-row:span 1}.lg\:row-2{grid-row:span 2}.lg\:row-3{grid-row:span 3}.lg\:row-4{grid-row:span 4}.lg\:row-5{grid-row:span 5}.lg\:row-6{grid-row:span 6}.lg\:row-start-1{grid-row-start:1}.lg\:row-end-1{grid-row-end:1}.lg\:row-start-2{grid-row-start:2}.lg\:row-end-2{grid-row-end:2}.lg\:row-start-3{grid-row-start:3}.lg\:row-end-3{grid-row-end:3}.lg\:row-start-4{grid-row-start:4}.lg\:row-end-4{grid-row-end:4}.lg\:row-start-5{grid-row-start:5}.lg\:row-end-5{grid-row-end:5}.lg\:row-start-6{grid-row-start:6}.lg\:row-end-6{grid-row-end:6}.lg\:row-start-7{grid-row-start:7}.lg\:row-end-7{grid-row-end:7}}@media (min-width: 1380px){.xl\:row-auto{grid-row:auto}.xl\:row-full{grid-row:span var(--vb-grid-rows)}.xl\:row-1{grid-row:span 1}.xl\:row-2{grid-row:span 2}.xl\:row-3{grid-row:span 3}.xl\:row-4{grid-row:span 4}.xl\:row-5{grid-row:span 5}.xl\:row-6{grid-row:span 6}.xl\:row-start-1{grid-row-start:1}.xl\:row-end-1{grid-row-end:1}.xl\:row-start-2{grid-row-start:2}.xl\:row-end-2{grid-row-end:2}.xl\:row-start-3{grid-row-start:3}.xl\:row-end-3{grid-row-end:3}.xl\:row-start-4{grid-row-start:4}.xl\:row-end-4{grid-row-end:4}.xl\:row-start-5{grid-row-start:5}.xl\:row-end-5{grid-row-end:5}.xl\:row-start-6{grid-row-start:6}.xl\:row-end-6{grid-row-end:6}.xl\:row-start-7{grid-row-start:7}.xl\:row-end-7{grid-row-end:7}}:root{--vb-grid-cols: 1;--vb-grid-rows: 1;--vb-grid-flow: dense;--vb-grid-gap: 2em}.input{position:relative;display:block;width:100%;max-width:100%;height:var(--vb-input-size);padding:var(--vb-input-padding);transition-property:var(--vb-input-transition-property);transition-duration:var(--vb-input-transition-duration);transition-timing-function:var(--vb-input-transition-timing-function);outline:var(--vb-input-outline);border:var(--vb-input-border-width) solid var(--vb-input-border-color);border-radius:var(--vb-input-border-radius);background:var(--vb-input-background);box-shadow:0 0 0 0 var(--vb-input-box-shadow),inset 0 .1rem .2rem var(--vb-input-box-shadow-inset);color:var(--vb-input-foreground);font-family:var(--vb-font-family);font-size:var(--vb-input-font-size);line-height:var(--vb-input-line-height);-moz-appearance:none;-webkit-appearance:none;appearance:none}.input:hover{border-color:var(--vb-input-border-color-hover, var(--vb-input-border-color));background-color:var(--vb-input-background-hover, var(--vb-input-background));color:var(--vb-input-foreground-hover, var(--vb-input-foreground))}.input:focus{border-color:var(--vb-input-border-color-focus, var(--vb-input-border-color-hover, var(--vb-input-border-color)));background-color:var(--vb-input-background-focus, var(--vb-input-background-hover, var(--vb-input-background)));box-shadow:0 0 0 .2rem var(--vb-input-box-shadow-focus),inset 0 .1rem .2rem var(--vb-input-box-shadow-inset-focus);color:var(--vb-input-foreground-focus, var(--vb-input-foreground-hover, var(--vb-input-foreground)))}.input:read-only{background-color:var(--vb-input-background-readonly)}.input:disabled{background-color:var(--vb-input-background-disabled);pointer-events:none}.input::placeholder{color:var(--vb-input-foreground-placeholder)}.input_auto{width:auto}.input_size_sm{--vb-input-size: var(--vb-form-control-size-sm);--vb-input-padding: calc(.25em - 1px) .5em ;--vb-input-font-size: var(--vb-font-size-sm);--vb-input-line-height: var(--vb-line-height-sm)}.input_size_lg{--vb-input-size: var(--vb-form-control-size-lg);--vb-input-padding: calc(.648rem - 1px) ;--vb-input-font-size: var(--vb-font-size-lg);--vb-input-line-height: var(--vb-line-height-lg)}.input_state_success{--vb-input-border-color: var(--vb-primary-50);--vb-input-border-color-hover: var(--vb-primary-50);--vb-input-border-color-focus: var(--vb-primary-50);--vb-input-box-shadow: hsl(var(--vb-primary-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-primary-hs) 50% / 50%)}.input_state_error{--vb-input-border-color: var(--vb-important-50);--vb-input-border-color-hover: var(--vb-important-50);--vb-input-border-color-focus: var(--vb-important-50);--vb-input-box-shadow: hsl(var(--vb-important-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-important-hs) 50% / 50%)}.input_type_select{position:relative;padding-right:2em;background-image:var(--vb-input-select-icon);background-repeat:no-repeat;background-position:100% center;cursor:pointer}.input_type_select:read-only{background-color:var(--vb-input-background)}.input_type_select:disabled{background-color:var(--vb-input-background-disabled)}.input_type_textarea{min-width:100%;height:auto;min-height:var(--vb-input-size)}.input_type_textarea.input_size_sm,.input_type_textarea.input_size_lg{height:auto;min-height:var(--vb-input-size)}:root{--vb-input-size: var(--vb-form-control-size);--vb-input-padding: calc(.5em - 1px) ;--vb-input-background-readonly: var(--vb-background-dark);--vb-input-background-disabled: var(--vb-background-darker);--vb-input-border-width: 1px;--vb-input-border-radius: var(--vb-border-radius);--vb-input-box-shadow: hsl(var(--vb-primary-hs) 50% / 0%);--vb-input-box-shadow-focus: hsl(var(--vb-primary-hs) 50% / 50%);--vb-input-box-shadow-inset: rgba(0, 0, 0, .1);--vb-input-box-shadow-inset-focus: rgba(0, 0, 0, 0);--vb-input-font-size: var(--vb-font-size);--vb-input-line-height: var(--vb-line-height);--vb-input-outline: none;--vb-input-transition-property: box-shadow, outline, outline-offset;--vb-input-transition-duration: .15s;--vb-input-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}:root,.vb-theme-root,.vb-theme-light{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-50);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-60);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}}.vb-theme-dark{--vb-input-background: var(--vb-background);--vb-input-foreground: var(--vb-foreground);--vb-input-foreground-placeholder: var(--vb-foreground-lighter);--vb-input-border-color: var(--vb-border-color-dark);--vb-input-border-color-hover: var(--vb-border-color-darker);--vb-input-border-color-focus: var(--vb-primary-60);--vb-input-select-icon: url('data:image/svg+xml;utf8,')}.menu{display:flex;gap:var(--vb-menu-gap);flex-direction:column;align-items:stretch;font-size:var(--vb-menu-font-size);line-height:var(--vb-menu-line-height);list-style:none}.menu__sep{flex:0 0 auto;align-self:stretch;width:auto;height:var(--vb-menu-sep-size);margin:var(--vb-menu-sep-gap) 0;background:var(--vb-menu-sep-background)}.menu__action{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:var(--vb-menu-size);min-height:var(--vb-menu-size);padding:var(--vb-menu-padding);outline:none;border:var(--vb-menu-border-width) solid var(--vb-menu-border-color);border-radius:var(--vb-menu-border-radius);background:var(--vb-menu-background);color:var(--vb-menu-foreground);white-space:normal;gap:var(--vb-menu-action-gap)}.menu__action:hover,.menu__action:focus-visible{border-color:var(--vb-menu-border-color-hover, var(--vb-menu-border-color));background:var(--vb-menu-background-hover, var(--vb-menu-background));color:var(--vb-menu-foreground-hover, var(--vb-menu-foreground))}.menu__action:focus-visible{z-index:1;outline:var(--vb-menu-outline-focus)}.menu__action:active{border-color:var(--vb-menu-border-color-active, var(--vb-menu-border-color-hover, var(--vb-menu-border-color)));background:var(--vb-menu-background-active, var(--vb-menu-background-hover, var(--vb-menu-background)));color:var(--vb-menu-foreground-active, var(--vb-menu-foreground-hover, var(--vb-menu-foreground)))}.menu__action.is-active,.menu__action.is-active:hover,.menu__action.is-active:focus,.menu__action.is-active:active,.menu__action.is-active[disabled]{background:var(--vb-menu-active-background);color:var(--vb-menu-active-foreground);cursor:pointer}.menu__action.is-disabled,.menu__action.is-disabled:hover,.menu__action.is-disabled:focus,.menu__action.is-disabled:active,.menu__action[disabled]{background:var(--vb-menu-disabled-background);color:var(--vb-menu-disabled-foreground);cursor:default}.menu__action_icon{padding:var(--vb-menu-padding-x)}.menu_full .menu__item{flex:1 0 auto}.menu_inline{flex-direction:row;align-items:center}.menu_inline .menu__sep{width:var(--vb-menu-sep-size);height:auto;margin:0 var(--vb-menu-sep-gap)}.menu_inline .menu__action{justify-content:center;white-space:nowrap}.menu_size_sm{--vb-menu-size: var(--vb-form-control-size-sm);--vb-menu-padding: var(--vb-form-control-padding-sm);--vb-menu-padding-x: .25em;--vb-menu-font-size: var(--vb-font-size-sm);--vb-menu-line-height: var(--vb-line-height-sm)}.menu_size_lg{--vb-menu-size: var(--vb-form-control-size-lg);--vb-menu-padding: var(--vb-form-control-padding-lg);--vb-menu-padding-x: .648rem;--vb-menu-font-size: var(--vb-font-size-lg);--vb-menu-line-height: var(--vb-line-height-lg)}:root{--vb-menu-size: var(--vb-form-control-size);--vb-menu-padding: var(--vb-form-control-padding);--vb-menu-padding-x: .5em;--vb-menu-gap: 1px;--vb-menu-border-width: 1px;--vb-menu-border-radius: var(--vb-border-radius);--vb-menu-outline-focus: 2px solid var(--vb-focus-visible);--vb-menu-font-size: var(--vb-font-size);--vb-menu-line-height: var(--vb-line-height);--vb-menu-action-gap: .5em;--vb-menu-sep-size: 1px;--vb-menu-sep-gap: .5em;--vb-menu-sep-background: var(--vb-border-color);--vb-menu-active-background: none;--vb-menu-active-foreground: var(--vb-primary-50);--vb-menu-disabled-background: none;--vb-menu-disabled-foreground: var(--vb-foreground-lighter)}:root,.vb-theme-root,.vb-theme-light{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}}.vb-theme-dark{--vb-menu-background: none;--vb-menu-background-hover: var(--vb-background-hover);--vb-menu-background-active: var(--vb-background-active);--vb-menu-foreground: var(--vb-foreground)}.modal{position:fixed;z-index:1000;top:0;right:0;display:flex;visibility:hidden;flex-direction:column;align-items:center;justify-content:center;width:0;height:0;overflow:hidden}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--vb-neutral-10);opacity:0}.modal__dialog{width:36em;max-width:100%;overflow:auto;transform:translateY(-5em);transition-property:outline;transition-duration:var(--vb-modal-transition-duration);transition-timing-function:var(--vb-modal-transition-timing-function);outline:0 solid transparent;box-shadow:var(--vb-box-shadow-5);opacity:0}.modal__dialog:focus{outline:4px solid var(--vb-primary-50)}.modal__dialog[role=alertdialog]:focus{outline:4px solid var(--vb-important-50)}.modal.is-closed{visibility:hidden}.modal.is-opening,.modal.is-opened,.modal.is-closing{visibility:visible;width:100%;height:100%;padding:1em}.modal.is-opening:before,.modal.is-closing:before{transition:opacity var(--vb-modal-transition-duration) var(--vb-modal-transition-timing-function)}.modal.is-opening .modal__dialog,.modal.is-closing .modal__dialog{transition-property:opacity,transform;transition-duration:var(--vb-modal-transition-duration);transition-timing-function:var(--vb-modal-transition-timing-function)}.modal.is-opening:before,.modal.is-opened:before{opacity:.8}.modal.is-opening .modal__dialog,.modal.is-opened .modal__dialog{transform:translateY(0);opacity:1}.modal.is-closing .modal__dialog{transform:translateY(-5em)}.modal_full .modal__dialog{width:100%;height:100%;transform:scale(.75)}.modal_full.is-opened .modal__dialog,.modal_full.is-opening .modal__dialog{transform:scale(1)}.modal_full.is-closing .modal__dialog{transform:scale(.75)}.modal_pos_top{justify-content:flex-start}.modal_pos_bottom{justify-content:flex-end}.modal_pos_bottom .modal__dialog,.modal_pos_bottom.is-closing .modal__dialog{transform:translateY(5em)}.modal_pos_left .modal__dialog,.modal_pos_right .modal__dialog{width:16em;max-width:90%;height:100%}.modal_pos_left{align-items:flex-start}.modal_pos_left .modal__dialog{left:0;transform:translate(-100%)}.modal_pos_left.is-closing .modal__dialog{transform:translate(-100%)}.modal_pos_right{align-items:flex-end}.modal_pos_right .modal__dialog{right:0;transform:translate(100%)}.modal_pos_right.is-closing .modal__dialog{transform:translate(100%)}.modal_size_xs .modal__dialog{width:20em}.modal_size_sm .modal__dialog{width:24em}.modal_size_md .modal__dialog{width:36em}.modal_size_lg .modal__dialog{width:48em}.modal_size_xl .modal__dialog{width:60em}:root{--vb-modal-transition-duration: var(--vb-transition-duration);--vb-modal-transition-timing-function: var(--vb-transition-timing-function)}.notice{padding:var(--vb-notice-padding);border:var(--vb-notice-border);border-radius:var(--vb-notice-border-radius);background:var(--vb-notice-background);box-shadow:var(--vb-notice-box-shadow);color:var(--vb-notice-foreground)}.notice>*+*{margin-top:var(--vb-notice-gap)}.notice__title{font-size:var(--vb-notice-title-font-size);font-weight:var(--vb-notice-title-font-weight);line-height:var(--vb-notice-title-line-height)}.notice_color_primary{--vb-notice-background: var(--vb-primary-90);--vb-notice-foreground: var(--vb-primary-30)}.notice_color_secondary{--vb-notice-background: var(--vb-secondary-90);--vb-notice-foreground: var(--vb-secondary-30)}.notice_color_neutral{--vb-notice-background: var(--vb-neutral-90);--vb-notice-foreground: var(--vb-neutral-30)}.notice_color_important{--vb-notice-background: var(--vb-important-90);--vb-notice-foreground: var(--vb-important-30)}:root{--vb-notice-gap: .5em;--vb-notice-padding: 1em;--vb-notice-border-radius: var(--vb-border-radius);--vb-notice-title-font-size: var(--vb-font-size-lg);--vb-notice-title-line-height: var(--vb-line-height-lg);--vb-notice-title-font-weight: var(--vb-font-weight-semi-bold)}:root,.vb-theme-root,.vb-theme-light{--vb-notice-background: var(--vb-neutral-95);--vb-notice-foreground: var(--vb-neutral-20)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-notice-background: var(--vb-neutral-20);--vb-notice-foreground: var(--vb-neutral-95)}}.vb-theme-dark{--vb-notice-background: var(--vb-neutral-20);--vb-notice-foreground: var(--vb-neutral-95)}.popover{position:absolute;z-index:10;top:100%;left:0;display:none;width:16em;max-width:calc(100vw - 20px);margin:calc(var(--vb-popover-offset) * 1px) 0 0;padding:.5em;border-radius:.25rem;background:var(--vb-background);background-clip:padding-box;box-shadow:var(--vb-box-shadow-2);color:var(--vb-foreground);font-size:.875rem}.popover:before{content:"";position:absolute;inset:auto 0 100%;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover.is-active{z-index:11;display:block}.popover:hover,.popover:focus,.popover:focus-within{z-index:12}.popover[data-popper-placement^=top]{margin:0 0 calc(var(--vb-popover-offset) * 1px) 0}.popover[data-popper-placement^=top]:before{inset:100% 0 auto;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover[data-popper-placement^=bottom]{margin:calc(var(--vb-popover-offset) * 1px) 0 0 0}.popover[data-popper-placement^=bottom]:before{inset:auto 0 100%;width:100%;height:calc((var(--vb-popover-offset) + 1) * 1px)}.popover[data-popper-placement^=left]{margin:0 calc(var(--vb-popover-offset) * 1px) 0 0}.popover[data-popper-placement^=left]:before{inset:0 auto 0 100%;width:calc((var(--vb-popover-offset) + 1) * 1px);height:100%}.popover[data-popper-placement^=right]{margin:0 0 0 calc(var(--vb-popover-offset) * 1px)}.popover[data-popper-placement^=right]:before{inset:0 100% 0 auto;width:calc((var(--vb-popover-offset) + 1) * 1px);height:100%}.popover__arrow,.popover__arrow:after{width:var(--vb-popover-arrow-size, 12px);height:var(--vb-popover-arrow-size, 12px);position:absolute;z-index:-1;visibility:hidden;background-color:inherit}.popover__arrow:after{content:"";visibility:visible;transform:rotate(45deg);border:var(--vb-popover-arrow-border, 1px solid var(--vb-border-color));border-right-color:transparent;border-bottom-color:transparent;background-clip:padding-box}[data-popper-placement^=top]>.popover__arrow{bottom:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=top]>.popover__arrow:after{transform:rotate(-135deg)}[data-popper-placement^=bottom]>.popover__arrow{top:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=bottom]>.popover__arrow:after{transform:rotate(45deg)}[data-popper-placement^=left]>.popover__arrow{right:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=left]>.popover__arrow:after{transform:rotate(135deg)}[data-popper-placement^=right]>.popover__arrow{left:calc(var(--vb-popover-arrow-size, 12px) * -.5)}[data-popper-placement^=right]>.popover__arrow:after{transform:rotate(-45deg)}.popover_size_auto{width:auto}.popover_size_sm{width:12em}.popover_size_lg{width:20em}.popover_tooltip{--vb-popover-event: hover;--vb-popover-placement: top;--vb-popover-arrow-size: 8px;--vb-popover-arrow-border: none;width:auto;max-width:16rem;padding:.5rem .75rem;background:var(--vb-foreground);color:var(--vb-background)}:root{--vb-popover-offset: 8;--vb-popover-overflow-padding: 10;--vb-popover-flip-padding: 10;--vb-popover-arrow-padding: 10}.radio{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;vertical-align:middle}.radio__background{width:var(--vb-radio-size);height:var(--vb-radio-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:var(--vb-radio-background-border-radius);background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity))}.radio__circle{width:var(--vb-radio-circle-size);height:var(--vb-radio-circle-size);display:flex;align-items:center;justify-content:center;border:var(--vb-radio-border-width) solid var(--vb-radio-border-color);border-radius:var(--vb-radio-circle-size);background-color:var(--vb-radio-fill);color:transparent}.radio__dot{width:0;height:0;border-radius:var(--vb-radio-dot-size);background-color:var(--vb-radio-dot-color);opacity:0}.radio__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.radio__native:hover+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-hover))}.radio__native:hover+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:focus+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-focus))}.radio__native:focus+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:focus-visible+.radio__background,.radio__native:active+.radio__background{background-color:hsl(from var(--vb-radio-color) h s l/var(--vb-radio-background-opacity-active))}.radio__native:focus-visible+.radio__background .radio__circle,.radio__native:active+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-fill)}.radio__native:checked+.radio__background .radio__circle{border-color:var(--vb-radio-color);background-color:var(--vb-radio-color)}.radio__native:checked+.radio__background .radio__dot{width:var(--vb-radio-dot-size);height:var(--vb-radio-dot-size);transition-property:opacity,width,height;transition-duration:var(--vb-radio-transition-duration);transition-timing-function:var(--vb-radio-transition-timing-function);background-position:center center;opacity:1}.radio_size_sm{--vb-radio-size: var(--vb-form-control-size-sm);--vb-radio-border-width: 2px;--vb-radio-circle-size: 16px;--vb-radio-dot-size: 6px}.radio_size_lg{--vb-radio-size: var(--vb-form-control-size-lg);--vb-radio-border-width: 2.5px;--vb-radio-circle-size: 26px;--vb-radio-dot-size: 10px}:root{--vb-radio-size: var(--vb-form-control-size);--vb-radio-circle-size: 20px;--vb-radio-dot-size: 8px;--vb-radio-color: var(--vb-primary-50);--vb-radio-border-width: 2px;--vb-radio-background-border-radius: var(--vb-border-radius-circle);--vb-radio-background-opacity: 0%;--vb-radio-background-opacity-hover: 20%;--vb-radio-background-opacity-focus: 20%;--vb-radio-background-opacity-active: 30%;--vb-radio-transition-duration: var(--vb-transition-duration-short);--vb-radio-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-radio-fill: white;--vb-radio-border-color: var(--vb-neutral-50);--vb-radio-dot-color: white}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-radio-fill: var(--vb-neutral-10);--vb-radio-border-color: var(--vb-neutral-80);--vb-radio-dot-color: var(--vb-neutral-10)}}.vb-theme-dark{--vb-radio-fill: var(--vb-neutral-10);--vb-radio-border-color: var(--vb-neutral-80);--vb-radio-dot-color: var(--vb-neutral-10)}.section{position:relative;display:flex;flex-direction:column;padding:var(--vb-section-padding);background:var(--vb-section-background);color:var(--vb-section-foreground)}.section__container{position:relative;z-index:3;width:100%;max-width:var(--vb-section-max-width);margin:auto}.section__image,.section__screen{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.section__image{object-fit:cover;z-index:1;opacity:var(--vb-section-image-opacity)}.section__screen{z-index:2;background:var(--vb-section-screen-background);opacity:var(--vb-section-screen-opacity)}.section_size_sm{--vb-section-padding: 1em}.section_size_md{--vb-section-padding: 1.5em}@media (min-width: 760px){.section_size_md{--vb-section-padding: 2em 1.5em}}@media (min-width: 990px){.section_size_md{--vb-section-padding: 3em 1.5em}}.section_size_lg{--vb-section-padding: 1.5em}@media (min-width: 760px){.section_size_lg{--vb-section-padding: 4em 1.5em}}@media (min-width: 990px){.section_size_lg{--vb-section-padding: 6em 1.5em}}.section_size_xl{--vb-section-padding: 1.5em}@media (min-width: 620px){.section_size_xl{--vb-section-padding: 3em 1.5em}}@media (min-width: 760px){.section_size_xl{--vb-section-padding: 8em 2em}}@media (min-width: 990px){.section_size_xl{--vb-section-padding: 12em 2em}}:root{--vb-section-max-width: 70rem;--vb-section-image-opacity: 1;--vb-section-padding: 1.5em}@media (min-width: 760px){:root{--vb-section-padding: 2em 1.5em}}@media (min-width: 990px){:root{--vb-section-padding: 3em 1.5em}}:root,.vb-theme-root,.vb-theme-light{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .8}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .7}}.vb-theme-dark{--vb-section-background: transparent;--vb-section-foreground: var(--vb-foreground);--vb-section-screen-background: var(--vb-background);--vb-section-screen-opacity: .7}.switch{position:relative;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;padding-right:calc(var(--vb-switch-size) * .25);padding-left:calc(var(--vb-switch-size) * .25);vertical-align:middle}.switch__background{width:var(--vb-switch-size);height:var(--vb-switch-size);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.switch__background:after{width:var(--vb-switch-size);height:var(--vb-switch-size);content:"";position:absolute;top:0;left:calc(var(--vb-switch-size) * .25 * -1);transition:left var(--vb-switch-transition-duration) var(--vb-switch-transition-timing-function);border-radius:var(--vb-switch-background-border-radius);background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity))}.switch__track{width:100%;height:var(--vb-switch-track-size);position:relative;display:block;border:var(--vb-switch-border-width) solid var(--vb-switch-border-color);border-radius:var(--vb-switch-border-radius);background-color:var(--vb-switch-track-fill)}.switch__thumb{width:calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2);height:calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2);position:absolute;z-index:1;top:0;left:0;display:block;transition:left var(--vb-switch-transition-duration) var(--vb-switch-transition-timing-function);border-radius:var(--vb-switch-border-radius);background-color:var(--vb-switch-thumb-fill);box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-border-color)}.switch__native{width:100%;height:100%;position:absolute;z-index:2;top:0;left:0;opacity:0;cursor:pointer}.switch__native:hover+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-hover))}.switch__native:hover+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:hover+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:focus+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-focus))}.switch__native:focus+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:focus+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:focus-visible+.switch__background:after,.switch__native:active+.switch__background:after{background-color:hsl(from var(--vb-switch-color) h s l/var(--vb-switch-background-opacity-active))}.switch__native:focus-visible+.switch__background .switch__track,.switch__native:active+.switch__background .switch__track{border-color:var(--vb-switch-border-color);background-color:var(--vb-switch-track-fill)}.switch__native:focus-visible+.switch__background .switch__thumb,.switch__native:active+.switch__background .switch__thumb{box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch__native:checked+.switch__background:after{left:calc(100% - var(--vb-switch-size) * .75)}.switch__native:checked+.switch__background .switch__track{border-color:var(--vb-switch-color);background-color:var(--vb-switch-color)}.switch__native:checked+.switch__background .switch__thumb{left:calc(100% - calc(var(--vb-switch-track-size) - var(--vb-switch-border-width) * 2));box-shadow:0 0 0 var(--vb-switch-border-width) var(--vb-switch-color)}.switch_size_sm{--vb-switch-size: var(--vb-form-control-size-sm);--vb-switch-border-width: 2px;--vb-switch-track-size: 16px}.switch_size_lg{--vb-switch-size: var(--vb-form-control-size-lg);--vb-switch-border-width: 2.5px;--vb-switch-track-size: 26px}:root{--vb-switch-size: var(--vb-form-control-size);--vb-switch-track-size: 20px;--vb-switch-color: var(--vb-primary-50);--vb-switch-border-width: 2px;--vb-switch-border-radius: var(--vb-border-radius-circle);--vb-switch-background-border-radius: var(--vb-border-radius-circle);--vb-switch-background-opacity: 0%;--vb-switch-background-opacity-hover: 20%;--vb-switch-background-opacity-focus: 20%;--vb-switch-background-opacity-active: 30%;--vb-switch-transition-duration: var(--vb-transition-duration-short);--vb-switch-transition-timing-function: var(--vb-transition-timing-function)}:root,.vb-theme-root,.vb-theme-light{--vb-switch-thumb-fill: white;--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-50)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-switch-thumb-fill: var(--vb-neutral-10);--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-80)}}.vb-theme-dark{--vb-switch-thumb-fill: var(--vb-neutral-10);--vb-switch-track-fill: hsl(var(--vb-neutral-hs) 50% / 20%);--vb-switch-border-color: var(--vb-neutral-80)}.table{width:100%;background-color:var(--vb-table-background);color:var(--vb-table-foreground);text-align:left}.table th,.table td,.table caption{padding:var(--vb-table-padding);vertical-align:top}.table th{font-weight:var(--vb-font-weight-bold)}.table__auto{width:0;white-space:nowrap}.table_ellipsis{table-layout:fixed}.table_ellipsis th,.table_ellipsis td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table_hover tr{position:relative;z-index:1}.table_hover tbody tr:hover,.table_hover tbody tr:focus{z-index:2;background-color:var(--vb-table-background-hover);color:var(--vb-table-foreground-hover)}.table_responsive thead,.table_responsive tbody,.table_responsive tr,.table_responsive th,.table_responsive td{display:block}.table_responsive thead,.table_responsive [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive.table_style_bordered{border:var(--vb-table-border)}.table_responsive.table_style_bordered td{border:none}.table_responsive.table_style_bordered td+td,.table_responsive.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive.table_style_bordered tr+tr{border-top:var(--vb-table-border)}@media (max-width: 479px){.table_responsive_xs thead,.table_responsive_xs tbody,.table_responsive_xs tr,.table_responsive_xs th,.table_responsive_xs td{display:block}.table_responsive_xs thead,.table_responsive_xs [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_xs [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_xs [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_xs.table_style_bordered{border:var(--vb-table-border)}.table_responsive_xs.table_style_bordered td{border:none}.table_responsive_xs.table_style_bordered td+td,.table_responsive_xs.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_xs.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_xs.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 619px){.table_responsive_sm thead,.table_responsive_sm tbody,.table_responsive_sm tr,.table_responsive_sm th,.table_responsive_sm td{display:block}.table_responsive_sm thead,.table_responsive_sm [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_sm [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_sm [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_sm.table_style_bordered{border:var(--vb-table-border)}.table_responsive_sm.table_style_bordered td{border:none}.table_responsive_sm.table_style_bordered td+td,.table_responsive_sm.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_sm.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_sm.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 759px){.table_responsive_md thead,.table_responsive_md tbody,.table_responsive_md tr,.table_responsive_md th,.table_responsive_md td{display:block}.table_responsive_md thead,.table_responsive_md [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_md [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_md [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_md.table_style_bordered{border:var(--vb-table-border)}.table_responsive_md.table_style_bordered td{border:none}.table_responsive_md.table_style_bordered td+td,.table_responsive_md.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_md.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_md.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 989px){.table_responsive_lg thead,.table_responsive_lg tbody,.table_responsive_lg tr,.table_responsive_lg th,.table_responsive_lg td{display:block}.table_responsive_lg thead,.table_responsive_lg [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_lg [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_lg [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_lg.table_style_bordered{border:var(--vb-table-border)}.table_responsive_lg.table_style_bordered td{border:none}.table_responsive_lg.table_style_bordered td+td,.table_responsive_lg.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_lg.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_lg.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}@media (max-width: 1379px){.table_responsive_xl thead,.table_responsive_xl tbody,.table_responsive_xl tr,.table_responsive_xl th,.table_responsive_xl td{display:block}.table_responsive_xl thead,.table_responsive_xl [rowspan]{position:absolute;top:-9999px;left:-9999px}.table_responsive_xl [data-mobile-label]{position:relative;padding-left:calc(var(--vb-table-mobile-label-width) + var(--vb-table-mobile-label-spacing));white-space:normal}.table_responsive_xl [data-mobile-label]:before{content:attr(data-mobile-label);position:absolute;top:0;bottom:0;left:0;width:var(--vb-table-mobile-label-width);padding:var(--vb-table-padding);overflow:hidden;background-color:var(--vb-table-mobile-label-background);color:var(--vb-table-mobile-label-foreground);font-weight:var(--vb-font-weight-bold);text-overflow:ellipsis;white-space:nowrap}.table_responsive_xl.table_style_bordered{border:var(--vb-table-border)}.table_responsive_xl.table_style_bordered td{border:none}.table_responsive_xl.table_style_bordered td+td,.table_responsive_xl.table_style_bordered th+td{border-top:var(--vb-table-border-alt)}.table_responsive_xl.table_style_bordered [data-mobile-label]:before{border-right:var(--vb-table-border)}.table_responsive_xl.table_style_bordered tr+tr{border-top:var(--vb-table-border)}}.table_size_sm th,.table_size_sm td,.table_size_sm caption{--vb-table-padding: .25em .5em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: .5em}.table_size_lg th,.table_size_lg td,.table_size_lg caption{--vb-table-padding: 1em 1.25em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: 1.25em}.table_style_rowed{border-bottom:var(--vb-table-border)}.table_style_rowed tr{border-top:var(--vb-table-border)}.table_style_rowed th:first-child,.table_style_rowed td:first-child{padding-left:0}.table_style_rowed th:last-child,.table_style_rowed td:last-child{padding-right:0}.table_style_bordered th,.table_style_bordered td{border:var(--vb-table-border)}.table_zebra thead tr{background-color:var(--vb-table-background-zebra)}.table_zebra tr:nth-child(2n){background-color:var(--vb-table-background-zebra)}:root{--vb-table-padding: .5em .75em;--vb-table-mobile-label-width: 8em;--vb-table-mobile-label-spacing: .75em}:root,.vb-theme-root,.vb-theme-light{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 6%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color);--vb-table-border-alt: 1px dotted var(--vb-border-color);--vb-table-foreground: var(--vb-foreground)}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color-dark);--vb-table-border-alt: 1px dotted var(--vb-border-color-dark);--vb-table-foreground: var(--vb-foreground)}}.vb-theme-dark{--vb-table-background: var(--vb-background);--vb-table-background-zebra: hsl(var(--vb-neutral-hs) 50% / 10%);--vb-table-background-hover: hsl(var(--vb-primary-hs) 50% / 20%);--vb-table-border: 1px solid var(--vb-border-color-dark);--vb-table-border-alt: 1px dotted var(--vb-border-color-dark);--vb-table-foreground: var(--vb-foreground)}.background-clip-border{background-clip:border-box!important}.background-clip-content{background-clip:content-box!important}.background-clip-padding{background-clip:padding-box!important}.background{background-color:var(--vb-background)!important}.background-dark{background-color:var(--vb-background-dark)!important}.background-darker{background-color:var(--vb-background-darker)!important}.background-black{background-color:#000!important}.background-white{background-color:#fff!important}.background-transparent{background-color:transparent!important}.background-primary{background-color:var(--vb-primary-50)!important}.background-primary-0{background-color:var(--vb-primary-0)!important}.background-primary-5{background-color:var(--vb-primary-5)!important}.background-primary-10{background-color:var(--vb-primary-10)!important}.background-primary-12{background-color:var(--vb-primary-12)!important}.background-primary-15{background-color:var(--vb-primary-15)!important}.background-primary-20{background-color:var(--vb-primary-20)!important}.background-primary-30{background-color:var(--vb-primary-30)!important}.background-primary-40{background-color:var(--vb-primary-40)!important}.background-primary-50{background-color:var(--vb-primary-50)!important}.background-primary-60{background-color:var(--vb-primary-60)!important}.background-primary-70{background-color:var(--vb-primary-70)!important}.background-primary-80{background-color:var(--vb-primary-80)!important}.background-primary-90{background-color:var(--vb-primary-90)!important}.background-primary-95{background-color:var(--vb-primary-95)!important}.background-primary-98{background-color:var(--vb-primary-98)!important}.background-primary-100{background-color:var(--vb-primary-100)!important}.background-secondary{background-color:var(--vb-secondary-50)!important}.background-secondary-0{background-color:var(--vb-secondary-0)!important}.background-secondary-5{background-color:var(--vb-secondary-5)!important}.background-secondary-10{background-color:var(--vb-secondary-10)!important}.background-secondary-12{background-color:var(--vb-secondary-12)!important}.background-secondary-15{background-color:var(--vb-secondary-15)!important}.background-secondary-20{background-color:var(--vb-secondary-20)!important}.background-secondary-30{background-color:var(--vb-secondary-30)!important}.background-secondary-40{background-color:var(--vb-secondary-40)!important}.background-secondary-50{background-color:var(--vb-secondary-50)!important}.background-secondary-60{background-color:var(--vb-secondary-60)!important}.background-secondary-70{background-color:var(--vb-secondary-70)!important}.background-secondary-80{background-color:var(--vb-secondary-80)!important}.background-secondary-90{background-color:var(--vb-secondary-90)!important}.background-secondary-95{background-color:var(--vb-secondary-95)!important}.background-secondary-98{background-color:var(--vb-secondary-98)!important}.background-secondary-100{background-color:var(--vb-secondary-100)!important}.background-neutral{background-color:var(--vb-neutral-50)!important}.background-neutral-0{background-color:var(--vb-neutral-0)!important}.background-neutral-5{background-color:var(--vb-neutral-5)!important}.background-neutral-10{background-color:var(--vb-neutral-10)!important}.background-neutral-12{background-color:var(--vb-neutral-12)!important}.background-neutral-15{background-color:var(--vb-neutral-15)!important}.background-neutral-20{background-color:var(--vb-neutral-20)!important}.background-neutral-30{background-color:var(--vb-neutral-30)!important}.background-neutral-40{background-color:var(--vb-neutral-40)!important}.background-neutral-50{background-color:var(--vb-neutral-50)!important}.background-neutral-60{background-color:var(--vb-neutral-60)!important}.background-neutral-70{background-color:var(--vb-neutral-70)!important}.background-neutral-80{background-color:var(--vb-neutral-80)!important}.background-neutral-90{background-color:var(--vb-neutral-90)!important}.background-neutral-95{background-color:var(--vb-neutral-95)!important}.background-neutral-98{background-color:var(--vb-neutral-98)!important}.background-neutral-100{background-color:var(--vb-neutral-100)!important}.background-important{background-color:var(--vb-important-50)!important}.background-important-0{background-color:var(--vb-important-0)!important}.background-important-5{background-color:var(--vb-important-5)!important}.background-important-10{background-color:var(--vb-important-10)!important}.background-important-12{background-color:var(--vb-important-12)!important}.background-important-15{background-color:var(--vb-important-15)!important}.background-important-20{background-color:var(--vb-important-20)!important}.background-important-30{background-color:var(--vb-important-30)!important}.background-important-40{background-color:var(--vb-important-40)!important}.background-important-50{background-color:var(--vb-important-50)!important}.background-important-60{background-color:var(--vb-important-60)!important}.background-important-70{background-color:var(--vb-important-70)!important}.background-important-80{background-color:var(--vb-important-80)!important}.background-important-90{background-color:var(--vb-important-90)!important}.background-important-95{background-color:var(--vb-important-95)!important}.background-important-98{background-color:var(--vb-important-98)!important}.background-important-100{background-color:var(--vb-important-100)!important}.background-accent{background-color:var(--vb-accent-50)!important}.background-accent-0{background-color:var(--vb-accent-0)!important}.background-accent-5{background-color:var(--vb-accent-5)!important}.background-accent-10{background-color:var(--vb-accent-10)!important}.background-accent-12{background-color:var(--vb-accent-12)!important}.background-accent-15{background-color:var(--vb-accent-15)!important}.background-accent-20{background-color:var(--vb-accent-20)!important}.background-accent-30{background-color:var(--vb-accent-30)!important}.background-accent-40{background-color:var(--vb-accent-40)!important}.background-accent-50{background-color:var(--vb-accent-50)!important}.background-accent-60{background-color:var(--vb-accent-60)!important}.background-accent-70{background-color:var(--vb-accent-70)!important}.background-accent-80{background-color:var(--vb-accent-80)!important}.background-accent-90{background-color:var(--vb-accent-90)!important}.background-accent-95{background-color:var(--vb-accent-95)!important}.background-accent-98{background-color:var(--vb-accent-98)!important}.background-accent-100{background-color:var(--vb-accent-100)!important}.foreground{color:var(--vb-foreground)!important}.foreground-light{color:var(--vb-foreground-light)!important}.foreground-lighter{color:var(--vb-foreground-lighter)!important}.foreground-black{color:#000!important}.foreground-white{color:#fff!important}.foreground-transparent{color:transparent!important}.foreground-primary{color:var(--vb-primary-50)!important}.foreground-primary-0{color:var(--vb-primary-0)!important}.foreground-primary-5{color:var(--vb-primary-5)!important}.foreground-primary-10{color:var(--vb-primary-10)!important}.foreground-primary-12{color:var(--vb-primary-12)!important}.foreground-primary-15{color:var(--vb-primary-15)!important}.foreground-primary-20{color:var(--vb-primary-20)!important}.foreground-primary-30{color:var(--vb-primary-30)!important}.foreground-primary-40{color:var(--vb-primary-40)!important}.foreground-primary-50{color:var(--vb-primary-50)!important}.foreground-primary-60{color:var(--vb-primary-60)!important}.foreground-primary-70{color:var(--vb-primary-70)!important}.foreground-primary-80{color:var(--vb-primary-80)!important}.foreground-primary-90{color:var(--vb-primary-90)!important}.foreground-primary-95{color:var(--vb-primary-95)!important}.foreground-primary-98{color:var(--vb-primary-98)!important}.foreground-primary-100{color:var(--vb-primary-100)!important}.foreground-secondary{color:var(--vb-secondary-50)!important}.foreground-secondary-0{color:var(--vb-secondary-0)!important}.foreground-secondary-5{color:var(--vb-secondary-5)!important}.foreground-secondary-10{color:var(--vb-secondary-10)!important}.foreground-secondary-12{color:var(--vb-secondary-12)!important}.foreground-secondary-15{color:var(--vb-secondary-15)!important}.foreground-secondary-20{color:var(--vb-secondary-20)!important}.foreground-secondary-30{color:var(--vb-secondary-30)!important}.foreground-secondary-40{color:var(--vb-secondary-40)!important}.foreground-secondary-50{color:var(--vb-secondary-50)!important}.foreground-secondary-60{color:var(--vb-secondary-60)!important}.foreground-secondary-70{color:var(--vb-secondary-70)!important}.foreground-secondary-80{color:var(--vb-secondary-80)!important}.foreground-secondary-90{color:var(--vb-secondary-90)!important}.foreground-secondary-95{color:var(--vb-secondary-95)!important}.foreground-secondary-98{color:var(--vb-secondary-98)!important}.foreground-secondary-100{color:var(--vb-secondary-100)!important}.foreground-neutral{color:var(--vb-neutral-50)!important}.foreground-neutral-0{color:var(--vb-neutral-0)!important}.foreground-neutral-5{color:var(--vb-neutral-5)!important}.foreground-neutral-10{color:var(--vb-neutral-10)!important}.foreground-neutral-12{color:var(--vb-neutral-12)!important}.foreground-neutral-15{color:var(--vb-neutral-15)!important}.foreground-neutral-20{color:var(--vb-neutral-20)!important}.foreground-neutral-30{color:var(--vb-neutral-30)!important}.foreground-neutral-40{color:var(--vb-neutral-40)!important}.foreground-neutral-50{color:var(--vb-neutral-50)!important}.foreground-neutral-60{color:var(--vb-neutral-60)!important}.foreground-neutral-70{color:var(--vb-neutral-70)!important}.foreground-neutral-80{color:var(--vb-neutral-80)!important}.foreground-neutral-90{color:var(--vb-neutral-90)!important}.foreground-neutral-95{color:var(--vb-neutral-95)!important}.foreground-neutral-98{color:var(--vb-neutral-98)!important}.foreground-neutral-100{color:var(--vb-neutral-100)!important}.foreground-important{color:var(--vb-important-50)!important}.foreground-important-0{color:var(--vb-important-0)!important}.foreground-important-5{color:var(--vb-important-5)!important}.foreground-important-10{color:var(--vb-important-10)!important}.foreground-important-12{color:var(--vb-important-12)!important}.foreground-important-15{color:var(--vb-important-15)!important}.foreground-important-20{color:var(--vb-important-20)!important}.foreground-important-30{color:var(--vb-important-30)!important}.foreground-important-40{color:var(--vb-important-40)!important}.foreground-important-50{color:var(--vb-important-50)!important}.foreground-important-60{color:var(--vb-important-60)!important}.foreground-important-70{color:var(--vb-important-70)!important}.foreground-important-80{color:var(--vb-important-80)!important}.foreground-important-90{color:var(--vb-important-90)!important}.foreground-important-95{color:var(--vb-important-95)!important}.foreground-important-98{color:var(--vb-important-98)!important}.foreground-important-100{color:var(--vb-important-100)!important}.foreground-accent{color:var(--vb-accent-50)!important}.foreground-accent-0{color:var(--vb-accent-0)!important}.foreground-accent-5{color:var(--vb-accent-5)!important}.foreground-accent-10{color:var(--vb-accent-10)!important}.foreground-accent-12{color:var(--vb-accent-12)!important}.foreground-accent-15{color:var(--vb-accent-15)!important}.foreground-accent-20{color:var(--vb-accent-20)!important}.foreground-accent-30{color:var(--vb-accent-30)!important}.foreground-accent-40{color:var(--vb-accent-40)!important}.foreground-accent-50{color:var(--vb-accent-50)!important}.foreground-accent-60{color:var(--vb-accent-60)!important}.foreground-accent-70{color:var(--vb-accent-70)!important}.foreground-accent-80{color:var(--vb-accent-80)!important}.foreground-accent-90{color:var(--vb-accent-90)!important}.foreground-accent-95{color:var(--vb-accent-95)!important}.foreground-accent-98{color:var(--vb-accent-98)!important}.foreground-accent-100{color:var(--vb-accent-100)!important}.border{border:1px solid var(--vb-border-color)!important}.border-top{border-top:1px solid var(--vb-border-color)!important}.border-bottom{border-bottom:1px solid var(--vb-border-color)!important}.border-left{border-left:1px solid var(--vb-border-color)!important}.border-right{border-right:1px solid var(--vb-border-color)!important}.border-none{border:0!important}.border-top-none{border-top:0!important}.border-bottom-none{border-bottom:0!important}.border-left-none{border-left:0!important}.border-right-none{border-right:0!important}.border-color-dark{border-color:var(--vb-border-color-dark)!important}.border-color-darker{border-color:var(--vb-border-color-darker)!important}.border-color-transparent{border-color:transparent!important}.radius{border-radius:.25rem!important}.radius-top,.radius-left,.radius-top-left{border-top-left-radius:.25rem!important}.radius-top,.radius-right,.radius-top-right{border-top-right-radius:.25rem!important}.radius-bottom,.radius-right,.radius-bottom-right{border-bottom-right-radius:.25rem!important}.radius-bottom,.radius-left,.radius-bottom-left{border-bottom-left-radius:.25rem!important}.radius-lg{border-radius:.5rem!important}.radius-lg-top,.radius-lg-left,.radius-lg-top-left{border-top-left-radius:.5rem!important}.radius-lg-top,.radius-lg-right,.radius-lg-top-right{border-top-right-radius:.5rem!important}.radius-lg-bottom,.radius-lg-right,.radius-lg-bottom-right{border-bottom-right-radius:.5rem!important}.radius-lg-bottom,.radius-lg-left,.radius-lg-bottom-left{border-bottom-left-radius:.5rem!important}.radius-circle{border-radius:9999px!important}.radius-circle-top,.radius-circle-left,.radius-circle-top-left{border-top-left-radius:9999px!important}.radius-circle-top,.radius-circle-right,.radius-circle-top-right{border-top-right-radius:9999px!important}.radius-circle-bottom,.radius-circle-right,.radius-circle-bottom-right{border-bottom-right-radius:9999px!important}.radius-circle-bottom,.radius-circle-left,.radius-circle-bottom-left{border-bottom-left-radius:9999px!important}.radius-square{border-radius:0!important}.radius-square-top,.radius-square-left,.radius-square-top-left{border-top-left-radius:0!important}.radius-square-top,.radius-square-right,.radius-square-top-right{border-top-right-radius:0!important}.radius-square-bottom,.radius-square-right,.radius-square-bottom-right{border-bottom-right-radius:0!important}.radius-square-bottom,.radius-square-left,.radius-square-bottom-left{border-bottom-left-radius:0!important}.shadow{box-shadow:var(--vb-box-shadow)!important}.shadow-flat{box-shadow:0 0 0 0 transparent!important}.shadow-1{box-shadow:var(--vb-box-shadow-1)!important}.shadow-2{box-shadow:var(--vb-box-shadow-2)!important}.shadow-3{box-shadow:var(--vb-box-shadow-3)!important}.shadow-4{box-shadow:var(--vb-box-shadow-4)!important}.shadow-5{box-shadow:var(--vb-box-shadow-5)!important}.display-inline{display:inline!important}.display-flex{display:flex!important}.display-inline-flex{display:inline-flex!important}.display-grid{display:grid!important}.display-inline-grid{display:inline-grid!important}.display-block{display:block!important}.display-inline-block{display:inline-block!important}.display-none{display:none!important}@media (min-width: 480px){.display-inline-xs{display:inline!important}.display-flex-xs{display:flex!important}.display-inline-flex-xs{display:inline-flex!important}.display-grid-xs{display:grid!important}.display-inline-grid-xs{display:inline-grid!important}.display-block-xs{display:block!important}.display-inline-block-xs{display:inline-block!important}.display-none-xs{display:none!important}}@media (min-width: 620px){.display-inline-sm{display:inline!important}.display-flex-sm{display:flex!important}.display-inline-flex-sm{display:inline-flex!important}.display-grid-sm{display:grid!important}.display-inline-grid-sm{display:inline-grid!important}.display-block-sm{display:block!important}.display-inline-block-sm{display:inline-block!important}.display-none-sm{display:none!important}}@media (min-width: 760px){.display-inline-md{display:inline!important}.display-flex-md{display:flex!important}.display-inline-flex-md{display:inline-flex!important}.display-grid-md{display:grid!important}.display-inline-grid-md{display:inline-grid!important}.display-block-md{display:block!important}.display-inline-block-md{display:inline-block!important}.display-none-md{display:none!important}}@media (min-width: 990px){.display-inline-lg{display:inline!important}.display-flex-lg{display:flex!important}.display-inline-flex-lg{display:inline-flex!important}.display-grid-lg{display:grid!important}.display-inline-grid-lg{display:inline-grid!important}.display-block-lg{display:block!important}.display-inline-block-lg{display:inline-block!important}.display-none-lg{display:none!important}}@media (min-width: 1380px){.display-inline-xl{display:inline!important}.display-flex-xl{display:flex!important}.display-inline-flex-xl{display:inline-flex!important}.display-grid-xl{display:grid!important}.display-inline-grid-xl{display:inline-grid!important}.display-block-xl{display:block!important}.display-inline-block-xl{display:inline-block!important}.display-none-xl{display:none!important}}.margin{margin:1em!important}.margin-top{margin-top:1em!important}.margin-bottom{margin-bottom:1em!important}.margin-left{margin-left:1em!important}.margin-right{margin-right:1em!important}.margin-none{margin:0!important}.margin-xs{margin:.25em!important}.margin-sm{margin:.5em!important}.margin-md{margin:1em!important}.margin-lg{margin:1.5em!important}.margin-xl{margin:2em!important}.margin-top-none{margin-top:0!important}.margin-top-xs{margin-top:.25em!important}.margin-top-sm{margin-top:.5em!important}.margin-top-md{margin-top:1em!important}.margin-top-lg{margin-top:1.5em!important}.margin-top-xl{margin-top:2em!important}.margin-bottom-none{margin-bottom:0!important}.margin-bottom-xs{margin-bottom:.25em!important}.margin-bottom-sm{margin-bottom:.5em!important}.margin-bottom-md{margin-bottom:1em!important}.margin-bottom-lg{margin-bottom:1.5em!important}.margin-bottom-xl{margin-bottom:2em!important}.margin-left-none{margin-left:0!important}.margin-left-xs{margin-left:.25em!important}.margin-left-sm{margin-left:.5em!important}.margin-left-md{margin-left:1em!important}.margin-left-lg{margin-left:1.5em!important}.margin-left-xl{margin-left:2em!important}.margin-right-none{margin-right:0!important}.margin-right-xs{margin-right:.25em!important}.margin-right-sm{margin-right:.5em!important}.margin-right-md{margin-right:1em!important}.margin-right-lg{margin-right:1.5em!important}.margin-right-xl{margin-right:2em!important}.margin-x-none{margin-right:0!important;margin-left:0!important}.margin-x-xs{margin-right:.25em!important;margin-left:.25em!important}.margin-x-sm{margin-right:.5em!important;margin-left:.5em!important}.margin-x-md{margin-right:1em!important;margin-left:1em!important}.margin-x-lg{margin-right:1.5em!important;margin-left:1.5em!important}.margin-x-xl{margin-right:2em!important;margin-left:2em!important}.margin-y-none{margin-top:0!important;margin-bottom:0!important}.margin-y-xs{margin-top:.25em!important;margin-bottom:.25em!important}.margin-y-sm{margin-top:.5em!important;margin-bottom:.5em!important}.margin-y-md{margin-top:1em!important;margin-bottom:1em!important}.margin-y-lg{margin-top:1.5em!important;margin-bottom:1.5em!important}.margin-y-xl{margin-top:2em!important;margin-bottom:2em!important}.margin-auto{margin:auto!important}.margin-top-auto{margin-top:auto!important}.margin-bottom-auto{margin-bottom:auto!important}.margin-left-auto{margin-left:auto!important}.margin-right-auto{margin-right:auto!important}.margin-x-auto{margin-right:auto!important;margin-left:auto!important}.margin-y-auto{margin-top:auto!important;margin-bottom:auto!important}.padding{padding:1em!important}.padding-top{padding-top:1em!important}.padding-bottom{padding-bottom:1em!important}.padding-left{padding-left:1em!important}.padding-right{padding-right:1em!important}.padding-none{padding:0!important}.padding-xs{padding:.25em!important}.padding-sm{padding:.5em!important}.padding-md{padding:1em!important}.padding-lg{padding:1.5em!important}.padding-xl{padding:2em!important}.padding-top-none{padding-top:0!important}.padding-top-xs{padding-top:.25em!important}.padding-top-sm{padding-top:.5em!important}.padding-top-md{padding-top:1em!important}.padding-top-lg{padding-top:1.5em!important}.padding-top-xl{padding-top:2em!important}.padding-bottom-none{padding-bottom:0!important}.padding-bottom-xs{padding-bottom:.25em!important}.padding-bottom-sm{padding-bottom:.5em!important}.padding-bottom-md{padding-bottom:1em!important}.padding-bottom-lg{padding-bottom:1.5em!important}.padding-bottom-xl{padding-bottom:2em!important}.padding-left-none{padding-left:0!important}.padding-left-xs{padding-left:.25em!important}.padding-left-sm{padding-left:.5em!important}.padding-left-md{padding-left:1em!important}.padding-left-lg{padding-left:1.5em!important}.padding-left-xl{padding-left:2em!important}.padding-right-none{padding-right:0!important}.padding-right-xs{padding-right:.25em!important}.padding-right-sm{padding-right:.5em!important}.padding-right-md{padding-right:1em!important}.padding-right-lg{padding-right:1.5em!important}.padding-right-xl{padding-right:2em!important}.padding-x-none{padding-right:0!important;padding-left:0!important}.padding-x-xs{padding-right:.25em!important;padding-left:.25em!important}.padding-x-sm{padding-right:.5em!important;padding-left:.5em!important}.padding-x-md{padding-right:1em!important;padding-left:1em!important}.padding-x-lg{padding-right:1.5em!important;padding-left:1.5em!important}.padding-x-xl{padding-right:2em!important;padding-left:2em!important}.padding-y-none{padding-top:0!important;padding-bottom:0!important}.padding-y-xs{padding-top:.25em!important;padding-bottom:.25em!important}.padding-y-sm{padding-top:.5em!important;padding-bottom:.5em!important}.padding-y-md{padding-top:1em!important;padding-bottom:1em!important}.padding-y-lg{padding-top:1.5em!important;padding-bottom:1.5em!important}.padding-y-xl{padding-top:2em!important;padding-bottom:2em!important}.spacing>*+*{margin-top:1em!important}.spacing-none>*+*{margin-top:0!important}.spacing-xs>*+*{margin-top:.25em!important}.spacing-sm>*+*{margin-top:.5em!important}.spacing-md>*+*{margin-top:1em!important}.spacing-lg>*+*{margin-top:1.5em!important}.spacing-xl>*+*{margin-top:2em!important}.gap{gap:1em!important}.gap-x{column-gap:1em!important}.gap-y{row-gap:1em!important}.gap-none{gap:0!important}.gap-xs{gap:.25em!important}.gap-sm{gap:.5em!important}.gap-md{gap:1em!important}.gap-lg{gap:1.5em!important}.gap-xl{gap:2em!important}.gap-x-none{column-gap:0!important}.gap-y-none{row-gap:0!important}.gap-x-xs{column-gap:.25em!important}.gap-y-xs{row-gap:.25em!important}.gap-x-sm{column-gap:.5em!important}.gap-y-sm{row-gap:.5em!important}.gap-x-md{column-gap:1em!important}.gap-y-md{row-gap:1em!important}.gap-x-lg{column-gap:1.5em!important}.gap-y-lg{row-gap:1.5em!important}.gap-x-xl{column-gap:2em!important}.gap-y-xl{row-gap:2em!important}@media (min-width: 480px){.xs\:gap{gap:1em!important}.xs\:gap-x{column-gap:1em!important}.xs\:gap-y{row-gap:1em!important}.xs\:gap-none{gap:0!important}.xs\:gap-xs{gap:.25em!important}.xs\:gap-sm{gap:.5em!important}.xs\:gap-md{gap:1em!important}.xs\:gap-lg{gap:1.5em!important}.xs\:gap-xl{gap:2em!important}.xs\:gap-x-none{column-gap:0!important}.xs\:gap-y-none{row-gap:0!important}.xs\:gap-x-xs{column-gap:.25em!important}.xs\:gap-y-xs{row-gap:.25em!important}.xs\:gap-x-sm{column-gap:.5em!important}.xs\:gap-y-sm{row-gap:.5em!important}.xs\:gap-x-md{column-gap:1em!important}.xs\:gap-y-md{row-gap:1em!important}.xs\:gap-x-lg{column-gap:1.5em!important}.xs\:gap-y-lg{row-gap:1.5em!important}.xs\:gap-x-xl{column-gap:2em!important}.xs\:gap-y-xl{row-gap:2em!important}}@media (min-width: 620px){.sm\:gap{gap:1em!important}.sm\:gap-x{column-gap:1em!important}.sm\:gap-y{row-gap:1em!important}.sm\:gap-none{gap:0!important}.sm\:gap-xs{gap:.25em!important}.sm\:gap-sm{gap:.5em!important}.sm\:gap-md{gap:1em!important}.sm\:gap-lg{gap:1.5em!important}.sm\:gap-xl{gap:2em!important}.sm\:gap-x-none{column-gap:0!important}.sm\:gap-y-none{row-gap:0!important}.sm\:gap-x-xs{column-gap:.25em!important}.sm\:gap-y-xs{row-gap:.25em!important}.sm\:gap-x-sm{column-gap:.5em!important}.sm\:gap-y-sm{row-gap:.5em!important}.sm\:gap-x-md{column-gap:1em!important}.sm\:gap-y-md{row-gap:1em!important}.sm\:gap-x-lg{column-gap:1.5em!important}.sm\:gap-y-lg{row-gap:1.5em!important}.sm\:gap-x-xl{column-gap:2em!important}.sm\:gap-y-xl{row-gap:2em!important}}@media (min-width: 760px){.md\:gap{gap:1em!important}.md\:gap-x{column-gap:1em!important}.md\:gap-y{row-gap:1em!important}.md\:gap-none{gap:0!important}.md\:gap-xs{gap:.25em!important}.md\:gap-sm{gap:.5em!important}.md\:gap-md{gap:1em!important}.md\:gap-lg{gap:1.5em!important}.md\:gap-xl{gap:2em!important}.md\:gap-x-none{column-gap:0!important}.md\:gap-y-none{row-gap:0!important}.md\:gap-x-xs{column-gap:.25em!important}.md\:gap-y-xs{row-gap:.25em!important}.md\:gap-x-sm{column-gap:.5em!important}.md\:gap-y-sm{row-gap:.5em!important}.md\:gap-x-md{column-gap:1em!important}.md\:gap-y-md{row-gap:1em!important}.md\:gap-x-lg{column-gap:1.5em!important}.md\:gap-y-lg{row-gap:1.5em!important}.md\:gap-x-xl{column-gap:2em!important}.md\:gap-y-xl{row-gap:2em!important}}@media (min-width: 990px){.lg\:gap{gap:1em!important}.lg\:gap-x{column-gap:1em!important}.lg\:gap-y{row-gap:1em!important}.lg\:gap-none{gap:0!important}.lg\:gap-xs{gap:.25em!important}.lg\:gap-sm{gap:.5em!important}.lg\:gap-md{gap:1em!important}.lg\:gap-lg{gap:1.5em!important}.lg\:gap-xl{gap:2em!important}.lg\:gap-x-none{column-gap:0!important}.lg\:gap-y-none{row-gap:0!important}.lg\:gap-x-xs{column-gap:.25em!important}.lg\:gap-y-xs{row-gap:.25em!important}.lg\:gap-x-sm{column-gap:.5em!important}.lg\:gap-y-sm{row-gap:.5em!important}.lg\:gap-x-md{column-gap:1em!important}.lg\:gap-y-md{row-gap:1em!important}.lg\:gap-x-lg{column-gap:1.5em!important}.lg\:gap-y-lg{row-gap:1.5em!important}.lg\:gap-x-xl{column-gap:2em!important}.lg\:gap-y-xl{row-gap:2em!important}}@media (min-width: 1380px){.xl\:gap{gap:1em!important}.xl\:gap-x{column-gap:1em!important}.xl\:gap-y{row-gap:1em!important}.xl\:gap-none{gap:0!important}.xl\:gap-xs{gap:.25em!important}.xl\:gap-sm{gap:.5em!important}.xl\:gap-md{gap:1em!important}.xl\:gap-lg{gap:1.5em!important}.xl\:gap-xl{gap:2em!important}.xl\:gap-x-none{column-gap:0!important}.xl\:gap-y-none{row-gap:0!important}.xl\:gap-x-xs{column-gap:.25em!important}.xl\:gap-y-xs{row-gap:.25em!important}.xl\:gap-x-sm{column-gap:.5em!important}.xl\:gap-y-sm{row-gap:.5em!important}.xl\:gap-x-md{column-gap:1em!important}.xl\:gap-y-md{row-gap:1em!important}.xl\:gap-x-lg{column-gap:1.5em!important}.xl\:gap-y-lg{row-gap:1.5em!important}.xl\:gap-x-xl{column-gap:2em!important}.xl\:gap-y-xl{row-gap:2em!important}}.justify-content-start{justify-content:start!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:end!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.justify-content-stretch{justify-content:stretch!important}.justify-items-start{justify-items:start!important}.justify-items-center{justify-items:center!important}.justify-items-end{justify-items:end!important}.justify-items-stretch{justify-items:stretch!important}.justify-self-start{justify-self:start!important}.justify-self-center{justify-self:center!important}.justify-self-end{justify-self:end!important}.justify-self-stretch{justify-self:stretch!important}.align-content-start{align-content:start!important}.align-content-center{align-content:center!important}.align-content-end{align-content:end!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-evenly{align-content:space-evenly!important}.align-content-stretch{align-content:stretch!important}.align-items-start{align-items:start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:end!important}.align-items-stretch{align-items:stretch!important}.align-self-start{align-self:start!important}.align-self-center{align-self:center!important}.align-self-end{align-self:end!important}.align-self-stretch{align-self:stretch!important}.place-content-start{place-content:start!important}.place-content-center{place-content:center!important}.place-content-end{place-content:end!important}.place-content-between{place-content:space-between!important}.place-content-around{place-content:space-around!important}.place-content-evenly{place-content:space-evenly!important}.place-content-stretch{place-content:stretch!important}.place-items-start{place-items:start!important}.place-items-center{place-items:center!important}.place-items-end{place-items:end!important}.place-items-stretch{place-items:stretch!important}.place-self-start{place-self:start!important}.place-self-center{place-self:center!important}.place-self-end{place-self:end!important}.place-self-stretch{place-self:stretch!important}.order-first{order:-99!important}.order-last{order:99!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-6{order:6!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-relative{position:relative!important}.position-static{position:static!important}.position-sticky{position:sticky!important}.overflow-visible{overflow:visible!important}.overflow-x-visible{overflow-x:visible!important}.overflow-y-visible{overflow-y:visible!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-clip{overflow:clip!important}.overflow-x-clip{overflow-x:clip!important}.overflow-y-clip{overflow-y:clip!important}.overflow-scroll{overflow:scroll!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-scroll{overflow-y:scroll!important}.overflow-auto{overflow:auto!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.max-width{max-width:70rem!important}.max-width-none{max-width:none!important}.max-width-xs{max-width:45rem!important}.max-width-sm{max-width:60rem!important}.max-width-md{max-width:70rem!important}.max-width-lg{max-width:80rem!important}.max-width-xl{max-width:90rem!important}.max-width-full{max-width:100%!important}.font-family-sans{font-family:blinkmacsystemfont,-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,arial,sans-serif!important}.font-family-serif{font-family:constantia,Lucida Bright,lucidabright,"Lucida Serif",lucida,"DejaVu Serif","Bitstream Vera Serif","Liberation Serif",georgia,serif!important}.font-family-mono{font-family:sfmono-regular,menlo,monaco,consolas,Liberation Mono,Courier New,monospace!important}.font-size-base{font-size:1rem!important}.font-size-sm{font-size:.875rem!important}.font-size-lg{font-size:1.125rem!important}.font-leading-base{line-height:var(--vb-line-height)!important}.font-leading-sm{line-height:var(--vb-line-height-sm)!important}.font-leading-lg{line-height:var(--vb-line-height-lg)!important}.font-kerning-0{letter-spacing:0!important}.font-kerning-1{letter-spacing:.1em!important}.font-kerning-2{letter-spacing:.2em!important}.font-weight-thin{font-weight:100!important}.font-weight-extra-light{font-weight:200!important}.font-weight-light{font-weight:300!important}.font-weight-regular{font-weight:400!important}.font-weight-medium{font-weight:500!important}.font-weight-semi-bold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.font-weight-extra-bold{font-weight:800!important}.font-weight-black{font-weight:900!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-bolder{font-weight:bolder!important}.font-style-normal{font-style:normal!important}.font-style-italic{font-style:italic!important}.text-capitalize{text-transform:capitalize!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-align-left{text-align:left!important}.text-align-center{text-align:center!important}.text-align-right{text-align:right!important}.text-strike{text-decoration:line-through!important}.text-underline{text-decoration:underline!important}.text-underline-dotted{text-decoration:underline!important;text-decoration-style:dotted!important}.text-underline-dashed{text-decoration:underline!important;text-decoration-style:dashed!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-overflow-ellipsis{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}[tabindex="-1"],[contenteditable]{outline:none}::selection{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}.layout{--vb-layout-gap: 1em;--vb-layout-padding: 1em;display:grid;grid-template-rows:auto auto 1fr auto;min-height:100%}@media (min-width: 620px){.layout{grid-template-columns:40% 60%;grid-template-rows:auto 1fr auto;row-gap:var(--vb-layout-gap)}}@media (min-width: 760px){.layout{--vb-layout-gap: 2em;--vb-layout-padding: 2em}}@media (min-width: 990px){.layout{--vb-layout-gap: 3em;--vb-layout-padding: 4em}}.layout__aside{position:relative;z-index:3;background-color:var(--vb-background);color:var(--vb-foreground)}@media (min-width: 620px){.layout__aside{display:grid;grid-row:span 3;grid-template-rows:subgrid;justify-items:end;padding:var(--vb-layout-padding)}}.layout__header,.layout__content,.layout__footer{max-width:52rem}.layout__header{position:sticky;z-index:2;top:0;align-self:center}@media (min-width: 620px){.layout__header{padding:var(--vb-layout-padding) var(--vb-layout-padding) 0}}.layout__content{position:relative;z-index:1;padding:.5em 0}@media (min-width: 620px){.layout__content{padding:0 var(--vb-layout-padding)}}.layout__footer{position:sticky;z-index:2;bottom:0}@media (min-width: 620px){.layout__footer{padding:0 var(--vb-layout-padding) var(--vb-layout-padding) var(--vb-layout-padding)}}.header{display:flex;align-items:center;align-self:center;gap:.5em}@media (min-width: 620px){.header{width:100%;max-width:20rem}}.header__title{flex-grow:1}.aside{display:grid;grid-template-rows:subgrid;grid-row:span 2;list-style:none;width:100%;max-width:20rem}.aside__header{display:none;gap:1em;align-items:center;justify-content:space-between;padding-left:1.5em}.aside__footer{align-self:center}.aside__footer .button{--vb-button-size: 3em;border-radius:var(--vb-border-radius)}@media (min-width: 760px){.aside__content,.aside__footer{margin-left:2.5em}}.aside_modal{position:fixed;z-index:100;grid-template-rows:auto 1fr auto;visibility:hidden;width:calc(100% - 50px);overflow:hidden auto;transform:translate(-100%);transition:opacity .5s,transform .25s ease;outline:none;background-color:var(--vb-background);box-shadow:var(--vb-box-shadow-5);opacity:0;inset:0 auto 0 0;overscroll-behavior:contain;scroll-behavior:smooth}.aside_modal.is-opened,.aside_modal.is-opening{visibility:visible;transform:translate(0);transition:opacity .25s,transform .5s cubic-bezier(.19,1,.22,1);opacity:1}.aside_modal.is-closing{visibility:visible}.aside_modal.is-closed{visibility:hidden}.aside_modal .aside__header{display:flex}.aside_modal .aside__content,.aside_modal .aside__footer{padding:1em}.aside-screen{position:fixed;z-index:99;transition:background-color .25s;background-color:hsl(var(--vb-neutral-hs) 10% / 0%);inset:auto}.aside_modal.is-opened~.aside-screen,.aside_modal.is-opening~.aside-screen{background-color:hsl(var(--vb-neutral-hs) 10% / 80%)}.aside_modal.is-opened~.aside-screen,.aside_modal.is-opening~.aside-screen,.aside_modal.is-closing~.aside-screen{top:0;right:0;bottom:0;left:0}.footer{display:flex;align-items:center;gap:1em;background-color:var(--vb-background-dark)}@media (min-width: 620px){.footer{background-color:transparent}}.logo{display:block;width:20px;height:20px;border:4px solid var(--vb-accent-50);border-radius:10px}.button{--vb-button-size: 3.5em;--vb-button-padding: .5em 1em;--vb-button-border-width: 0;--vb-button-border-radius: 0;--vb-button-background-hover: var(--vb-background-hover);--vb-button-background-active: var(--vb-background-active);--vb-button-transition-duration: 0;text-decoration:underline;text-underline-offset:.25em}.button:hover,.button:focus{text-decoration:none}@media (min-width: 620px){.button{--vb-button-size: 3em;--vb-button-border-radius: var(--vb-border-radius)}}.button_icon{--vb-button-padding: .5em}.menu.event-dragging .menu__handle,.menu.event-touching .menu__handle{opacity:1}.menu__item{display:flex;gap:.5em;align-items:stretch;border-radius:var(--vb-border-radius)}.menu__item:hover .menu__handle{opacity:1}.menu__item.is-dragging,.menu__item.is-touching{z-index:2;background-color:hsl(var(--vb-accent-hs) 50% / 20%)}.menu__item.is-dragging .menu__handle,.menu__item.is-touching .menu__handle{opacity:1;background-color:var(--vb-accent-50);color:var(--vb-neutral-15)}.menu__item.is-dragging{transition:opacity 1ms linear;opacity:0}.menu__action{flex-grow:1}.menu__handle{opacity:1;border-radius:var(--vb-border-radius);transition:opacity var(--vb-transition-duration) var(--vb-transition-timing-function);cursor:grab}@media (min-width: 620px){.menu__handle{opacity:0}}.menu__handle:hover{opacity:1;background-color:var(--vb-background-hover)}.menu__handle:active{opacity:1;background-color:var(--vb-background-active);cursor:grabbing}.menu__handle:focus{outline:none;opacity:1;background-color:var(--vb-background-active)}.menu_list .menu__action{text-decoration:underline;text-underline-offset:4px}.menu_list .menu__action:hover,.menu_list .menu__action:focus{text-decoration:none}.todo-form{position:relative;display:flex;background-color:var(--vb-background)}.todo-form__input{background-color:var(--vb-background-light);width:100%;border:none;border-color:transparent;border-bottom:var(--vb-border);border-radius:0;padding:1em 4em calc(1em - var(--vb-border-width)) 4em;font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5;color:var(--vb-foreground);outline:0 solid transparent;transition:border-color,outline;transition-duration:var(--vb-transition-duration);transition-timing-function:var(--vb-transition-timing-function)}.todo-form__input:focus{outline:3px solid var(--vb-background-hover);border-color:var(--vb-background-light) var(--vb-border-color-darker) var(--vb-border-color-darker)}.todo-form__input::selection{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}@media (min-width: 620px){.todo-form__input{padding-top:calc(1em - var(--vb-border-width));border:var(--vb-border);border-radius:var(--vb-border-radius)}.todo-form__input:focus{border-color:var(--vb-border-color-darker)}}.todo-form__icon,.todo-form__button{--vb-button-size: 3.5em}.todo-form__icon{position:absolute;inset:0 auto 0 0;border-top-right-radius:0;border-bottom-right-radius:0}.todo-form__button{position:absolute;inset:0 0 0 auto;border-top-left-radius:0;border-bottom-left-radius:0}.todo-form__button:hover,.todo-form__button:focus{background-color:hsl(var(--vb-accent-hs) 50% / 50%)}.todo-form__button:active{background-color:var(--vb-accent-50)}.todo-list{display:flex;gap:.25em;flex-direction:column;list-style:none}.todo-list.event-dragging .todo *{pointer-events:none}.todo{position:relative;z-index:1;display:flex;flex-wrap:nowrap;align-items:start;background-color:var(--vb-background);transition:background-color .25s ease}.todo.is-dragging,.todo.is-touching{z-index:2;background-color:hsl(var(--vb-accent-hs) 50% / 20%)}.todo.is-dragging .todo__handle,.todo.is-touching .todo__handle{background-color:var(--vb-accent-50)}.todo.is-dragging{transition:opacity 1ms linear;opacity:0}.todo__action{padding:.25em .5em}.todo__content{flex-grow:1;padding:.75em .5em;color:var(--vb-foreground)}.is-done .todo__content{color:var(--vb-foreground-lighter)}.todo__content:focus{color:var(--vb-foreground);border-radius:var(--vb-border-radius);outline:.125em dotted var(--vb-border-color)}.todo__handle{display:flex;padding:.75em 1em;align-self:stretch;cursor:grab}.todo__handle:hover{background-color:var(--vb-background-hover)}.todo__handle:active{background-color:var(--vb-background-active)}.todo__handle:focus{outline:none;background-color:var(--vb-background-active)}.todo__handle:active{cursor:grabbing}@media (min-width: 620px){.todo__handle{padding:.75em .5em;margin:0 .5em;border-radius:var(--vb-border-radius)}}:root{--vb-primary-hs: 0deg 0%;--vb-primary: var(--vb-primary-50);--vb-primary-0: hsl(var(--vb-primary-hs) 0%);--vb-primary-5: hsl(var(--vb-primary-hs) 5%);--vb-primary-10: hsl(var(--vb-primary-hs) 10%);--vb-primary-12: hsl(var(--vb-primary-hs) 12%);--vb-primary-15: hsl(var(--vb-primary-hs) 15%);--vb-primary-20: hsl(var(--vb-primary-hs) 20%);--vb-primary-30: hsl(var(--vb-primary-hs) 30%);--vb-primary-40: hsl(var(--vb-primary-hs) 40%);--vb-primary-50: hsl(var(--vb-primary-hs) 50%);--vb-primary-60: hsl(var(--vb-primary-hs) 60%);--vb-primary-70: hsl(var(--vb-primary-hs) 70%);--vb-primary-80: hsl(var(--vb-primary-hs) 80%);--vb-primary-90: hsl(var(--vb-primary-hs) 90%);--vb-primary-95: hsl(var(--vb-primary-hs) 95%);--vb-primary-98: hsl(var(--vb-primary-hs) 98%);--vb-primary-100: hsl(var(--vb-primary-hs) 100%);--vb-secondary-hs: 214deg 50%;--vb-secondary: var(--vb-secondary-50);--vb-secondary-0: hsl(var(--vb-secondary-hs) 0%);--vb-secondary-5: hsl(var(--vb-secondary-hs) 5%);--vb-secondary-10: hsl(var(--vb-secondary-hs) 10%);--vb-secondary-12: hsl(var(--vb-secondary-hs) 12%);--vb-secondary-15: hsl(var(--vb-secondary-hs) 15%);--vb-secondary-20: hsl(var(--vb-secondary-hs) 20%);--vb-secondary-30: hsl(var(--vb-secondary-hs) 30%);--vb-secondary-40: hsl(var(--vb-secondary-hs) 40%);--vb-secondary-50: hsl(var(--vb-secondary-hs) 50%);--vb-secondary-60: hsl(var(--vb-secondary-hs) 60%);--vb-secondary-70: hsl(var(--vb-secondary-hs) 70%);--vb-secondary-80: hsl(var(--vb-secondary-hs) 80%);--vb-secondary-90: hsl(var(--vb-secondary-hs) 90%);--vb-secondary-95: hsl(var(--vb-secondary-hs) 95%);--vb-secondary-98: hsl(var(--vb-secondary-hs) 98%);--vb-secondary-100: hsl(var(--vb-secondary-hs) 100%);--vb-neutral-hs: 0deg 0%;--vb-neutral: var(--vb-neutral-50);--vb-neutral-0: hsl(var(--vb-neutral-hs) 0%);--vb-neutral-5: hsl(var(--vb-neutral-hs) 5%);--vb-neutral-10: hsl(var(--vb-neutral-hs) 10%);--vb-neutral-12: hsl(var(--vb-neutral-hs) 12%);--vb-neutral-15: hsl(var(--vb-neutral-hs) 15%);--vb-neutral-20: hsl(var(--vb-neutral-hs) 20%);--vb-neutral-30: hsl(var(--vb-neutral-hs) 30%);--vb-neutral-40: hsl(var(--vb-neutral-hs) 40%);--vb-neutral-50: hsl(var(--vb-neutral-hs) 50%);--vb-neutral-60: hsl(var(--vb-neutral-hs) 60%);--vb-neutral-70: hsl(var(--vb-neutral-hs) 70%);--vb-neutral-80: hsl(var(--vb-neutral-hs) 80%);--vb-neutral-90: hsl(var(--vb-neutral-hs) 90%);--vb-neutral-95: hsl(var(--vb-neutral-hs) 95%);--vb-neutral-98: hsl(var(--vb-neutral-hs) 98%);--vb-neutral-100: hsl(var(--vb-neutral-hs) 100%);--vb-important-hs: 0deg 80%;--vb-important: var(--vb-important-50);--vb-important-0: hsl(var(--vb-important-hs) 0%);--vb-important-5: hsl(var(--vb-important-hs) 5%);--vb-important-10: hsl(var(--vb-important-hs) 10%);--vb-important-12: hsl(var(--vb-important-hs) 12%);--vb-important-15: hsl(var(--vb-important-hs) 15%);--vb-important-20: hsl(var(--vb-important-hs) 20%);--vb-important-30: hsl(var(--vb-important-hs) 30%);--vb-important-40: hsl(var(--vb-important-hs) 40%);--vb-important-50: hsl(var(--vb-important-hs) 50%);--vb-important-60: hsl(var(--vb-important-hs) 60%);--vb-important-70: hsl(var(--vb-important-hs) 70%);--vb-important-80: hsl(var(--vb-important-hs) 80%);--vb-important-90: hsl(var(--vb-important-hs) 90%);--vb-important-95: hsl(var(--vb-important-hs) 95%);--vb-important-98: hsl(var(--vb-important-hs) 98%);--vb-important-100: hsl(var(--vb-important-hs) 100%);--vb-accent-hs: 158deg 100%;--vb-accent: var(--vb-accent-50);--vb-accent-0: hsl(var(--vb-accent-hs) 0%);--vb-accent-5: hsl(var(--vb-accent-hs) 5%);--vb-accent-10: hsl(var(--vb-accent-hs) 10%);--vb-accent-12: hsl(var(--vb-accent-hs) 12%);--vb-accent-15: hsl(var(--vb-accent-hs) 15%);--vb-accent-20: hsl(var(--vb-accent-hs) 20%);--vb-accent-30: hsl(var(--vb-accent-hs) 30%);--vb-accent-40: hsl(var(--vb-accent-hs) 40%);--vb-accent-50: hsl(var(--vb-accent-hs) 50%);--vb-accent-60: hsl(var(--vb-accent-hs) 60%);--vb-accent-70: hsl(var(--vb-accent-hs) 70%);--vb-accent-80: hsl(var(--vb-accent-hs) 80%);--vb-accent-90: hsl(var(--vb-accent-hs) 90%);--vb-accent-95: hsl(var(--vb-accent-hs) 95%);--vb-accent-98: hsl(var(--vb-accent-hs) 98%);--vb-accent-100: hsl(var(--vb-accent-hs) 100%)}:root,.vb-theme-root,.vb-theme-light{--vb-background: var(--vb-neutral-98);--vb-background-dark: var(--vb-neutral-95);--vb-background-darker: var(--vb-neutral-90);--vb-background-alt: hsl(var(--vb-secondary-hs) 60% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 0% / 5%);--vb-background-focus: rgba(0, 0, 0, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 0% / 10%);--vb-foreground: var(--vb-neutral-15);--vb-foreground-light: var(--vb-neutral-40);--vb-foreground-lighter: var(--vb-neutral-60);--vb-foreground-alt: var(--vb-secondary-50);--vb-border-color: rgba(0, 0, 0, .1);--vb-border-color-dark: rgba(0, 0, 0, .2);--vb-border-color-darker: rgba(0, 0, 0, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 20% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-100);color-scheme:light}@media (prefers-color-scheme: dark){:root,.vb-theme-root{--vb-background: var(--vb-neutral-15);--vb-background-dark: var(--vb-neutral-20);--vb-background-darker: var(--vb-neutral-30);--vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 100% / 5%);--vb-background-focus: rgba(255, 255, 255, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 100% / 10%);--vb-foreground: var(--vb-neutral-95);--vb-foreground-light: var(--vb-neutral-70);--vb-foreground-lighter: var(--vb-neutral-50);--vb-foreground-alt: var(--vb-secondary-60);--vb-border-color: rgba(255, 255, 255, .1);--vb-border-color-dark: rgba(255, 255, 255, .2);--vb-border-color-darker: rgba(255, 255, 255, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-20);color-scheme:dark}}.vb-theme-dark{--vb-background: var(--vb-neutral-15);--vb-background-dark: var(--vb-neutral-20);--vb-background-darker: var(--vb-neutral-30);--vb-background-alt: hsl(var(--vb-secondary-hs) 70% / 10%);--vb-background-hover: hsl(var(--vb-neutral-hs) 100% / 5%);--vb-background-focus: rgba(255, 255, 255, .05);--vb-background-active: hsl(var(--vb-neutral-hs) 100% / 10%);--vb-foreground: var(--vb-neutral-95);--vb-foreground-light: var(--vb-neutral-70);--vb-foreground-lighter: var(--vb-neutral-50);--vb-foreground-alt: var(--vb-secondary-60);--vb-border-color: rgba(255, 255, 255, .1);--vb-border-color-dark: rgba(255, 255, 255, .2);--vb-border-color-darker: rgba(255, 255, 255, .3);--vb-shadow-color: hsl(var(--vb-neutral-hs) 0% / 20%);--vb-focus-visible: var(--vb-primary-50);--vb-background-light: var(--vb-neutral-20);color-scheme:dark}:root{--vb-prefix: vb-;--vb-breakpoint-xs: 480px;--vb-breakpoint-sm: 620px;--vb-breakpoint-md: 760px;--vb-breakpoint-lg: 990px;--vb-breakpoint-xl: 1380px;--vb-gap: 1em;--vb-gap-none: 0;--vb-gap-xs: .25em;--vb-gap-sm: .5em;--vb-gap-md: 1em;--vb-gap-lg: 1.5em;--vb-gap-xl: 2em;--vb-border: 1px solid var(--vb-border-color);--vb-border-width: 1px;--vb-border-style: solid;--vb-border-dark: 1px solid var(--vb-border-color-dark);--vb-border-darker: 1px solid var(--vb-border-color-darker);--vb-border-radius: .25rem;--vb-border-radius-lg: .5rem;--vb-border-radius-circle: 9999px;--vb-box-shadow: 0 2px 6px var(--vb-shadow-color);--vb-box-shadow-1: 0 1px 3px var(--vb-shadow-color);--vb-box-shadow-2: 0 2px 6px var(--vb-shadow-color);--vb-box-shadow-3: 0 4px 12px var(--vb-shadow-color);--vb-box-shadow-4: 0 8px 18px var(--vb-shadow-color);--vb-box-shadow-5: 0 12px 24px var(--vb-shadow-color);--vb-font-family: "Roboto Mono", monospace;--vb-font-family-sans: blinkmacsystemfont, -apple-system, system-ui, Segoe UI, Roboto, Helvetica Neue, arial, sans-serif;--vb-font-family-serif: constantia, Lucida Bright, lucidabright, Lucida Serif, lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, georgia, serif;--vb-font-family-mono: sfmono-regular, menlo, monaco, consolas, Liberation Mono, Courier New, monospace;--vb-font-size: 14px;--vb-font-size-sm: .875rem;--vb-font-size-lg: 1.125rem;--vb-line-height: 1.5;--vb-line-height-sm: 1.5;--vb-line-height-lg: 1.875;--vb-font-weight-thin: 100;--vb-font-weight-extra-light: 200;--vb-font-weight-light: 300;--vb-font-weight-regular: 400;--vb-font-weight-medium: 500;--vb-font-weight-semi-bold: 600;--vb-font-weight-bold: 700;--vb-font-weight-extra-bold: 800;--vb-font-weight-black: 900;--vb-form-control-padding: .5em 1em;--vb-form-control-padding-sm: .25em .75em;--vb-form-control-padding-lg: .648rem 1.5rem;--vb-form-control-size: 2.5rem;--vb-form-control-size-sm: 1.875rem;--vb-form-control-size-lg: 3.125rem;--vb-transition-duration: .3s;--vb-transition-duration-short: .15s;--vb-transition-duration-long: .6s;--vb-transition-timing-function: cubic-bezier(.4, 0, .2, 1)} diff --git a/index.html b/index.html index c42aa0c..e2d6bbb 100644 --- a/index.html +++ b/index.html @@ -9,10 +9,10 @@ - - + + - +
@@ -40,12 +40,37 @@

My lists

-
@@ -75,7 +100,7 @@

My lists

-
    +
    • @@ -172,9 +197,9 @@

      My lists

      • -
    • +
    • - + @@ -204,6 +229,38 @@

      My lists

      • +
    • + + + + + + + + +
      + Theme classes should be applied to body not html to override the system preference +
      + +
      • +
    • + + + + + + + + +
      + Update layout styles to accommodate sticky header and footers in all screen sizes +
      + +