From 712478814e506318afefe80cc7331ac5322ea85e Mon Sep 17 00:00:00 2001 From: code liturgy Date: Tue, 22 Nov 2022 22:39:28 +0000 Subject: [PATCH] Change style --- CodeLiturgy.Dashboard.Frontend | 2 +- .../RazorUtils/Languages/Translations.cs | 8 - CodeLiturgy.Views/RazorUtils/LayoutCache.cs | 5 +- CodeLiturgy.Views/RazorUtils/Routes.cs | 4 - .../Views/EnvironmentsPage/Index.cshtml | 4 +- .../Views/Shared/_FooterMenu.cshtml | 37 +- .../Views/Shared/_HeaderMenu.cshtml | 86 +- CodeLiturgy.Views/Views/Shared/_Layout.cshtml | 19 +- .../wwwroot/static/envs/envs.css | 2 +- CodeLiturgy.Views/wwwroot/static/envs/envs.js | 6 +- .../wwwroot/static/envs/envs.js.map | 2 +- CodeLiturgy.Views/wwwroot/static/main.css | 4486 ++++++++++++++++- CodeLiturgy.Views/wwwroot/static/site.css | 16 - 13 files changed, 4380 insertions(+), 297 deletions(-) delete mode 100644 CodeLiturgy.Views/wwwroot/static/site.css diff --git a/CodeLiturgy.Dashboard.Frontend b/CodeLiturgy.Dashboard.Frontend index e25d0c0..98c92cb 160000 --- a/CodeLiturgy.Dashboard.Frontend +++ b/CodeLiturgy.Dashboard.Frontend @@ -1 +1 @@ -Subproject commit e25d0c0b2cd46d63670966b03de9bd03c9d91637 +Subproject commit 98c92cbbb5060835ecb43295e0ce241d88f9797a diff --git a/CodeLiturgy.Views/RazorUtils/Languages/Translations.cs b/CodeLiturgy.Views/RazorUtils/Languages/Translations.cs index fdd3d80..efade83 100644 --- a/CodeLiturgy.Views/RazorUtils/Languages/Translations.cs +++ b/CodeLiturgy.Views/RazorUtils/Languages/Translations.cs @@ -63,14 +63,6 @@ public static class Translations {"en-gb", "Account"}, } }, - { - EnvironmentsKeyName, new Dictionary() - { - {"pt", "Ambientes"}, - {"eng", "Environments"}, - {"en-gb", "Environments"}, - } - }, { ChangePasswordKeyName, new Dictionary() diff --git a/CodeLiturgy.Views/RazorUtils/LayoutCache.cs b/CodeLiturgy.Views/RazorUtils/LayoutCache.cs index a7048a8..623eb4e 100644 --- a/CodeLiturgy.Views/RazorUtils/LayoutCache.cs +++ b/CodeLiturgy.Views/RazorUtils/LayoutCache.cs @@ -22,10 +22,7 @@ internal class LayoutCache RootLocation, nameof(HomeController), new List() - { - new RouteRecord("Environments", EnvironmentsKeyName, EnvironmentsRouteLocation, nameof(EnvironmentsPageController), new List(), ViewType.Environments) - - }, ViewType.Root); + , ViewType.Root); #endregion Route Tree diff --git a/CodeLiturgy.Views/RazorUtils/Routes.cs b/CodeLiturgy.Views/RazorUtils/Routes.cs index e083c14..341918b 100644 --- a/CodeLiturgy.Views/RazorUtils/Routes.cs +++ b/CodeLiturgy.Views/RazorUtils/Routes.cs @@ -59,9 +59,5 @@ namespace CodeLiturgy.Views.Utils internal const string ChangePasswordKeyName = "changepwd"; internal const string ChangePasswordRouteLocation = $"{AuthAccountRoute}/change"; - // Environments - internal const string EnvironmentsRouteLocation = "/environments"; - internal const string EnvironmentsKeyName = "envs"; - } } \ No newline at end of file diff --git a/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml b/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml index 6612b50..83b0252 100644 --- a/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml +++ b/CodeLiturgy.Views/Views/EnvironmentsPage/Index.cshtml @@ -1,4 +1,4 @@ - - \ No newline at end of file diff --git a/CodeLiturgy.Views/Views/Shared/_Layout.cshtml b/CodeLiturgy.Views/Views/Shared/_Layout.cshtml index 8ca8ce7..0e7209f 100644 --- a/CodeLiturgy.Views/Views/Shared/_Layout.cshtml +++ b/CodeLiturgy.Views/Views/Shared/_Layout.cshtml @@ -11,7 +11,6 @@ @ViewData["Title"] - CodeLiturgy.Views - @@ -25,21 +24,11 @@ } - -
-
-
- @await Html.PartialAsync("_HeaderMenu", applicationUser) -
+ +@await Html.PartialAsync("_HeaderMenu", applicationUser) +@RenderBody() +@await Html.PartialAsync("_FooterMenu", applicationUser) -
-
- @RenderBody() -
-
-
- -
@await RenderSectionAsync("Scripts", required: false) \ No newline at end of file diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.css b/CodeLiturgy.Views/wwwroot/static/envs/envs.css index ad74cb8..77263ce 100644 --- a/CodeLiturgy.Views/wwwroot/static/envs/envs.css +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.css @@ -1 +1 @@ -:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)} +.no-environments-diplay.svelte-877bn7{text-align:center;height:100%;display:flex;width:100%;justify-content:center;align-items:center}.environment-manager-container.svelte-877bn7{width:100%;height:100%;display:flex;align-items:center;margin-left:25rem}.dropdown.svelte-1c41377.svelte-1c41377{position:relative;width:200px}.dropdown.svelte-1c41377 select.svelte-1c41377{width:100%}.dropdown.svelte-1c41377>.svelte-1c41377{box-sizing:border-box;height:1.5em}.dropdown.svelte-1c41377 input.svelte-1c41377{position:absolute;width:calc(100% - 20px)}.page-container.svelte-1pmz6nl{display:flex;min-width:100%;min-height:87vh}button.env-button.svelte-1pmz6nl{width:100%;background-color:#3a3a3a;border-radius:0;color:#fbfbfb;margin-bottom:15px!important}button.env-button.svelte-1pmz6nl:not(:last-child){margin-bottom:15px!important}.actions-menu.svelte-1pmz6nl{background:#152842;height:100%;padding:50rem 30rem 30rem;display:flex;flex-direction:column;align-items:center} diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.js b/CodeLiturgy.Views/wwwroot/static/envs/envs.js index d030a34..1975806 100644 --- a/CodeLiturgy.Views/wwwroot/static/envs/envs.js +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.js @@ -1,6 +1,2 @@ -(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))i(r);new MutationObserver(r=>{for(const s of r)if(s.type==="childList")for(const l of s.addedNodes)l.tagName==="LINK"&&l.rel==="modulepreload"&&i(l)}).observe(document,{childList:!0,subtree:!0});function n(r){const s={};return r.integrity&&(s.integrity=r.integrity),r.referrerpolicy&&(s.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?s.credentials="include":r.crossorigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function i(r){if(r.ep)return;r.ep=!0;const s=n(r);fetch(r.href,s)}})();function C(){}function $e(t){return t()}function de(){return Object.create(null)}function I(t){t.forEach($e)}function ye(t){return typeof t=="function"}function F(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function Ce(t){return Object.keys(t).length===0}function u(t,e){t.appendChild(e)}function E(t,e,n){t.insertBefore(e,n||null)}function k(t){t.parentNode&&t.parentNode.removeChild(t)}function be(t,e){for(let n=0;nt.removeEventListener(e,n,i)}function m(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function Ee(t){return Array.from(t.childNodes)}function T(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}let B;function j(t){B=t}function Le(){if(!B)throw new Error("Function called outside component initialization");return B}function Se(t){Le().$$.on_mount.push(t)}const H=[],me=[],W=[],ve=[],Ne=Promise.resolve();let oe=!1;function xe(){oe||(oe=!0,Ne.then(we))}function se(t){W.push(t)}const re=new Set;let V=0;function we(){const t=B;do{for(;V{X.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}function ee(t){t&&t.c()}function P(t,e,n,i){const{fragment:r,after_update:s}=t.$$;r&&r.m(e,n),i||se(()=>{const l=t.$$.on_mount.map($e).filter(ye);t.$$.on_destroy?t.$$.on_destroy.push(...l):I(l),t.$$.on_mount=[]}),s.forEach(se)}function U(t,e){const n=t.$$;n.fragment!==null&&(I(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Me(t,e){t.$$.dirty[0]===-1&&(H.push(t),xe(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<{const p=h.length?h[0]:$;return c.ctx&&r(c.ctx[d],c.ctx[d]=p)&&(!c.skip_bound&&c.bound[d]&&c.bound[d](p),v&&Me(t,d)),$}):[],c.update(),v=!0,I(c.before_update),c.fragment=i?i(c.ctx):!1,e.target){if(e.hydrate){const d=Ee(e.target);c.fragment&&c.fragment.l(d),d.forEach(k)}else c.fragment&&c.fragment.c();e.intro&&y(t.$$.fragment),P(t,e.target,e.anchor,e.customElement),we()}j(o)}class z{$destroy(){U(this,1),this.$destroy=C}$on(e,n){if(!ye(n))return C;const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(n),()=>{const r=i.indexOf(n);r!==-1&&i.splice(r,1)}}$set(e){this.$$set&&!Ce(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function Te(t){let e,n,i,r,s=t[0].environmentId+"",l,a,o,c,v,d=t[0].environment.name+"",$,h,p,g,L,_=t[0].domain+"",N,O,D,G,ce,K=t[0].urlAddress+"",te,ae,J,Q,ue,R=t[0].createdDate+"",ne,ie,fe;return{c(){e=f("div"),n=f("div"),i=f("p"),r=b("Environment Id: "),l=b(s),a=S(),o=f("div"),c=f("p"),v=b("Environment: "),$=b(d),h=S(),p=f("div"),g=f("p"),L=b("Domain: "),N=b(_),O=S(),D=f("div"),G=f("p"),ce=b("UrlAddress: "),te=b(K),ae=S(),J=f("div"),Q=f("p"),ue=b("Created date: "),ne=b(R),m(n,"class","site-data"),m(o,"class","site-data"),m(p,"class","site-data"),m(D,"class","site-data"),m(J,"class","site-data"),m(e,"class","site-item")},m(x,A){E(x,e,A),u(e,n),u(n,i),u(i,r),u(i,l),u(e,a),u(e,o),u(o,c),u(c,v),u(c,$),u(e,h),u(e,p),u(p,g),u(g,L),u(g,N),u(e,O),u(e,D),u(D,G),u(G,ce),u(G,te),u(e,ae),u(e,J),u(J,Q),u(Q,ue),u(Q,ne),ie||(fe=[le(p,"click",t[1]("domain")),le(D,"click",t[1]("urlAddress"))],ie=!0)},p(x,[A]){A&1&&s!==(s=x[0].environmentId+"")&&T(l,s),A&1&&d!==(d=x[0].environment.name+"")&&T($,d),A&1&&_!==(_=x[0].domain+"")&&T(N,_),A&1&&K!==(K=x[0].urlAddress+"")&&T(te,K),A&1&&R!==(R=x[0].createdDate+"")&&T(ne,R)},i:C,o:C,d(x){x&&k(e),ie=!1,I(fe)}}}function Ie(t,e,n){let{site:i}=e;const r=()=>{};return t.$$set=s=>{"site"in s&&n(0,i=s.site)},[i,r]}class Oe extends z{constructor(e){super(),q(this,e,Ie,Te,F,{site:0})}}function _e(t,e,n){const i=t.slice();return i[1]=e[n],i}function De(t){let e;return{c(){e=f("div"),e.innerHTML="

The site list is empty.

",m(e,"class","no-sites-diplay")},m(n,i){E(n,e,i)},p:C,i:C,o:C,d(n){n&&k(e)}}}function He(t){let e,n,i=t[0],r=[];for(let l=0;lw(r[l],1,1,()=>{r[l]=null});return{c(){for(let l=0;l0?0:1}return n=a(t),i=l[n]=s[n](t),{c(){e=f("div"),i.c(),m(e,"class","site-manager-container")},m(o,c){E(o,e,c),l[n].m(e,null),r=!0},p(o,[c]){let v=n;n=a(o),n===v?l[n].p(o,c):(Y(),w(l[v],1,1,()=>{l[v]=null}),Z(),i=l[n],i?i.p(o,c):(i=l[n]=s[n](o),i.c()),y(i,1),i.m(e,null))},i(o){r||(y(i),r=!0)},o(o){w(i),r=!1},d(o){o&&k(e),l[n].d()}}}function Be(t,e,n){let{sites:i}=e;return t.$$set=r=>{"sites"in r&&n(0,i=r.sites)},[i]}class Fe extends z{constructor(e){super(),q(this,e,Be,je,F,{sites:0})}}function Pe(t){let e,n,i,r,s,l=t[0].name+"",a,o,c,v,d,$,h,p;return h=new Fe({props:{sites:t[0].sites}}),{c(){e=f("div"),n=f("div"),i=f("div"),i.textContent="Name",r=S(),s=f("div"),a=b(l),o=S(),c=f("div"),v=f("div"),v.textContent="Sites",d=S(),$=f("div"),ee(h.$$.fragment),m(i,"class","data-title"),m(s,"class","actual-data"),m(n,"class","environment-data"),m(v,"class","data-title"),m($,"class","actual-data"),m(c,"class","environment-data"),m(e,"class","environment-item")},m(g,L){E(g,e,L),u(e,n),u(n,i),u(n,r),u(n,s),u(s,a),u(e,o),u(e,c),u(c,v),u(c,d),u(c,$),P(h,$,null),p=!0},p(g,[L]){(!p||L&1)&&l!==(l=g[0].name+"")&&T(a,l);const _={};L&1&&(_.sites=g[0].sites),h.$set(_)},i(g){p||(y(h.$$.fragment,g),p=!0)},o(g){w(h.$$.fragment,g),p=!1},d(g){g&&k(e),U(h)}}}function Ue(t,e,n){let{environment:i}=e;return t.$$set=r=>{"environment"in r&&n(0,i=r.environment)},[i]}class qe extends z{constructor(e){super(),q(this,e,Ue,Pe,F,{environment:0})}}function pe(t,e,n){const i=t.slice();return i[1]=e[n],i}function ze(t){let e;return{c(){e=f("div"),e.innerHTML="

The environment list is empty.

",m(e,"class","no-environments-diplay")},m(n,i){E(n,e,i)},p:C,i:C,o:C,d(n){n&&k(e)}}}function Ge(t){let e,n,i=t[0],r=[];for(let l=0;lw(r[l],1,1,()=>{r[l]=null});return{c(){for(let l=0;l0?0:1}return n=a(t),i=l[n]=s[n](t),{c(){e=f("div"),i.c(),m(e,"class","environment-manager-container")},m(o,c){E(o,e,c),l[n].m(e,null),r=!0},p(o,[c]){let v=n;n=a(o),n===v?l[n].p(o,c):(Y(),w(l[v],1,1,()=>{l[v]=null}),Z(),i=l[n],i?i.p(o,c):(i=l[n]=s[n](o),i.c()),y(i,1),i.m(e,null))},i(o){r||(y(i),r=!0)},o(o){w(i),r=!1},d(o){o&&k(e),l[n].d()}}}function Je(t,e,n){let{environments:i}=e;return t.$$set=r=>{"environments"in r&&n(0,i=r.environments)},[i]}class Qe extends z{constructor(e){super(),q(this,e,Je,Ke,F,{environments:0})}}function Re(t){let e,n,i,r,s,l,a,o,c,v,d,$,h,p,g,L;return d=new Qe({props:{environments:t[0]}}),{c(){e=f("main"),n=f("div"),i=f("div"),r=f("div"),s=f("div"),l=f("button"),l.textContent="Create Environment",a=S(),o=f("div"),o.innerHTML='
',c=S(),v=f("div"),ee(d.$$.fragment),$=S(),h=f("div"),h.innerHTML=` -

Holiday Gifting!

-

Contact Us To Learn More

-

Leverage CDS to promote your item and highlight what a perfect gift it could be for a loved one this holiday season! From specialty treats, to champagne, clothing, gift cards, or household items, CDS can connect your brand directly with members today!

-

Contact Us To Learn More

`,m(s,"class","row"),m(r,"class","actions-menu"),m(o,"class","actions-menu"),m(i,"class","col"),m(v,"class","col"),m(n,"class","row"),m(h,"class","modal")},m(_,N){E(_,e,N),u(e,n),u(n,i),u(i,r),u(r,s),u(s,l),u(i,a),u(i,o),u(n,c),u(n,v),P(d,v,null),E(_,$,N),E(_,h,N),p=!0,g||(L=le(l,"click",t[1]),g=!0)},p(_,[N]){const O={};N&1&&(O.environments=_[0]),d.$set(O)},i(_){p||(y(d.$$.fragment,_),p=!0)},o(_){w(d.$$.fragment,_),p=!1},d(_){_&&k(e),U(d),_&&k($),_&&k(h),g=!1,L()}}}function Ve(t,e,n){let{environments:i}=e;const r=()=>{};return Se(()=>{(!i||typeof i.length!==Number)&&n(0,i=[])}),t.$$set=s=>{"environments"in s&&n(0,i=s.environments)},[i,r]}class We extends z{constructor(e){super(),q(this,e,Ve,Re,F,{environments:0})}}new We({target:document.getElementById("app")}); +(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))i(l);new MutationObserver(l=>{for(const c of l)if(c.type==="childList")for(const r of c.addedNodes)r.tagName==="LINK"&&r.rel==="modulepreload"&&i(r)}).observe(document,{childList:!0,subtree:!0});function n(l){const c={};return l.integrity&&(c.integrity=l.integrity),l.referrerpolicy&&(c.referrerPolicy=l.referrerpolicy),l.crossorigin==="use-credentials"?c.credentials="include":l.crossorigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function i(l){if(l.ep)return;l.ep=!0;const c=n(l);fetch(l.href,c)}})();function w(){}function ye(t){return t()}function me(){return Object.create(null)}function T(t){t.forEach(ye)}function ke(t){return typeof t=="function"}function D(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function Ee(t){return Object.keys(t).length===0}function f(t,e){t.appendChild(e)}function E(t,e,n){t.insertBefore(e,n||null)}function C(t){t.parentNode&&t.parentNode.removeChild(t)}function Ce(t,e){for(let n=0;nt.removeEventListener(e,n,i)}function m(t,e,n){n==null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n)}function Ne(t){return Array.from(t.childNodes)}function O(t,e){e=""+e,t.wholeText!==e&&(t.data=e)}function Ae(t,e,n,i){n===null?t.style.removeProperty(e):t.style.setProperty(e,n,i?"important":"")}let B;function j(t){B=t}function Le(){if(!B)throw new Error("Function called outside component initialization");return B}function Se(t){Le().$$.on_mount.push(t)}const P=[],_e=[],V=[],pe=[],Me=Promise.resolve();let re=!1;function Ie(){re||(re=!0,Me.then(we))}function oe(t){V.push(t)}const le=new Set;let R=0;function we(){const t=B;do{for(;R{W.delete(t),i&&(n&&t.d(1),i())}),t.o(e)}else i&&i()}function ee(t){t&&t.c()}function x(t,e,n,i){const{fragment:l,after_update:c}=t.$$;l&&l.m(e,n),i||oe(()=>{const r=t.$$.on_mount.map(ye).filter(ke);t.$$.on_destroy?t.$$.on_destroy.push(...r):T(r),t.$$.on_mount=[]}),c.forEach(oe)}function F(t,e){const n=t.$$;n.fragment!==null&&(T(n.on_destroy),n.fragment&&n.fragment.d(e),n.on_destroy=n.fragment=null,n.ctx=[])}function Te(t,e){t.$$.dirty[0]===-1&&(P.push(t),Ie(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<{const g=h.length?h[0]:$;return s.ctx&&l(s.ctx[v],s.ctx[v]=g)&&(!s.skip_bound&&s.bound[v]&&s.bound[v](g),p&&Te(t,v)),$}):[],s.update(),p=!0,T(s.before_update),s.fragment=i?i(s.ctx):!1,e.target){if(e.hydrate){const v=Ne(e.target);s.fragment&&s.fragment.l(v),v.forEach(C)}else s.fragment&&s.fragment.c();e.intro&&y(t.$$.fragment),x(t,e.target,e.anchor,e.customElement),we()}j(o)}class q{$destroy(){F(this,1),this.$destroy=w}$on(e,n){if(!ke(n))return w;const i=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return i.push(n),()=>{const l=i.indexOf(n);l!==-1&&i.splice(l,1)}}$set(e){this.$$set&&!Ee(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}function ze(t){let e,n,i,l,c=t[0].environmentId+"",r,u,o,s,p,v=t[0].environment.name+"",$,h,g,d,_,b=t[0].domain+"",I,ce,z,K,ue,U=t[0].urlAddress+"",te,fe,G,J,ae,Q=t[0].createdDate+"",ne,ie,de;return{c(){e=a("div"),n=a("div"),i=a("p"),l=k("Environment Id: "),r=k(c),u=A(),o=a("div"),s=a("p"),p=k("Environment: "),$=k(v),h=A(),g=a("div"),d=a("p"),_=k("Domain: "),I=k(b),ce=A(),z=a("div"),K=a("p"),ue=k("UrlAddress: "),te=k(U),fe=A(),G=a("div"),J=a("p"),ae=k("Created date: "),ne=k(Q),m(n,"class","site-data"),m(o,"class","site-data"),m(g,"class","site-data"),m(z,"class","site-data"),m(G,"class","site-data"),m(e,"class","site-item")},m(L,S){E(L,e,S),f(e,n),f(n,i),f(i,l),f(i,r),f(e,u),f(e,o),f(o,s),f(s,p),f(s,$),f(e,h),f(e,g),f(g,d),f(d,_),f(d,I),f(e,ce),f(e,z),f(z,K),f(K,ue),f(K,te),f(e,fe),f(e,G),f(G,J),f(J,ae),f(J,ne),ie||(de=[X(g,"click",t[1]("domain")),X(z,"click",t[1]("urlAddress"))],ie=!0)},p(L,[S]){S&1&&c!==(c=L[0].environmentId+"")&&O(r,c),S&1&&v!==(v=L[0].environment.name+"")&&O($,v),S&1&&b!==(b=L[0].domain+"")&&O(I,b),S&1&&U!==(U=L[0].urlAddress+"")&&O(te,U),S&1&&Q!==(Q=L[0].createdDate+"")&&O(ne,Q)},i:w,o:w,d(L){L&&C(e),ie=!1,T(de)}}}function Pe(t,e,n){let{site:i}=e;const l=()=>{};return t.$$set=c=>{"site"in c&&n(0,i=c.site)},[i,l]}class je extends q{constructor(e){super(),H(this,e,Pe,ze,D,{site:0})}}function ve(t,e,n){const i=t.slice();return i[1]=e[n],i}function Be(t){let e;return{c(){e=a("div"),e.innerHTML="

The site list is empty.

",m(e,"class","no-sites-diplay")},m(n,i){E(n,e,i)},p:w,i:w,o:w,d(n){n&&C(e)}}}function De(t){let e,n,i=t[0],l=[];for(let r=0;rN(l[r],1,1,()=>{l[r]=null});return{c(){for(let r=0;r0?0:1}return n=u(t),i=r[n]=c[n](t),{c(){e=a("div"),i.c(),m(e,"class","site-manager-container")},m(o,s){E(o,e,s),r[n].m(e,null),l=!0},p(o,[s]){let p=n;n=u(o),n===p?r[n].p(o,s):(Y(),N(r[p],1,1,()=>{r[p]=null}),Z(),i=r[n],i?i.p(o,s):(i=r[n]=c[n](o),i.c()),y(i,1),i.m(e,null))},i(o){l||(y(i),l=!0)},o(o){N(i),l=!1},d(o){o&&C(e),r[n].d()}}}function Fe(t,e,n){let{sites:i}=e;return t.$$set=l=>{"sites"in l&&n(0,i=l.sites)},[i]}class He extends q{constructor(e){super(),H(this,e,Fe,xe,D,{sites:0})}}function qe(t){let e,n,i,l,c,r=t[0].name+"",u,o,s,p,v,$,h,g;return h=new He({props:{sites:t[0].sites}}),{c(){e=a("div"),n=a("div"),i=a("div"),i.textContent="Name",l=A(),c=a("div"),u=k(r),o=A(),s=a("div"),p=a("div"),p.textContent="Sites",v=A(),$=a("div"),ee(h.$$.fragment),m(i,"class","data-title"),m(c,"class","actual-data"),m(n,"class","environment-data"),m(p,"class","data-title"),m($,"class","actual-data"),m(s,"class","environment-data"),m(e,"class","environment-item")},m(d,_){E(d,e,_),f(e,n),f(n,i),f(n,l),f(n,c),f(c,u),f(e,o),f(e,s),f(s,p),f(s,v),f(s,$),x(h,$,null),g=!0},p(d,[_]){(!g||_&1)&&r!==(r=d[0].name+"")&&O(u,r);const b={};_&1&&(b.sites=d[0].sites),h.$set(b)},i(d){g||(y(h.$$.fragment,d),g=!0)},o(d){N(h.$$.fragment,d),g=!1},d(d){d&&C(e),F(h)}}}function Ke(t,e,n){let{environment:i}=e;return t.$$set=l=>{"environment"in l&&n(0,i=l.environment)},[i]}class Ue extends q{constructor(e){super(),H(this,e,Ke,qe,D,{environment:0})}}function ge(t,e,n){const i=t.slice();return i[1]=e[n],i}function Ge(t){let e;return{c(){e=a("div"),e.innerHTML="

The environment list is empty.

",m(e,"class","no-environments-diplay svelte-877bn7")},m(n,i){E(n,e,i)},p:w,i:w,o:w,d(n){n&&C(e)}}}function Je(t){let e,n,i=t[0],l=[];for(let r=0;rN(l[r],1,1,()=>{l[r]=null});return{c(){e=a("div");for(let r=0;r0?0:1}return e=u(t),n=r[e]=c[e](t),{c(){n.c(),i=se()},m(o,s){r[e].m(o,s),E(o,i,s),l=!0},p(o,[s]){let p=e;e=u(o),e===p?r[e].p(o,s):(Y(),N(r[p],1,1,()=>{r[p]=null}),Z(),n=r[e],n?n.p(o,s):(n=r[e]=c[e](o),n.c()),y(n,1),n.m(i.parentNode,i))},i(o){l||(y(n),l=!0)},o(o){N(n),l=!1},d(o){r[e].d(o),o&&C(i)}}}function Re(t,e,n){let{environments:i}=e;return t.$$set=l=>{"environments"in l&&n(0,i=l.environments)},[i]}class Ve extends q{constructor(e){super(),H(this,e,Re,Qe,D,{environments:0})}}function be(t){let e,n,i,l,c;return{c(){e=a("div"),n=a("nav"),i=a("button"),i.innerHTML="close",m(i,"data-ui","#modal"),m(i,"class","square round flat close-button"),m(n,"class","right-align"),m(e,"class","modal")},m(r,u){E(r,e,u),f(e,n),f(n,i),l||(c=X(i,"click",t[3]),l=!0)},p:w,d(r){r&&C(e),l=!1,c()}}}function We(t){let e,n,i,l,c,r,u,o,s,p,v,$,h,g;s=new Ve({props:{environments:t[0]}});let d=t[1]&&be(t);return{c(){e=a("div"),n=a("div"),i=a("div"),l=a("button"),l.textContent="Create Environment",c=A(),r=a("button"),r.textContent="Site Configuration",u=A(),o=a("div"),ee(s.$$.fragment),p=A(),d&&d.c(),v=se(),m(l,"class","env-button primary svelte-1pmz6nl"),m(r,"class","env-button primary svelte-1pmz6nl"),m(i,"class","actions-menu svelte-1pmz6nl"),m(n,"class","col"),m(o,"class","col"),Ae(o,"width","100%"),m(e,"class","page-container svelte-1pmz6nl")},m(_,b){E(_,e,b),f(e,n),f(n,i),f(i,l),f(i,c),f(i,r),f(e,u),f(e,o),x(s,o,null),E(_,p,b),d&&d.m(_,b),E(_,v,b),$=!0,h||(g=X(l,"click",t[2]),h=!0)},p(_,[b]){const I={};b&1&&(I.environments=_[0]),s.$set(I),_[1]?d?d.p(_,b):(d=be(_),d.c(),d.m(v.parentNode,v)):d&&(d.d(1),d=null)},i(_){$||(y(s.$$.fragment,_),$=!0)},o(_){N(s.$$.fragment,_),$=!1},d(_){_&&C(e),F(s),_&&C(p),d&&d.d(_),_&&C(v),h=!1,g()}}}function Xe(t,e,n){let{environments:i}=e,l=!1;const c=()=>{n(1,l=!0)},r=()=>{n(1,l=!1)};return Se(()=>{(!i||typeof i.length!==Number)&&n(0,i=[])}),t.$$set=u=>{"environments"in u&&n(0,i=u.environments)},[i,l,c,r]}class Ye extends q{constructor(e){super(),H(this,e,Xe,We,D,{environments:0})}}new Ye({target:document.getElementById("app")}); //# sourceMappingURL=envs.js.map diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map b/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map index 03f7506..18b966e 100644 --- a/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map @@ -1 +1 @@ -{"version":3,"file":"envs.js","sources":["../../vite/modulepreload-polyfill","../../node_modules/svelte/internal/index.mjs","../../src/lib/SiteItem.svelte","../../src/lib/SiteContainer.svelte","../../src/lib/EnvironmentItem.svelte","../../src/lib/EnvironmentContainer.svelte","../../src/App.svelte","../../src/main.js"],"sourcesContent":["__VITE_IS_MODERN__&&(function polyfill() {\n const relList = document.createElement('link').relList;\n if (relList && relList.supports && relList.supports('modulepreload')) {\n return;\n }\n for (const link of document.querySelectorAll('link[rel=\"modulepreload\"]')) {\n processPreload(link);\n }\n new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type !== 'childList') {\n continue;\n }\n for (const node of mutation.addedNodes) {\n if (node.tagName === 'LINK' && node.rel === 'modulepreload')\n processPreload(node);\n }\n }\n }).observe(document, { childList: true, subtree: true });\n function getFetchOpts(script) {\n const fetchOpts = {};\n if (script.integrity)\n fetchOpts.integrity = script.integrity;\n if (script.referrerpolicy)\n fetchOpts.referrerPolicy = script.referrerpolicy;\n if (script.crossorigin === 'use-credentials')\n fetchOpts.credentials = 'include';\n else if (script.crossorigin === 'anonymous')\n fetchOpts.credentials = 'omit';\n else\n fetchOpts.credentials = 'same-origin';\n return fetchOpts;\n }\n function processPreload(link) {\n if (link.ep)\n // ep marker = processed\n return;\n link.ep = true;\n // prepopulate the load record\n const fetchOpts = getFetchOpts(link);\n fetch(link.href, fetchOpts);\n }\n}());","function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n // @ts-ignore\n for (const k in src)\n tar[k] = src[k];\n return tar;\n}\nfunction is_promise(value) {\n return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n element.__svelte_meta = {\n loc: { file, line, column, char }\n };\n}\nfunction run(fn) {\n return fn();\n}\nfunction blank_object() {\n return Object.create(null);\n}\nfunction run_all(fns) {\n fns.forEach(run);\n}\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nlet src_url_equal_anchor;\nfunction src_url_equal(element_src, url) {\n if (!src_url_equal_anchor) {\n src_url_equal_anchor = document.createElement('a');\n }\n src_url_equal_anchor.href = url;\n return element_src === src_url_equal_anchor.href;\n}\nfunction not_equal(a, b) {\n return a != a ? b == b : a !== b;\n}\nfunction is_empty(obj) {\n return Object.keys(obj).length === 0;\n}\nfunction validate_store(store, name) {\n if (store != null && typeof store.subscribe !== 'function') {\n throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n }\n}\nfunction subscribe(store, ...callbacks) {\n if (store == null) {\n return noop;\n }\n const unsub = store.subscribe(...callbacks);\n return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;\n}\nfunction get_store_value(store) {\n let value;\n subscribe(store, _ => value = _)();\n return value;\n}\nfunction component_subscribe(component, store, callback) {\n component.$$.on_destroy.push(subscribe(store, callback));\n}\nfunction create_slot(definition, ctx, $$scope, fn) {\n if (definition) {\n const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);\n return definition[0](slot_ctx);\n }\n}\nfunction get_slot_context(definition, ctx, $$scope, fn) {\n return definition[1] && fn\n ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))\n : $$scope.ctx;\n}\nfunction get_slot_changes(definition, $$scope, dirty, fn) {\n if (definition[2] && fn) {\n const lets = definition[2](fn(dirty));\n if ($$scope.dirty === undefined) {\n return lets;\n }\n if (typeof lets === 'object') {\n const merged = [];\n const len = Math.max($$scope.dirty.length, lets.length);\n for (let i = 0; i < len; i += 1) {\n merged[i] = $$scope.dirty[i] | lets[i];\n }\n return merged;\n }\n return $$scope.dirty | lets;\n }\n return $$scope.dirty;\n}\nfunction update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {\n if (slot_changes) {\n const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);\n slot.p(slot_context, slot_changes);\n }\n}\nfunction update_slot(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {\n const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);\n update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn);\n}\nfunction get_all_dirty_from_scope($$scope) {\n if ($$scope.ctx.length > 32) {\n const dirty = [];\n const length = $$scope.ctx.length / 32;\n for (let i = 0; i < length; i++) {\n dirty[i] = -1;\n }\n return dirty;\n }\n return -1;\n}\nfunction exclude_internal_props(props) {\n const result = {};\n for (const k in props)\n if (k[0] !== '$')\n result[k] = props[k];\n return result;\n}\nfunction compute_rest_props(props, keys) {\n const rest = {};\n keys = new Set(keys);\n for (const k in props)\n if (!keys.has(k) && k[0] !== '$')\n rest[k] = props[k];\n return rest;\n}\nfunction compute_slots(slots) {\n const result = {};\n for (const key in slots) {\n result[key] = true;\n }\n return result;\n}\nfunction once(fn) {\n let ran = false;\n return function (...args) {\n if (ran)\n return;\n ran = true;\n fn.call(this, ...args);\n };\n}\nfunction null_to_empty(value) {\n return value == null ? '' : value;\n}\nfunction set_store_value(store, ret, value) {\n store.set(value);\n return ret;\n}\nconst has_prop = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);\nfunction action_destroyer(action_result) {\n return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n ? () => window.performance.now()\n : () => Date.now();\nlet raf = is_client ? cb => requestAnimationFrame(cb) : noop;\n// used internally for testing\nfunction set_now(fn) {\n now = fn;\n}\nfunction set_raf(fn) {\n raf = fn;\n}\n\nconst tasks = new Set();\nfunction run_tasks(now) {\n tasks.forEach(task => {\n if (!task.c(now)) {\n tasks.delete(task);\n task.f();\n }\n });\n if (tasks.size !== 0)\n raf(run_tasks);\n}\n/**\n * For testing purposes only!\n */\nfunction clear_loops() {\n tasks.clear();\n}\n/**\n * Creates a new task that runs on each raf frame\n * until it returns a falsy value or is aborted\n */\nfunction loop(callback) {\n let task;\n if (tasks.size === 0)\n raf(run_tasks);\n return {\n promise: new Promise(fulfill => {\n tasks.add(task = { c: callback, f: fulfill });\n }),\n abort() {\n tasks.delete(task);\n }\n };\n}\n\n// Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM\n// at the end of hydration without touching the remaining nodes.\nlet is_hydrating = false;\nfunction start_hydrating() {\n is_hydrating = true;\n}\nfunction end_hydrating() {\n is_hydrating = false;\n}\nfunction upper_bound(low, high, key, value) {\n // Return first index of value larger than input value in the range [low, high)\n while (low < high) {\n const mid = low + ((high - low) >> 1);\n if (key(mid) <= value) {\n low = mid + 1;\n }\n else {\n high = mid;\n }\n }\n return low;\n}\nfunction init_hydrate(target) {\n if (target.hydrate_init)\n return;\n target.hydrate_init = true;\n // We know that all children have claim_order values since the unclaimed have been detached if target is not \n let children = target.childNodes;\n // If target is , there may be children without claim_order\n if (target.nodeName === 'HEAD') {\n const myChildren = [];\n for (let i = 0; i < children.length; i++) {\n const node = children[i];\n if (node.claim_order !== undefined) {\n myChildren.push(node);\n }\n }\n children = myChildren;\n }\n /*\n * Reorder claimed children optimally.\n * We can reorder claimed children optimally by finding the longest subsequence of\n * nodes that are already claimed in order and only moving the rest. The longest\n * subsequence of nodes that are claimed in order can be found by\n * computing the longest increasing subsequence of .claim_order values.\n *\n * This algorithm is optimal in generating the least amount of reorder operations\n * possible.\n *\n * Proof:\n * We know that, given a set of reordering operations, the nodes that do not move\n * always form an increasing subsequence, since they do not move among each other\n * meaning that they must be already ordered among each other. Thus, the maximal\n * set of nodes that do not move form a longest increasing subsequence.\n */\n // Compute longest increasing subsequence\n // m: subsequence length j => index k of smallest value that ends an increasing subsequence of length j\n const m = new Int32Array(children.length + 1);\n // Predecessor indices + 1\n const p = new Int32Array(children.length);\n m[0] = -1;\n let longest = 0;\n for (let i = 0; i < children.length; i++) {\n const current = children[i].claim_order;\n // Find the largest subsequence length such that it ends in a value less than our current value\n // upper_bound returns first greater value, so we subtract one\n // with fast path for when we are on the current longest subsequence\n const seqLen = ((longest > 0 && children[m[longest]].claim_order <= current) ? longest + 1 : upper_bound(1, longest, idx => children[m[idx]].claim_order, current)) - 1;\n p[i] = m[seqLen] + 1;\n const newLen = seqLen + 1;\n // We can guarantee that current is the smallest value. Otherwise, we would have generated a longer sequence.\n m[newLen] = i;\n longest = Math.max(newLen, longest);\n }\n // The longest increasing subsequence of nodes (initially reversed)\n const lis = [];\n // The rest of the nodes, nodes that will be moved\n const toMove = [];\n let last = children.length - 1;\n for (let cur = m[longest] + 1; cur != 0; cur = p[cur - 1]) {\n lis.push(children[cur - 1]);\n for (; last >= cur; last--) {\n toMove.push(children[last]);\n }\n last--;\n }\n for (; last >= 0; last--) {\n toMove.push(children[last]);\n }\n lis.reverse();\n // We sort the nodes being moved to guarantee that their insertion order matches the claim order\n toMove.sort((a, b) => a.claim_order - b.claim_order);\n // Finally, we move the nodes\n for (let i = 0, j = 0; i < toMove.length; i++) {\n while (j < lis.length && toMove[i].claim_order >= lis[j].claim_order) {\n j++;\n }\n const anchor = j < lis.length ? lis[j] : null;\n target.insertBefore(toMove[i], anchor);\n }\n}\nfunction append(target, node) {\n target.appendChild(node);\n}\nfunction append_styles(target, style_sheet_id, styles) {\n const append_styles_to = get_root_for_style(target);\n if (!append_styles_to.getElementById(style_sheet_id)) {\n const style = element('style');\n style.id = style_sheet_id;\n style.textContent = styles;\n append_stylesheet(append_styles_to, style);\n }\n}\nfunction get_root_for_style(node) {\n if (!node)\n return document;\n const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;\n if (root && root.host) {\n return root;\n }\n return node.ownerDocument;\n}\nfunction append_empty_stylesheet(node) {\n const style_element = element('style');\n append_stylesheet(get_root_for_style(node), style_element);\n return style_element.sheet;\n}\nfunction append_stylesheet(node, style) {\n append(node.head || node, style);\n return style.sheet;\n}\nfunction append_hydration(target, node) {\n if (is_hydrating) {\n init_hydrate(target);\n if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentNode !== target))) {\n target.actual_end_child = target.firstChild;\n }\n // Skip nodes of undefined ordering\n while ((target.actual_end_child !== null) && (target.actual_end_child.claim_order === undefined)) {\n target.actual_end_child = target.actual_end_child.nextSibling;\n }\n if (node !== target.actual_end_child) {\n // We only insert if the ordering of this node should be modified or the parent node is not target\n if (node.claim_order !== undefined || node.parentNode !== target) {\n target.insertBefore(node, target.actual_end_child);\n }\n }\n else {\n target.actual_end_child = node.nextSibling;\n }\n }\n else if (node.parentNode !== target || node.nextSibling !== null) {\n target.appendChild(node);\n }\n}\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\nfunction insert_hydration(target, node, anchor) {\n if (is_hydrating && !anchor) {\n append_hydration(target, node);\n }\n else if (node.parentNode !== target || node.nextSibling != anchor) {\n target.insertBefore(node, anchor || null);\n }\n}\nfunction detach(node) {\n if (node.parentNode) {\n node.parentNode.removeChild(node);\n }\n}\nfunction destroy_each(iterations, detaching) {\n for (let i = 0; i < iterations.length; i += 1) {\n if (iterations[i])\n iterations[i].d(detaching);\n }\n}\nfunction element(name) {\n return document.createElement(name);\n}\nfunction element_is(name, is) {\n return document.createElement(name, { is });\n}\nfunction object_without_properties(obj, exclude) {\n const target = {};\n for (const k in obj) {\n if (has_prop(obj, k)\n // @ts-ignore\n && exclude.indexOf(k) === -1) {\n // @ts-ignore\n target[k] = obj[k];\n }\n }\n return target;\n}\nfunction svg_element(name) {\n return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n return document.createTextNode(data);\n}\nfunction space() {\n return text(' ');\n}\nfunction empty() {\n return text('');\n}\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n return function (event) {\n event.preventDefault();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction stop_propagation(fn) {\n return function (event) {\n event.stopPropagation();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction self(fn) {\n return function (event) {\n // @ts-ignore\n if (event.target === this)\n fn.call(this, event);\n };\n}\nfunction trusted(fn) {\n return function (event) {\n // @ts-ignore\n if (event.isTrusted)\n fn.call(this, event);\n };\n}\nfunction attr(node, attribute, value) {\n if (value == null)\n node.removeAttribute(attribute);\n else if (node.getAttribute(attribute) !== value)\n node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n // @ts-ignore\n const descriptors = Object.getOwnPropertyDescriptors(node.__proto__);\n for (const key in attributes) {\n if (attributes[key] == null) {\n node.removeAttribute(key);\n }\n else if (key === 'style') {\n node.style.cssText = attributes[key];\n }\n else if (key === '__value') {\n node.value = node[key] = attributes[key];\n }\n else if (descriptors[key] && descriptors[key].set) {\n node[key] = attributes[key];\n }\n else {\n attr(node, key, attributes[key]);\n }\n }\n}\nfunction set_svg_attributes(node, attributes) {\n for (const key in attributes) {\n attr(node, key, attributes[key]);\n }\n}\nfunction set_custom_element_data_map(node, data_map) {\n Object.keys(data_map).forEach((key) => {\n set_custom_element_data(node, key, data_map[key]);\n });\n}\nfunction set_custom_element_data(node, prop, value) {\n if (prop in node) {\n node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;\n }\n else {\n attr(node, prop, value);\n }\n}\nfunction xlink_attr(node, attribute, value) {\n node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group, __value, checked) {\n const value = new Set();\n for (let i = 0; i < group.length; i += 1) {\n if (group[i].checked)\n value.add(group[i].__value);\n }\n if (!checked) {\n value.delete(__value);\n }\n return Array.from(value);\n}\nfunction to_number(value) {\n return value === '' ? null : +value;\n}\nfunction time_ranges_to_array(ranges) {\n const array = [];\n for (let i = 0; i < ranges.length; i += 1) {\n array.push({ start: ranges.start(i), end: ranges.end(i) });\n }\n return array;\n}\nfunction children(element) {\n return Array.from(element.childNodes);\n}\nfunction init_claim_info(nodes) {\n if (nodes.claim_info === undefined) {\n nodes.claim_info = { last_index: 0, total_claimed: 0 };\n }\n}\nfunction claim_node(nodes, predicate, processNode, createNode, dontUpdateLastIndex = false) {\n // Try to find nodes in an order such that we lengthen the longest increasing subsequence\n init_claim_info(nodes);\n const resultNode = (() => {\n // We first try to find an element after the previous one\n for (let i = nodes.claim_info.last_index; i < nodes.length; i++) {\n const node = nodes[i];\n if (predicate(node)) {\n const replacement = processNode(node);\n if (replacement === undefined) {\n nodes.splice(i, 1);\n }\n else {\n nodes[i] = replacement;\n }\n if (!dontUpdateLastIndex) {\n nodes.claim_info.last_index = i;\n }\n return node;\n }\n }\n // Otherwise, we try to find one before\n // We iterate in reverse so that we don't go too far back\n for (let i = nodes.claim_info.last_index - 1; i >= 0; i--) {\n const node = nodes[i];\n if (predicate(node)) {\n const replacement = processNode(node);\n if (replacement === undefined) {\n nodes.splice(i, 1);\n }\n else {\n nodes[i] = replacement;\n }\n if (!dontUpdateLastIndex) {\n nodes.claim_info.last_index = i;\n }\n else if (replacement === undefined) {\n // Since we spliced before the last_index, we decrease it\n nodes.claim_info.last_index--;\n }\n return node;\n }\n }\n // If we can't find any matching node, we create a new one\n return createNode();\n })();\n resultNode.claim_order = nodes.claim_info.total_claimed;\n nodes.claim_info.total_claimed += 1;\n return resultNode;\n}\nfunction claim_element_base(nodes, name, attributes, create_element) {\n return claim_node(nodes, (node) => node.nodeName === name, (node) => {\n const remove = [];\n for (let j = 0; j < node.attributes.length; j++) {\n const attribute = node.attributes[j];\n if (!attributes[attribute.name]) {\n remove.push(attribute.name);\n }\n }\n remove.forEach(v => node.removeAttribute(v));\n return undefined;\n }, () => create_element(name));\n}\nfunction claim_element(nodes, name, attributes) {\n return claim_element_base(nodes, name, attributes, element);\n}\nfunction claim_svg_element(nodes, name, attributes) {\n return claim_element_base(nodes, name, attributes, svg_element);\n}\nfunction claim_text(nodes, data) {\n return claim_node(nodes, (node) => node.nodeType === 3, (node) => {\n const dataStr = '' + data;\n if (node.data.startsWith(dataStr)) {\n if (node.data.length !== dataStr.length) {\n return node.splitText(dataStr.length);\n }\n }\n else {\n node.data = dataStr;\n }\n }, () => text(data), true // Text nodes should not update last index since it is likely not worth it to eliminate an increasing subsequence of actual elements\n );\n}\nfunction claim_space(nodes) {\n return claim_text(nodes, ' ');\n}\nfunction find_comment(nodes, text, start) {\n for (let i = start; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeType === 8 /* comment node */ && node.textContent.trim() === text) {\n return i;\n }\n }\n return nodes.length;\n}\nfunction claim_html_tag(nodes, is_svg) {\n // find html opening tag\n const start_index = find_comment(nodes, 'HTML_TAG_START', 0);\n const end_index = find_comment(nodes, 'HTML_TAG_END', start_index);\n if (start_index === end_index) {\n return new HtmlTagHydration(undefined, is_svg);\n }\n init_claim_info(nodes);\n const html_tag_nodes = nodes.splice(start_index, end_index - start_index + 1);\n detach(html_tag_nodes[0]);\n detach(html_tag_nodes[html_tag_nodes.length - 1]);\n const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);\n for (const n of claimed_nodes) {\n n.claim_order = nodes.claim_info.total_claimed;\n nodes.claim_info.total_claimed += 1;\n }\n return new HtmlTagHydration(claimed_nodes, is_svg);\n}\nfunction set_data(text, data) {\n data = '' + data;\n if (text.wholeText !== data)\n text.data = data;\n}\nfunction set_input_value(input, value) {\n input.value = value == null ? '' : value;\n}\nfunction set_input_type(input, type) {\n try {\n input.type = type;\n }\n catch (e) {\n // do nothing\n }\n}\nfunction set_style(node, key, value, important) {\n if (value === null) {\n node.style.removeProperty(key);\n }\n else {\n node.style.setProperty(key, value, important ? 'important' : '');\n }\n}\nfunction select_option(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n if (option.__value === value) {\n option.selected = true;\n return;\n }\n }\n select.selectedIndex = -1; // no option should be selected\n}\nfunction select_options(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n option.selected = ~value.indexOf(option.__value);\n }\n}\nfunction select_value(select) {\n const selected_option = select.querySelector(':checked') || select.options[0];\n return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\n// unfortunately this can't be a constant as that wouldn't be tree-shakeable\n// so we cache the result instead\nlet crossorigin;\nfunction is_crossorigin() {\n if (crossorigin === undefined) {\n crossorigin = false;\n try {\n if (typeof window !== 'undefined' && window.parent) {\n void window.parent.document;\n }\n }\n catch (error) {\n crossorigin = true;\n }\n }\n return crossorigin;\n}\nfunction add_resize_listener(node, fn) {\n const computed_style = getComputedStyle(node);\n if (computed_style.position === 'static') {\n node.style.position = 'relative';\n }\n const iframe = element('iframe');\n iframe.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ' +\n 'overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;');\n iframe.setAttribute('aria-hidden', 'true');\n iframe.tabIndex = -1;\n const crossorigin = is_crossorigin();\n let unsubscribe;\n if (crossorigin) {\n iframe.src = \"data:text/html,\";\n unsubscribe = listen(window, 'message', (event) => {\n if (event.source === iframe.contentWindow)\n fn();\n });\n }\n else {\n iframe.src = 'about:blank';\n iframe.onload = () => {\n unsubscribe = listen(iframe.contentWindow, 'resize', fn);\n };\n }\n append(node, iframe);\n return () => {\n if (crossorigin) {\n unsubscribe();\n }\n else if (unsubscribe && iframe.contentWindow) {\n unsubscribe();\n }\n detach(iframe);\n };\n}\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, bubbles, cancelable, detail);\n return e;\n}\nfunction query_selector_all(selector, parent = document.body) {\n return Array.from(parent.querySelectorAll(selector));\n}\nfunction head_selector(nodeId, head) {\n const result = [];\n let started = 0;\n for (const node of head.childNodes) {\n if (node.nodeType === 8 /* comment node */) {\n const comment = node.textContent.trim();\n if (comment === `HEAD_${nodeId}_END`) {\n started -= 1;\n result.push(node);\n }\n else if (comment === `HEAD_${nodeId}_START`) {\n started += 1;\n result.push(node);\n }\n }\n else if (started > 0) {\n result.push(node);\n }\n }\n return result;\n}\nclass HtmlTag {\n constructor(is_svg = false) {\n this.is_svg = false;\n this.is_svg = is_svg;\n this.e = this.n = null;\n }\n c(html) {\n this.h(html);\n }\n m(html, target, anchor = null) {\n if (!this.e) {\n if (this.is_svg)\n this.e = svg_element(target.nodeName);\n else\n this.e = element(target.nodeName);\n this.t = target;\n this.c(html);\n }\n this.i(anchor);\n }\n h(html) {\n this.e.innerHTML = html;\n this.n = Array.from(this.e.childNodes);\n }\n i(anchor) {\n for (let i = 0; i < this.n.length; i += 1) {\n insert(this.t, this.n[i], anchor);\n }\n }\n p(html) {\n this.d();\n this.h(html);\n this.i(this.a);\n }\n d() {\n this.n.forEach(detach);\n }\n}\nclass HtmlTagHydration extends HtmlTag {\n constructor(claimed_nodes, is_svg = false) {\n super(is_svg);\n this.e = this.n = null;\n this.l = claimed_nodes;\n }\n c(html) {\n if (this.l) {\n this.n = this.l;\n }\n else {\n super.c(html);\n }\n }\n i(anchor) {\n for (let i = 0; i < this.n.length; i += 1) {\n insert_hydration(this.t, this.n[i], anchor);\n }\n }\n}\nfunction attribute_to_object(attributes) {\n const result = {};\n for (const attribute of attributes) {\n result[attribute.name] = attribute.value;\n }\n return result;\n}\nfunction get_custom_elements_slots(element) {\n const result = {};\n element.childNodes.forEach((node) => {\n result[node.slot || 'default'] = true;\n });\n return result;\n}\nfunction construct_svelte_component(component, props) {\n return new component(props);\n}\n\n// we need to store the information for multiple documents because a Svelte application could also contain iframes\n// https://github.com/sveltejs/svelte/issues/3624\nconst managed_styles = new Map();\nlet active = 0;\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n while (i--)\n hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n return hash >>> 0;\n}\nfunction create_style_information(doc, node) {\n const info = { stylesheet: append_empty_stylesheet(node), rules: {} };\n managed_styles.set(doc, info);\n return info;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n const step = 16.666 / duration;\n let keyframes = '{\\n';\n for (let p = 0; p <= 1; p += step) {\n const t = a + (b - a) * ease(p);\n keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n }\n const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n const name = `__svelte_${hash(rule)}_${uid}`;\n const doc = get_root_for_style(node);\n const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);\n if (!rules[name]) {\n rules[name] = true;\n stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n }\n const animation = node.style.animation || '';\n node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;\n active += 1;\n return name;\n}\nfunction delete_rule(node, name) {\n const previous = (node.style.animation || '').split(', ');\n const next = previous.filter(name\n ? anim => anim.indexOf(name) < 0 // remove specific animation\n : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n );\n const deleted = previous.length - next.length;\n if (deleted) {\n node.style.animation = next.join(', ');\n active -= deleted;\n if (!active)\n clear_rules();\n }\n}\nfunction clear_rules() {\n raf(() => {\n if (active)\n return;\n managed_styles.forEach(info => {\n const { ownerNode } = info.stylesheet;\n // there is no ownerNode if it runs on jsdom.\n if (ownerNode)\n detach(ownerNode);\n });\n managed_styles.clear();\n });\n}\n\nfunction create_animation(node, from, fn, params) {\n if (!from)\n return noop;\n const to = node.getBoundingClientRect();\n if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n return noop;\n const { delay = 0, duration = 300, easing = identity, \n // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n start: start_time = now() + delay, \n // @ts-ignore todo:\n end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n let running = true;\n let started = false;\n let name;\n function start() {\n if (css) {\n name = create_rule(node, 0, 1, duration, delay, easing, css);\n }\n if (!delay) {\n started = true;\n }\n }\n function stop() {\n if (css)\n delete_rule(node, name);\n running = false;\n }\n loop(now => {\n if (!started && now >= start_time) {\n started = true;\n }\n if (started && now >= end) {\n tick(1, 0);\n stop();\n }\n if (!running) {\n return false;\n }\n if (started) {\n const p = now - start_time;\n const t = 0 + 1 * easing(p / duration);\n tick(t, 1 - t);\n }\n return true;\n });\n start();\n tick(0, 1);\n return stop;\n}\nfunction fix_position(node) {\n const style = getComputedStyle(node);\n if (style.position !== 'absolute' && style.position !== 'fixed') {\n const { width, height } = style;\n const a = node.getBoundingClientRect();\n node.style.position = 'absolute';\n node.style.width = width;\n node.style.height = height;\n add_transform(node, a);\n }\n}\nfunction add_transform(node, a) {\n const b = node.getBoundingClientRect();\n if (a.left !== b.left || a.top !== b.top) {\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n current_component = component;\n}\nfunction get_current_component() {\n if (!current_component)\n throw new Error('Function called outside component initialization');\n return current_component;\n}\n/**\n * Schedules a callback to run immediately before the component is updated after any state change.\n *\n * The first time the callback runs will be before the initial `onMount`\n *\n * https://svelte.dev/docs#run-time-svelte-beforeupdate\n */\nfunction beforeUpdate(fn) {\n get_current_component().$$.before_update.push(fn);\n}\n/**\n * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.\n * It must be called during the component's initialisation (but doesn't need to live *inside* the component;\n * it can be called from an external module).\n *\n * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).\n *\n * https://svelte.dev/docs#run-time-svelte-onmount\n */\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\n/**\n * Schedules a callback to run immediately after the component has been updated.\n *\n * The first time the callback runs will be after the initial `onMount`\n */\nfunction afterUpdate(fn) {\n get_current_component().$$.after_update.push(fn);\n}\n/**\n * Schedules a callback to run immediately before the component is unmounted.\n *\n * Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the\n * only one that runs inside a server-side component.\n *\n * https://svelte.dev/docs#run-time-svelte-ondestroy\n */\nfunction onDestroy(fn) {\n get_current_component().$$.on_destroy.push(fn);\n}\n/**\n * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).\n * Event dispatchers are functions that can take two arguments: `name` and `detail`.\n *\n * Component events created with `createEventDispatcher` create a\n * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).\n * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).\n * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)\n * property and can contain any type of data.\n *\n * https://svelte.dev/docs#run-time-svelte-createeventdispatcher\n */\nfunction createEventDispatcher() {\n const component = get_current_component();\n return (type, detail, { cancelable = false } = {}) => {\n const callbacks = component.$$.callbacks[type];\n if (callbacks) {\n // TODO are there situations where events could be dispatched\n // in a server (non-DOM) environment?\n const event = custom_event(type, detail, { cancelable });\n callbacks.slice().forEach(fn => {\n fn.call(component, event);\n });\n return !event.defaultPrevented;\n }\n return true;\n };\n}\n/**\n * Associates an arbitrary `context` object with the current component and the specified `key`\n * and returns that object. The context is then available to children of the component\n * (including slotted content) with `getContext`.\n *\n * Like lifecycle functions, this must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-setcontext\n */\nfunction setContext(key, context) {\n get_current_component().$$.context.set(key, context);\n return context;\n}\n/**\n * Retrieves the context that belongs to the closest parent component with the specified `key`.\n * Must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-getcontext\n */\nfunction getContext(key) {\n return get_current_component().$$.context.get(key);\n}\n/**\n * Retrieves the whole context map that belongs to the closest parent component.\n * Must be called during component initialisation. Useful, for example, if you\n * programmatically create a component and want to pass the existing context to it.\n *\n * https://svelte.dev/docs#run-time-svelte-getallcontexts\n */\nfunction getAllContexts() {\n return get_current_component().$$.context;\n}\n/**\n * Checks whether a given `key` has been set in the context of a parent component.\n * Must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-hascontext\n */\nfunction hasContext(key) {\n return get_current_component().$$.context.has(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n const callbacks = component.$$.callbacks[event.type];\n if (callbacks) {\n // @ts-ignore\n callbacks.slice().forEach(fn => fn.call(this, event));\n }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n flush_callbacks.push(fn);\n}\n// flush() calls callbacks in this order:\n// 1. All beforeUpdate callbacks, in order: parents before children\n// 2. All bind:this callbacks, in reverse order: children before parents.\n// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT\n// for afterUpdates called during the initial onMount, which are called in\n// reverse order: children before parents.\n// Since callbacks might update component values, which could trigger another\n// call to flush(), the following steps guard against this:\n// 1. During beforeUpdate, any updated components will be added to the\n// dirty_components array and will cause a reentrant call to flush(). Because\n// the flush index is kept outside the function, the reentrant call will pick\n// up where the earlier call left off and go through all dirty components. The\n// current_component value is saved and restored so that the reentrant call will\n// not interfere with the \"parent\" flush() call.\n// 2. bind:this callbacks cannot trigger new flush() calls.\n// 3. During afterUpdate, any updated components will NOT have their afterUpdate\n// callback called a second time; the seen_callbacks set, outside the flush()\n// function, guarantees this behavior.\nconst seen_callbacks = new Set();\nlet flushidx = 0; // Do *not* move this inside the flush() function\nfunction flush() {\n const saved_component = current_component;\n do {\n // first, call beforeUpdate functions\n // and update components\n while (flushidx < dirty_components.length) {\n const component = dirty_components[flushidx];\n flushidx++;\n set_current_component(component);\n update(component.$$);\n }\n set_current_component(null);\n dirty_components.length = 0;\n flushidx = 0;\n while (binding_callbacks.length)\n binding_callbacks.pop()();\n // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n for (let i = 0; i < render_callbacks.length; i += 1) {\n const callback = render_callbacks[i];\n if (!seen_callbacks.has(callback)) {\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n callback();\n }\n }\n render_callbacks.length = 0;\n } while (dirty_components.length);\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n update_scheduled = false;\n seen_callbacks.clear();\n set_current_component(saved_component);\n}\nfunction update($$) {\n if ($$.fragment !== null) {\n $$.update();\n run_all($$.before_update);\n const dirty = $$.dirty;\n $$.dirty = [-1];\n $$.fragment && $$.fragment.p($$.ctx, dirty);\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nlet promise;\nfunction wait() {\n if (!promise) {\n promise = Promise.resolve();\n promise.then(() => {\n promise = null;\n });\n }\n return promise;\n}\nfunction dispatch(node, direction, kind) {\n node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n outros = {\n r: 0,\n c: [],\n p: outros // parent group\n };\n}\nfunction check_outros() {\n if (!outros.r) {\n run_all(outros.c);\n }\n outros = outros.p;\n}\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\nfunction transition_out(block, local, detach, callback) {\n if (block && block.o) {\n if (outroing.has(block))\n return;\n outroing.add(block);\n outros.c.push(() => {\n outroing.delete(block);\n if (callback) {\n if (detach)\n block.d(1);\n callback();\n }\n });\n block.o(local);\n }\n else if (callback) {\n callback();\n }\n}\nconst null_transition = { duration: 0 };\nfunction create_in_transition(node, fn, params) {\n let config = fn(node, params);\n let running = false;\n let animation_name;\n let task;\n let uid = 0;\n function cleanup() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n tick(0, 1);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n if (task)\n task.abort();\n running = true;\n add_render_callback(() => dispatch(node, true, 'start'));\n task = loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(1, 0);\n dispatch(node, true, 'end');\n cleanup();\n return running = false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(t, 1 - t);\n }\n }\n return running;\n });\n }\n let started = false;\n return {\n start() {\n if (started)\n return;\n started = true;\n delete_rule(node);\n if (is_function(config)) {\n config = config();\n wait().then(go);\n }\n else {\n go();\n }\n },\n invalidate() {\n started = false;\n },\n end() {\n if (running) {\n cleanup();\n running = false;\n }\n }\n };\n}\nfunction create_out_transition(node, fn, params) {\n let config = fn(node, params);\n let running = true;\n let animation_name;\n const group = outros;\n group.r += 1;\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n add_render_callback(() => dispatch(node, false, 'start'));\n loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(0, 1);\n dispatch(node, false, 'end');\n if (!--group.r) {\n // this will result in `end()` being called,\n // so we don't need to clean up here\n run_all(group.c);\n }\n return false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(1 - t, t);\n }\n }\n return running;\n });\n }\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go();\n });\n }\n else {\n go();\n }\n return {\n end(reset) {\n if (reset && config.tick) {\n config.tick(1, 0);\n }\n if (running) {\n if (animation_name)\n delete_rule(node, animation_name);\n running = false;\n }\n }\n };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n let config = fn(node, params);\n let t = intro ? 0 : 1;\n let running_program = null;\n let pending_program = null;\n let animation_name = null;\n function clear_animation() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function init(program, duration) {\n const d = (program.b - t);\n duration *= Math.abs(d);\n return {\n a: t,\n b: program.b,\n d,\n duration,\n start: program.start,\n end: program.start + duration,\n group: program.group\n };\n }\n function go(b) {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n const program = {\n start: now() + delay,\n b\n };\n if (!b) {\n // @ts-ignore todo: improve typings\n program.group = outros;\n outros.r += 1;\n }\n if (running_program || pending_program) {\n pending_program = program;\n }\n else {\n // if this is an intro, and there's a delay, we need to do\n // an initial tick and/or apply CSS animation immediately\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, b, duration, delay, easing, css);\n }\n if (b)\n tick(0, 1);\n running_program = init(program, duration);\n add_render_callback(() => dispatch(node, b, 'start'));\n loop(now => {\n if (pending_program && now > pending_program.start) {\n running_program = init(pending_program, duration);\n pending_program = null;\n dispatch(node, running_program.b, 'start');\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n }\n }\n if (running_program) {\n if (now >= running_program.end) {\n tick(t = running_program.b, 1 - t);\n dispatch(node, running_program.b, 'end');\n if (!pending_program) {\n // we're done\n if (running_program.b) {\n // intro — we can tidy up immediately\n clear_animation();\n }\n else {\n // outro — needs to be coordinated\n if (!--running_program.group.r)\n run_all(running_program.group.c);\n }\n }\n running_program = null;\n }\n else if (now >= running_program.start) {\n const p = now - running_program.start;\n t = running_program.a + running_program.d * easing(p / running_program.duration);\n tick(t, 1 - t);\n }\n }\n return !!(running_program || pending_program);\n });\n }\n }\n return {\n run(b) {\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go(b);\n });\n }\n else {\n go(b);\n }\n },\n end() {\n clear_animation();\n running_program = pending_program = null;\n }\n };\n}\n\nfunction handle_promise(promise, info) {\n const token = info.token = {};\n function update(type, index, key, value) {\n if (info.token !== token)\n return;\n info.resolved = value;\n let child_ctx = info.ctx;\n if (key !== undefined) {\n child_ctx = child_ctx.slice();\n child_ctx[key] = value;\n }\n const block = type && (info.current = type)(child_ctx);\n let needs_flush = false;\n if (info.block) {\n if (info.blocks) {\n info.blocks.forEach((block, i) => {\n if (i !== index && block) {\n group_outros();\n transition_out(block, 1, 1, () => {\n if (info.blocks[i] === block) {\n info.blocks[i] = null;\n }\n });\n check_outros();\n }\n });\n }\n else {\n info.block.d(1);\n }\n block.c();\n transition_in(block, 1);\n block.m(info.mount(), info.anchor);\n needs_flush = true;\n }\n info.block = block;\n if (info.blocks)\n info.blocks[index] = block;\n if (needs_flush) {\n flush();\n }\n }\n if (is_promise(promise)) {\n const current_component = get_current_component();\n promise.then(value => {\n set_current_component(current_component);\n update(info.then, 1, info.value, value);\n set_current_component(null);\n }, error => {\n set_current_component(current_component);\n update(info.catch, 2, info.error, error);\n set_current_component(null);\n if (!info.hasCatch) {\n throw error;\n }\n });\n // if we previously had a then/catch block, destroy it\n if (info.current !== info.pending) {\n update(info.pending, 0);\n return true;\n }\n }\n else {\n if (info.current !== info.then) {\n update(info.then, 1, info.value, promise);\n return true;\n }\n info.resolved = promise;\n }\n}\nfunction update_await_block_branch(info, ctx, dirty) {\n const child_ctx = ctx.slice();\n const { resolved } = info;\n if (info.current === info.then) {\n child_ctx[info.value] = resolved;\n }\n if (info.current === info.catch) {\n child_ctx[info.error] = resolved;\n }\n info.block.p(child_ctx, dirty);\n}\n\nconst globals = (typeof window !== 'undefined'\n ? window\n : typeof globalThis !== 'undefined'\n ? globalThis\n : global);\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n transition_out(block, 1, 1, () => {\n lookup.delete(block.key);\n });\n}\nfunction fix_and_destroy_block(block, lookup) {\n block.f();\n destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n block.f();\n outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n let o = old_blocks.length;\n let n = list.length;\n let i = o;\n const old_indexes = {};\n while (i--)\n old_indexes[old_blocks[i].key] = i;\n const new_blocks = [];\n const new_lookup = new Map();\n const deltas = new Map();\n i = n;\n while (i--) {\n const child_ctx = get_context(ctx, list, i);\n const key = get_key(child_ctx);\n let block = lookup.get(key);\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n }\n else if (dynamic) {\n block.p(child_ctx, dirty);\n }\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes)\n deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n const will_move = new Set();\n const did_move = new Set();\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n while (o && n) {\n const new_block = new_blocks[n - 1];\n const old_block = old_blocks[o - 1];\n const new_key = new_block.key;\n const old_key = old_block.key;\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n }\n else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n }\n else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n }\n else if (did_move.has(old_key)) {\n o--;\n }\n else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n }\n else {\n will_move.add(old_key);\n o--;\n }\n }\n while (o--) {\n const old_block = old_blocks[o];\n if (!new_lookup.has(old_block.key))\n destroy(old_block, lookup);\n }\n while (n)\n insert(new_blocks[n - 1]);\n return new_blocks;\n}\nfunction validate_each_keys(ctx, list, get_context, get_key) {\n const keys = new Set();\n for (let i = 0; i < list.length; i++) {\n const key = get_key(get_context(ctx, list, i));\n if (keys.has(key)) {\n throw new Error('Cannot have duplicate keys in a keyed each');\n }\n keys.add(key);\n }\n}\n\nfunction get_spread_update(levels, updates) {\n const update = {};\n const to_null_out = {};\n const accounted_for = { $$scope: 1 };\n let i = levels.length;\n while (i--) {\n const o = levels[i];\n const n = updates[i];\n if (n) {\n for (const key in o) {\n if (!(key in n))\n to_null_out[key] = 1;\n }\n for (const key in n) {\n if (!accounted_for[key]) {\n update[key] = n[key];\n accounted_for[key] = 1;\n }\n }\n levels[i] = n;\n }\n else {\n for (const key in o) {\n accounted_for[key] = 1;\n }\n }\n }\n for (const key in to_null_out) {\n if (!(key in update))\n update[key] = undefined;\n }\n return update;\n}\nfunction get_spread_object(spread_props) {\n return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};\n}\n\n// source: https://html.spec.whatwg.org/multipage/indices.html\nconst boolean_attributes = new Set([\n 'allowfullscreen',\n 'allowpaymentrequest',\n 'async',\n 'autofocus',\n 'autoplay',\n 'checked',\n 'controls',\n 'default',\n 'defer',\n 'disabled',\n 'formnovalidate',\n 'hidden',\n 'inert',\n 'ismap',\n 'itemscope',\n 'loop',\n 'multiple',\n 'muted',\n 'nomodule',\n 'novalidate',\n 'open',\n 'playsinline',\n 'readonly',\n 'required',\n 'reversed',\n 'selected'\n]);\n\n/** regex of all html void element names */\nconst void_element_names = /^(?:area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/;\nfunction is_void(name) {\n return void_element_names.test(name) || name.toLowerCase() === '!doctype';\n}\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args, attrs_to_add) {\n const attributes = Object.assign({}, ...args);\n if (attrs_to_add) {\n const classes_to_add = attrs_to_add.classes;\n const styles_to_add = attrs_to_add.styles;\n if (classes_to_add) {\n if (attributes.class == null) {\n attributes.class = classes_to_add;\n }\n else {\n attributes.class += ' ' + classes_to_add;\n }\n }\n if (styles_to_add) {\n if (attributes.style == null) {\n attributes.style = style_object_to_string(styles_to_add);\n }\n else {\n attributes.style = style_object_to_string(merge_ssr_styles(attributes.style, styles_to_add));\n }\n }\n }\n let str = '';\n Object.keys(attributes).forEach(name => {\n if (invalid_attribute_name_character.test(name))\n return;\n const value = attributes[name];\n if (value === true)\n str += ' ' + name;\n else if (boolean_attributes.has(name.toLowerCase())) {\n if (value)\n str += ' ' + name;\n }\n else if (value != null) {\n str += ` ${name}=\"${value}\"`;\n }\n });\n return str;\n}\nfunction merge_ssr_styles(style_attribute, style_directive) {\n const style_object = {};\n for (const individual_style of style_attribute.split(';')) {\n const colon_index = individual_style.indexOf(':');\n const name = individual_style.slice(0, colon_index).trim();\n const value = individual_style.slice(colon_index + 1).trim();\n if (!name)\n continue;\n style_object[name] = value;\n }\n for (const name in style_directive) {\n const value = style_directive[name];\n if (value) {\n style_object[name] = value;\n }\n else {\n delete style_object[name];\n }\n }\n return style_object;\n}\nconst ATTR_REGEX = /[&\"]/g;\nconst CONTENT_REGEX = /[&<]/g;\n/**\n * Note: this method is performance sensitive and has been optimized\n * https://github.com/sveltejs/svelte/pull/5701\n */\nfunction escape(value, is_attr = false) {\n const str = String(value);\n const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;\n pattern.lastIndex = 0;\n let escaped = '';\n let last = 0;\n while (pattern.test(str)) {\n const i = pattern.lastIndex - 1;\n const ch = str[i];\n escaped += str.substring(last, i) + (ch === '&' ? '&' : (ch === '\"' ? '"' : '<'));\n last = i + 1;\n }\n return escaped + str.substring(last);\n}\nfunction escape_attribute_value(value) {\n // keep booleans, null, and undefined for the sake of `spread`\n const should_escape = typeof value === 'string' || (value && typeof value === 'object');\n return should_escape ? escape(value, true) : value;\n}\nfunction escape_object(obj) {\n const result = {};\n for (const key in obj) {\n result[key] = escape_attribute_value(obj[key]);\n }\n return result;\n}\nfunction each(items, fn) {\n let str = '';\n for (let i = 0; i < items.length; i += 1) {\n str += fn(items[i], i);\n }\n return str;\n}\nconst missing_component = {\n $$render: () => ''\n};\nfunction validate_component(component, name) {\n if (!component || !component.$$render) {\n if (name === 'svelte:component')\n name += ' this={...}';\n throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules. Otherwise you may need to fix a <${name}>.`);\n }\n return component;\n}\nfunction debug(file, line, column, values) {\n console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n console.log(values); // eslint-disable-line no-console\n return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n function $$render(result, props, bindings, slots, context) {\n const parent_component = current_component;\n const $$ = {\n on_destroy,\n context: new Map(context || (parent_component ? parent_component.$$.context : [])),\n // these will be immediately discarded\n on_mount: [],\n before_update: [],\n after_update: [],\n callbacks: blank_object()\n };\n set_current_component({ $$ });\n const html = fn(result, props, bindings, slots);\n set_current_component(parent_component);\n return html;\n }\n return {\n render: (props = {}, { $$slots = {}, context = new Map() } = {}) => {\n on_destroy = [];\n const result = { title: '', head: '', css: new Set() };\n const html = $$render(result, props, {}, $$slots, context);\n run_all(on_destroy);\n return {\n html,\n css: {\n code: Array.from(result.css).map(css => css.code).join('\\n'),\n map: null // TODO\n },\n head: result.title + result.head\n };\n },\n $$render\n };\n}\nfunction add_attribute(name, value, boolean) {\n if (value == null || (boolean && !value))\n return '';\n const assignment = (boolean && value === true) ? '' : `=\"${escape(value, true)}\"`;\n return ` ${name}${assignment}`;\n}\nfunction add_classes(classes) {\n return classes ? ` class=\"${classes}\"` : '';\n}\nfunction style_object_to_string(style_object) {\n return Object.keys(style_object)\n .filter(key => style_object[key])\n .map(key => `${key}: ${style_object[key]};`)\n .join(' ');\n}\nfunction add_styles(style_object) {\n const styles = style_object_to_string(style_object);\n return styles ? ` style=\"${styles}\"` : '';\n}\n\nfunction bind(component, name, callback) {\n const index = component.$$.props[name];\n if (index !== undefined) {\n component.$$.bound[index] = callback;\n callback(component.$$.ctx[index]);\n }\n}\nfunction create_component(block) {\n block && block.c();\n}\nfunction claim_component(block, parent_nodes) {\n block && block.l(parent_nodes);\n}\nfunction mount_component(component, target, anchor, customElement) {\n const { fragment, after_update } = component.$$;\n fragment && fragment.m(target, anchor);\n if (!customElement) {\n // onMount happens before the initial afterUpdate\n add_render_callback(() => {\n const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);\n // if the component was destroyed immediately\n // it will update the `$$.on_destroy` reference to `null`.\n // the destructured on_destroy may still reference to the old array\n if (component.$$.on_destroy) {\n component.$$.on_destroy.push(...new_on_destroy);\n }\n else {\n // Edge case - component was destroyed immediately,\n // most likely as a result of a binding initialising\n run_all(new_on_destroy);\n }\n component.$$.on_mount = [];\n });\n }\n after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n const $$ = component.$$;\n if ($$.fragment !== null) {\n run_all($$.on_destroy);\n $$.fragment && $$.fragment.d(detaching);\n // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n $$.on_destroy = $$.fragment = null;\n $$.ctx = [];\n }\n}\nfunction make_dirty(component, i) {\n if (component.$$.dirty[0] === -1) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty.fill(0);\n }\n component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));\n}\nfunction init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {\n const parent_component = current_component;\n set_current_component(component);\n const $$ = component.$$ = {\n fragment: null,\n ctx: [],\n // state\n props,\n update: noop,\n not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n on_disconnect: [],\n before_update: [],\n after_update: [],\n context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),\n // everything else\n callbacks: blank_object(),\n dirty,\n skip_bound: false,\n root: options.target || parent_component.$$.root\n };\n append_styles && append_styles($$.root);\n let ready = false;\n $$.ctx = instance\n ? instance(component, options.props || {}, (i, ret, ...rest) => {\n const value = rest.length ? rest[0] : ret;\n if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {\n if (!$$.skip_bound && $$.bound[i])\n $$.bound[i](value);\n if (ready)\n make_dirty(component, i);\n }\n return ret;\n })\n : [];\n $$.update();\n ready = true;\n run_all($$.before_update);\n // `false` as a special case of no DOM component\n $$.fragment = create_fragment ? create_fragment($$.ctx) : false;\n if (options.target) {\n if (options.hydrate) {\n start_hydrating();\n const nodes = children(options.target);\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.l(nodes);\n nodes.forEach(detach);\n }\n else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.c();\n }\n if (options.intro)\n transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor, options.customElement);\n end_hydrating();\n flush();\n }\n set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement === 'function') {\n SvelteElement = class extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n connectedCallback() {\n const { on_mount } = this.$$;\n this.$$.on_disconnect = on_mount.map(run).filter(is_function);\n // @ts-ignore todo: improve typings\n for (const key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n disconnectedCallback() {\n run_all(this.$$.on_disconnect);\n }\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n // TODO should this delegate to addEventListener?\n if (!is_function(callback)) {\n return noop;\n }\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n };\n}\n/**\n * Base class for Svelte components. Used when dev=false.\n */\nclass SvelteComponent {\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n if (!is_function(callback)) {\n return noop;\n }\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n}\n\nfunction dispatch_dev(type, detail) {\n document.dispatchEvent(custom_event(type, Object.assign({ version: '3.53.1' }, detail), { bubbles: true }));\n}\nfunction append_dev(target, node) {\n dispatch_dev('SvelteDOMInsert', { target, node });\n append(target, node);\n}\nfunction append_hydration_dev(target, node) {\n dispatch_dev('SvelteDOMInsert', { target, node });\n append_hydration(target, node);\n}\nfunction insert_dev(target, node, anchor) {\n dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n insert(target, node, anchor);\n}\nfunction insert_hydration_dev(target, node, anchor) {\n dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n insert_hydration(target, node, anchor);\n}\nfunction detach_dev(node) {\n dispatch_dev('SvelteDOMRemove', { node });\n detach(node);\n}\nfunction detach_between_dev(before, after) {\n while (before.nextSibling && before.nextSibling !== after) {\n detach_dev(before.nextSibling);\n }\n}\nfunction detach_before_dev(after) {\n while (after.previousSibling) {\n detach_dev(after.previousSibling);\n }\n}\nfunction detach_after_dev(before) {\n while (before.nextSibling) {\n detach_dev(before.nextSibling);\n }\n}\nfunction listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation) {\n const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];\n if (has_prevent_default)\n modifiers.push('preventDefault');\n if (has_stop_propagation)\n modifiers.push('stopPropagation');\n dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });\n const dispose = listen(node, event, handler, options);\n return () => {\n dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });\n dispose();\n };\n}\nfunction attr_dev(node, attribute, value) {\n attr(node, attribute, value);\n if (value == null)\n dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });\n else\n dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });\n}\nfunction prop_dev(node, property, value) {\n node[property] = value;\n dispatch_dev('SvelteDOMSetProperty', { node, property, value });\n}\nfunction dataset_dev(node, property, value) {\n node.dataset[property] = value;\n dispatch_dev('SvelteDOMSetDataset', { node, property, value });\n}\nfunction set_data_dev(text, data) {\n data = '' + data;\n if (text.wholeText === data)\n return;\n dispatch_dev('SvelteDOMSetData', { node: text, data });\n text.data = data;\n}\nfunction validate_each_argument(arg) {\n if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {\n let msg = '{#each} only iterates over array-like objects.';\n if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {\n msg += ' You can use a spread to convert this iterable into an array.';\n }\n throw new Error(msg);\n }\n}\nfunction validate_slots(name, slot, keys) {\n for (const slot_key of Object.keys(slot)) {\n if (!~keys.indexOf(slot_key)) {\n console.warn(`<${name}> received an unexpected slot \"${slot_key}\".`);\n }\n }\n}\nfunction validate_dynamic_element(tag) {\n const is_string = typeof tag === 'string';\n if (tag && !is_string) {\n throw new Error(' expects \"this\" attribute to be a string.');\n }\n}\nfunction validate_void_dynamic_element(tag) {\n if (tag && is_void(tag)) {\n console.warn(` is self-closing and cannot have content.`);\n }\n}\nfunction construct_svelte_component_dev(component, props) {\n const error_message = 'this={...} of should specify a Svelte component.';\n try {\n const instance = new component(props);\n if (!instance.$$ || !instance.$set || !instance.$on || !instance.$destroy) {\n throw new Error(error_message);\n }\n return instance;\n }\n catch (err) {\n const { message } = err;\n if (typeof message === 'string' && message.indexOf('is not a constructor') !== -1) {\n throw new Error(error_message);\n }\n else {\n throw err;\n }\n }\n}\n/**\n * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.\n */\nclass SvelteComponentDev extends SvelteComponent {\n constructor(options) {\n if (!options || (!options.target && !options.$$inline)) {\n throw new Error(\"'target' is a required option\");\n }\n super();\n }\n $destroy() {\n super.$destroy();\n this.$destroy = () => {\n console.warn('Component was already destroyed'); // eslint-disable-line no-console\n };\n }\n $capture_state() { }\n $inject_state() { }\n}\n/**\n * Base class to create strongly typed Svelte components.\n * This only exists for typing purposes and should be used in `.d.ts` files.\n *\n * ### Example:\n *\n * You have component library on npm called `component-library`, from which\n * you export a component called `MyComponent`. For Svelte+TypeScript users,\n * you want to provide typings. Therefore you create a `index.d.ts`:\n * ```ts\n * import { SvelteComponentTyped } from \"svelte\";\n * export class MyComponent extends SvelteComponentTyped<{foo: string}> {}\n * ```\n * Typing this makes it possible for IDEs like VS Code with the Svelte extension\n * to provide intellisense and to use the component like this in a Svelte file\n * with TypeScript:\n * ```svelte\n * \n * \n * ```\n *\n * #### Why not make this part of `SvelteComponent(Dev)`?\n * Because\n * ```ts\n * class ASubclassOfSvelteComponent extends SvelteComponent<{foo: string}> {}\n * const component: typeof SvelteComponent = ASubclassOfSvelteComponent;\n * ```\n * will throw a type error, so we need to separate the more strictly typed class.\n */\nclass SvelteComponentTyped extends SvelteComponentDev {\n constructor(options) {\n super(options);\n }\n}\nfunction loop_guard(timeout) {\n const start = Date.now();\n return () => {\n if (Date.now() - start > timeout) {\n throw new Error('Infinite loop detected');\n }\n };\n}\n\nexport { HtmlTag, HtmlTagHydration, SvelteComponent, SvelteComponentDev, SvelteComponentTyped, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_styles, add_transform, afterUpdate, append, append_dev, append_empty_stylesheet, append_hydration, append_hydration_dev, append_styles, assign, attr, attr_dev, attribute_to_object, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_html_tag, claim_space, claim_svg_element, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, construct_svelte_component, construct_svelte_component_dev, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, end_hydrating, escape, escape_attribute_value, escape_object, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getAllContexts, getContext, get_all_dirty_from_scope, get_binding_group_value, get_current_component, get_custom_elements_slots, get_root_for_style, get_slot_changes, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, hasContext, has_prop, head_selector, identity, init, insert, insert_dev, insert_hydration, insert_hydration_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, is_void, listen, listen_dev, loop, loop_guard, merge_ssr_styles, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_custom_element_data_map, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, src_url_equal, start_hydrating, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, trusted, update_await_block_branch, update_keyed_each, update_slot, update_slot_base, validate_component, validate_dynamic_element, validate_each_argument, validate_each_keys, validate_slots, validate_store, validate_void_dynamic_element, xlink_attr };\n","\n\n
\n
\n

Environment Id: {site.environmentId}

\n
\n
\n

Environment: {site.environment.name}

\n
\n
\n

Domain: {site.domain}

\n
\n
\n

UrlAddress: {site.urlAddress}

\n
\n
\n

Created date: {site.createdDate}

\n
\n
","\n\n
\n {#if sites && sites.length && sites.length > 0}\n {#each sites as site}\n \n {/each}\n {:else }\n
\n

The site list is empty.

\n
\n {/if}\n
","\n\n
\n
\n
Name
\n
\n {environment.name}\n
\n
\n
\n
Sites
\n
\n \n
\n
\n\n
","\n\n
\n {#if environments && environments.length && environments.length > 0}\n {#each environments as environment}\n \n {/each}\n {:else }\n
\n

The environment list is empty.

\n
\n {/if}\n
","\n\n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
\n
\n\n\n
\n \n
\n
\n

Holiday Gifting!

\n
\n
\n

Contact Us To Learn More

\n
\n
\n
\n
\n
\n

\n

Leverage CDS to promote your item and highlight what a perfect gift it could be for a loved one this holiday season! From specialty treats, to champagne, clothing, gift cards, or household items, CDS can connect your brand directly with members today!

\n
\n
\n

Contact Us To Learn More

\n
\n
\n
\n
\n\n\n\n","import './app.css'\nimport App from './App.svelte'\n\nconst app = new App({\n target: document.getElementById('app')\n})\n\nexport default app\n"],"names":["relList","link","processPreload","mutations","mutation","node","getFetchOpts","script","fetchOpts","noop","run","fn","blank_object","run_all","fns","is_function","thing","safe_not_equal","a","b","is_empty","obj","append","target","insert","anchor","detach","destroy_each","iterations","detaching","i","element","name","text","data","space","empty","listen","event","handler","options","attr","attribute","value","children","set_data","current_component","set_current_component","component","get_current_component","onMount","dirty_components","binding_callbacks","render_callbacks","flush_callbacks","resolved_promise","update_scheduled","schedule_update","flush","add_render_callback","seen_callbacks","flushidx","saved_component","update","callback","$$","dirty","outroing","outros","group_outros","check_outros","transition_in","block","local","transition_out","create_component","mount_component","customElement","fragment","after_update","new_on_destroy","destroy_component","make_dirty","init","instance","create_fragment","not_equal","props","append_styles","parent_component","ready","ret","rest","nodes","SvelteComponent","type","callbacks","index","$$props","t1_value","ctx","t7_value","t10_value","t13_value","div5","div0","p0","div1","p1","div2","p2","div3","p3","div4","p4","t1","t4","t4_value","t7","t10","t13","site","onSiteDataClicked","div","each_blocks","sites","t2_value","div6","current","t2","sitecontainer_changes","environment","environments","main","button0","div14","onCreateEnvironmentClicked","App"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"envs.js","sources":["../../vite/modulepreload-polyfill","../../node_modules/svelte/internal/index.mjs","../../src/lib/SiteItem.svelte","../../src/lib/SiteContainer.svelte","../../src/lib/EnvironmentItem.svelte","../../src/lib/EnvironmentContainer.svelte","../../src/App.svelte","../../src/main.js"],"sourcesContent":["__VITE_IS_MODERN__&&(function polyfill() {\n const relList = document.createElement('link').relList;\n if (relList && relList.supports && relList.supports('modulepreload')) {\n return;\n }\n for (const link of document.querySelectorAll('link[rel=\"modulepreload\"]')) {\n processPreload(link);\n }\n new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type !== 'childList') {\n continue;\n }\n for (const node of mutation.addedNodes) {\n if (node.tagName === 'LINK' && node.rel === 'modulepreload')\n processPreload(node);\n }\n }\n }).observe(document, { childList: true, subtree: true });\n function getFetchOpts(script) {\n const fetchOpts = {};\n if (script.integrity)\n fetchOpts.integrity = script.integrity;\n if (script.referrerpolicy)\n fetchOpts.referrerPolicy = script.referrerpolicy;\n if (script.crossorigin === 'use-credentials')\n fetchOpts.credentials = 'include';\n else if (script.crossorigin === 'anonymous')\n fetchOpts.credentials = 'omit';\n else\n fetchOpts.credentials = 'same-origin';\n return fetchOpts;\n }\n function processPreload(link) {\n if (link.ep)\n // ep marker = processed\n return;\n link.ep = true;\n // prepopulate the load record\n const fetchOpts = getFetchOpts(link);\n fetch(link.href, fetchOpts);\n }\n}());","function noop() { }\nconst identity = x => x;\nfunction assign(tar, src) {\n // @ts-ignore\n for (const k in src)\n tar[k] = src[k];\n return tar;\n}\nfunction is_promise(value) {\n return value && typeof value === 'object' && typeof value.then === 'function';\n}\nfunction add_location(element, file, line, column, char) {\n element.__svelte_meta = {\n loc: { file, line, column, char }\n };\n}\nfunction run(fn) {\n return fn();\n}\nfunction blank_object() {\n return Object.create(null);\n}\nfunction run_all(fns) {\n fns.forEach(run);\n}\nfunction is_function(thing) {\n return typeof thing === 'function';\n}\nfunction safe_not_equal(a, b) {\n return a != a ? b == b : a !== b || ((a && typeof a === 'object') || typeof a === 'function');\n}\nlet src_url_equal_anchor;\nfunction src_url_equal(element_src, url) {\n if (!src_url_equal_anchor) {\n src_url_equal_anchor = document.createElement('a');\n }\n src_url_equal_anchor.href = url;\n return element_src === src_url_equal_anchor.href;\n}\nfunction not_equal(a, b) {\n return a != a ? b == b : a !== b;\n}\nfunction is_empty(obj) {\n return Object.keys(obj).length === 0;\n}\nfunction validate_store(store, name) {\n if (store != null && typeof store.subscribe !== 'function') {\n throw new Error(`'${name}' is not a store with a 'subscribe' method`);\n }\n}\nfunction subscribe(store, ...callbacks) {\n if (store == null) {\n return noop;\n }\n const unsub = store.subscribe(...callbacks);\n return unsub.unsubscribe ? () => unsub.unsubscribe() : unsub;\n}\nfunction get_store_value(store) {\n let value;\n subscribe(store, _ => value = _)();\n return value;\n}\nfunction component_subscribe(component, store, callback) {\n component.$$.on_destroy.push(subscribe(store, callback));\n}\nfunction create_slot(definition, ctx, $$scope, fn) {\n if (definition) {\n const slot_ctx = get_slot_context(definition, ctx, $$scope, fn);\n return definition[0](slot_ctx);\n }\n}\nfunction get_slot_context(definition, ctx, $$scope, fn) {\n return definition[1] && fn\n ? assign($$scope.ctx.slice(), definition[1](fn(ctx)))\n : $$scope.ctx;\n}\nfunction get_slot_changes(definition, $$scope, dirty, fn) {\n if (definition[2] && fn) {\n const lets = definition[2](fn(dirty));\n if ($$scope.dirty === undefined) {\n return lets;\n }\n if (typeof lets === 'object') {\n const merged = [];\n const len = Math.max($$scope.dirty.length, lets.length);\n for (let i = 0; i < len; i += 1) {\n merged[i] = $$scope.dirty[i] | lets[i];\n }\n return merged;\n }\n return $$scope.dirty | lets;\n }\n return $$scope.dirty;\n}\nfunction update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn) {\n if (slot_changes) {\n const slot_context = get_slot_context(slot_definition, ctx, $$scope, get_slot_context_fn);\n slot.p(slot_context, slot_changes);\n }\n}\nfunction update_slot(slot, slot_definition, ctx, $$scope, dirty, get_slot_changes_fn, get_slot_context_fn) {\n const slot_changes = get_slot_changes(slot_definition, $$scope, dirty, get_slot_changes_fn);\n update_slot_base(slot, slot_definition, ctx, $$scope, slot_changes, get_slot_context_fn);\n}\nfunction get_all_dirty_from_scope($$scope) {\n if ($$scope.ctx.length > 32) {\n const dirty = [];\n const length = $$scope.ctx.length / 32;\n for (let i = 0; i < length; i++) {\n dirty[i] = -1;\n }\n return dirty;\n }\n return -1;\n}\nfunction exclude_internal_props(props) {\n const result = {};\n for (const k in props)\n if (k[0] !== '$')\n result[k] = props[k];\n return result;\n}\nfunction compute_rest_props(props, keys) {\n const rest = {};\n keys = new Set(keys);\n for (const k in props)\n if (!keys.has(k) && k[0] !== '$')\n rest[k] = props[k];\n return rest;\n}\nfunction compute_slots(slots) {\n const result = {};\n for (const key in slots) {\n result[key] = true;\n }\n return result;\n}\nfunction once(fn) {\n let ran = false;\n return function (...args) {\n if (ran)\n return;\n ran = true;\n fn.call(this, ...args);\n };\n}\nfunction null_to_empty(value) {\n return value == null ? '' : value;\n}\nfunction set_store_value(store, ret, value) {\n store.set(value);\n return ret;\n}\nconst has_prop = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);\nfunction action_destroyer(action_result) {\n return action_result && is_function(action_result.destroy) ? action_result.destroy : noop;\n}\n\nconst is_client = typeof window !== 'undefined';\nlet now = is_client\n ? () => window.performance.now()\n : () => Date.now();\nlet raf = is_client ? cb => requestAnimationFrame(cb) : noop;\n// used internally for testing\nfunction set_now(fn) {\n now = fn;\n}\nfunction set_raf(fn) {\n raf = fn;\n}\n\nconst tasks = new Set();\nfunction run_tasks(now) {\n tasks.forEach(task => {\n if (!task.c(now)) {\n tasks.delete(task);\n task.f();\n }\n });\n if (tasks.size !== 0)\n raf(run_tasks);\n}\n/**\n * For testing purposes only!\n */\nfunction clear_loops() {\n tasks.clear();\n}\n/**\n * Creates a new task that runs on each raf frame\n * until it returns a falsy value or is aborted\n */\nfunction loop(callback) {\n let task;\n if (tasks.size === 0)\n raf(run_tasks);\n return {\n promise: new Promise(fulfill => {\n tasks.add(task = { c: callback, f: fulfill });\n }),\n abort() {\n tasks.delete(task);\n }\n };\n}\n\n// Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM\n// at the end of hydration without touching the remaining nodes.\nlet is_hydrating = false;\nfunction start_hydrating() {\n is_hydrating = true;\n}\nfunction end_hydrating() {\n is_hydrating = false;\n}\nfunction upper_bound(low, high, key, value) {\n // Return first index of value larger than input value in the range [low, high)\n while (low < high) {\n const mid = low + ((high - low) >> 1);\n if (key(mid) <= value) {\n low = mid + 1;\n }\n else {\n high = mid;\n }\n }\n return low;\n}\nfunction init_hydrate(target) {\n if (target.hydrate_init)\n return;\n target.hydrate_init = true;\n // We know that all children have claim_order values since the unclaimed have been detached if target is not \n let children = target.childNodes;\n // If target is , there may be children without claim_order\n if (target.nodeName === 'HEAD') {\n const myChildren = [];\n for (let i = 0; i < children.length; i++) {\n const node = children[i];\n if (node.claim_order !== undefined) {\n myChildren.push(node);\n }\n }\n children = myChildren;\n }\n /*\n * Reorder claimed children optimally.\n * We can reorder claimed children optimally by finding the longest subsequence of\n * nodes that are already claimed in order and only moving the rest. The longest\n * subsequence of nodes that are claimed in order can be found by\n * computing the longest increasing subsequence of .claim_order values.\n *\n * This algorithm is optimal in generating the least amount of reorder operations\n * possible.\n *\n * Proof:\n * We know that, given a set of reordering operations, the nodes that do not move\n * always form an increasing subsequence, since they do not move among each other\n * meaning that they must be already ordered among each other. Thus, the maximal\n * set of nodes that do not move form a longest increasing subsequence.\n */\n // Compute longest increasing subsequence\n // m: subsequence length j => index k of smallest value that ends an increasing subsequence of length j\n const m = new Int32Array(children.length + 1);\n // Predecessor indices + 1\n const p = new Int32Array(children.length);\n m[0] = -1;\n let longest = 0;\n for (let i = 0; i < children.length; i++) {\n const current = children[i].claim_order;\n // Find the largest subsequence length such that it ends in a value less than our current value\n // upper_bound returns first greater value, so we subtract one\n // with fast path for when we are on the current longest subsequence\n const seqLen = ((longest > 0 && children[m[longest]].claim_order <= current) ? longest + 1 : upper_bound(1, longest, idx => children[m[idx]].claim_order, current)) - 1;\n p[i] = m[seqLen] + 1;\n const newLen = seqLen + 1;\n // We can guarantee that current is the smallest value. Otherwise, we would have generated a longer sequence.\n m[newLen] = i;\n longest = Math.max(newLen, longest);\n }\n // The longest increasing subsequence of nodes (initially reversed)\n const lis = [];\n // The rest of the nodes, nodes that will be moved\n const toMove = [];\n let last = children.length - 1;\n for (let cur = m[longest] + 1; cur != 0; cur = p[cur - 1]) {\n lis.push(children[cur - 1]);\n for (; last >= cur; last--) {\n toMove.push(children[last]);\n }\n last--;\n }\n for (; last >= 0; last--) {\n toMove.push(children[last]);\n }\n lis.reverse();\n // We sort the nodes being moved to guarantee that their insertion order matches the claim order\n toMove.sort((a, b) => a.claim_order - b.claim_order);\n // Finally, we move the nodes\n for (let i = 0, j = 0; i < toMove.length; i++) {\n while (j < lis.length && toMove[i].claim_order >= lis[j].claim_order) {\n j++;\n }\n const anchor = j < lis.length ? lis[j] : null;\n target.insertBefore(toMove[i], anchor);\n }\n}\nfunction append(target, node) {\n target.appendChild(node);\n}\nfunction append_styles(target, style_sheet_id, styles) {\n const append_styles_to = get_root_for_style(target);\n if (!append_styles_to.getElementById(style_sheet_id)) {\n const style = element('style');\n style.id = style_sheet_id;\n style.textContent = styles;\n append_stylesheet(append_styles_to, style);\n }\n}\nfunction get_root_for_style(node) {\n if (!node)\n return document;\n const root = node.getRootNode ? node.getRootNode() : node.ownerDocument;\n if (root && root.host) {\n return root;\n }\n return node.ownerDocument;\n}\nfunction append_empty_stylesheet(node) {\n const style_element = element('style');\n append_stylesheet(get_root_for_style(node), style_element);\n return style_element.sheet;\n}\nfunction append_stylesheet(node, style) {\n append(node.head || node, style);\n return style.sheet;\n}\nfunction append_hydration(target, node) {\n if (is_hydrating) {\n init_hydrate(target);\n if ((target.actual_end_child === undefined) || ((target.actual_end_child !== null) && (target.actual_end_child.parentNode !== target))) {\n target.actual_end_child = target.firstChild;\n }\n // Skip nodes of undefined ordering\n while ((target.actual_end_child !== null) && (target.actual_end_child.claim_order === undefined)) {\n target.actual_end_child = target.actual_end_child.nextSibling;\n }\n if (node !== target.actual_end_child) {\n // We only insert if the ordering of this node should be modified or the parent node is not target\n if (node.claim_order !== undefined || node.parentNode !== target) {\n target.insertBefore(node, target.actual_end_child);\n }\n }\n else {\n target.actual_end_child = node.nextSibling;\n }\n }\n else if (node.parentNode !== target || node.nextSibling !== null) {\n target.appendChild(node);\n }\n}\nfunction insert(target, node, anchor) {\n target.insertBefore(node, anchor || null);\n}\nfunction insert_hydration(target, node, anchor) {\n if (is_hydrating && !anchor) {\n append_hydration(target, node);\n }\n else if (node.parentNode !== target || node.nextSibling != anchor) {\n target.insertBefore(node, anchor || null);\n }\n}\nfunction detach(node) {\n if (node.parentNode) {\n node.parentNode.removeChild(node);\n }\n}\nfunction destroy_each(iterations, detaching) {\n for (let i = 0; i < iterations.length; i += 1) {\n if (iterations[i])\n iterations[i].d(detaching);\n }\n}\nfunction element(name) {\n return document.createElement(name);\n}\nfunction element_is(name, is) {\n return document.createElement(name, { is });\n}\nfunction object_without_properties(obj, exclude) {\n const target = {};\n for (const k in obj) {\n if (has_prop(obj, k)\n // @ts-ignore\n && exclude.indexOf(k) === -1) {\n // @ts-ignore\n target[k] = obj[k];\n }\n }\n return target;\n}\nfunction svg_element(name) {\n return document.createElementNS('http://www.w3.org/2000/svg', name);\n}\nfunction text(data) {\n return document.createTextNode(data);\n}\nfunction space() {\n return text(' ');\n}\nfunction empty() {\n return text('');\n}\nfunction listen(node, event, handler, options) {\n node.addEventListener(event, handler, options);\n return () => node.removeEventListener(event, handler, options);\n}\nfunction prevent_default(fn) {\n return function (event) {\n event.preventDefault();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction stop_propagation(fn) {\n return function (event) {\n event.stopPropagation();\n // @ts-ignore\n return fn.call(this, event);\n };\n}\nfunction self(fn) {\n return function (event) {\n // @ts-ignore\n if (event.target === this)\n fn.call(this, event);\n };\n}\nfunction trusted(fn) {\n return function (event) {\n // @ts-ignore\n if (event.isTrusted)\n fn.call(this, event);\n };\n}\nfunction attr(node, attribute, value) {\n if (value == null)\n node.removeAttribute(attribute);\n else if (node.getAttribute(attribute) !== value)\n node.setAttribute(attribute, value);\n}\nfunction set_attributes(node, attributes) {\n // @ts-ignore\n const descriptors = Object.getOwnPropertyDescriptors(node.__proto__);\n for (const key in attributes) {\n if (attributes[key] == null) {\n node.removeAttribute(key);\n }\n else if (key === 'style') {\n node.style.cssText = attributes[key];\n }\n else if (key === '__value') {\n node.value = node[key] = attributes[key];\n }\n else if (descriptors[key] && descriptors[key].set) {\n node[key] = attributes[key];\n }\n else {\n attr(node, key, attributes[key]);\n }\n }\n}\nfunction set_svg_attributes(node, attributes) {\n for (const key in attributes) {\n attr(node, key, attributes[key]);\n }\n}\nfunction set_custom_element_data_map(node, data_map) {\n Object.keys(data_map).forEach((key) => {\n set_custom_element_data(node, key, data_map[key]);\n });\n}\nfunction set_custom_element_data(node, prop, value) {\n if (prop in node) {\n node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;\n }\n else {\n attr(node, prop, value);\n }\n}\nfunction xlink_attr(node, attribute, value) {\n node.setAttributeNS('http://www.w3.org/1999/xlink', attribute, value);\n}\nfunction get_binding_group_value(group, __value, checked) {\n const value = new Set();\n for (let i = 0; i < group.length; i += 1) {\n if (group[i].checked)\n value.add(group[i].__value);\n }\n if (!checked) {\n value.delete(__value);\n }\n return Array.from(value);\n}\nfunction to_number(value) {\n return value === '' ? null : +value;\n}\nfunction time_ranges_to_array(ranges) {\n const array = [];\n for (let i = 0; i < ranges.length; i += 1) {\n array.push({ start: ranges.start(i), end: ranges.end(i) });\n }\n return array;\n}\nfunction children(element) {\n return Array.from(element.childNodes);\n}\nfunction init_claim_info(nodes) {\n if (nodes.claim_info === undefined) {\n nodes.claim_info = { last_index: 0, total_claimed: 0 };\n }\n}\nfunction claim_node(nodes, predicate, processNode, createNode, dontUpdateLastIndex = false) {\n // Try to find nodes in an order such that we lengthen the longest increasing subsequence\n init_claim_info(nodes);\n const resultNode = (() => {\n // We first try to find an element after the previous one\n for (let i = nodes.claim_info.last_index; i < nodes.length; i++) {\n const node = nodes[i];\n if (predicate(node)) {\n const replacement = processNode(node);\n if (replacement === undefined) {\n nodes.splice(i, 1);\n }\n else {\n nodes[i] = replacement;\n }\n if (!dontUpdateLastIndex) {\n nodes.claim_info.last_index = i;\n }\n return node;\n }\n }\n // Otherwise, we try to find one before\n // We iterate in reverse so that we don't go too far back\n for (let i = nodes.claim_info.last_index - 1; i >= 0; i--) {\n const node = nodes[i];\n if (predicate(node)) {\n const replacement = processNode(node);\n if (replacement === undefined) {\n nodes.splice(i, 1);\n }\n else {\n nodes[i] = replacement;\n }\n if (!dontUpdateLastIndex) {\n nodes.claim_info.last_index = i;\n }\n else if (replacement === undefined) {\n // Since we spliced before the last_index, we decrease it\n nodes.claim_info.last_index--;\n }\n return node;\n }\n }\n // If we can't find any matching node, we create a new one\n return createNode();\n })();\n resultNode.claim_order = nodes.claim_info.total_claimed;\n nodes.claim_info.total_claimed += 1;\n return resultNode;\n}\nfunction claim_element_base(nodes, name, attributes, create_element) {\n return claim_node(nodes, (node) => node.nodeName === name, (node) => {\n const remove = [];\n for (let j = 0; j < node.attributes.length; j++) {\n const attribute = node.attributes[j];\n if (!attributes[attribute.name]) {\n remove.push(attribute.name);\n }\n }\n remove.forEach(v => node.removeAttribute(v));\n return undefined;\n }, () => create_element(name));\n}\nfunction claim_element(nodes, name, attributes) {\n return claim_element_base(nodes, name, attributes, element);\n}\nfunction claim_svg_element(nodes, name, attributes) {\n return claim_element_base(nodes, name, attributes, svg_element);\n}\nfunction claim_text(nodes, data) {\n return claim_node(nodes, (node) => node.nodeType === 3, (node) => {\n const dataStr = '' + data;\n if (node.data.startsWith(dataStr)) {\n if (node.data.length !== dataStr.length) {\n return node.splitText(dataStr.length);\n }\n }\n else {\n node.data = dataStr;\n }\n }, () => text(data), true // Text nodes should not update last index since it is likely not worth it to eliminate an increasing subsequence of actual elements\n );\n}\nfunction claim_space(nodes) {\n return claim_text(nodes, ' ');\n}\nfunction find_comment(nodes, text, start) {\n for (let i = start; i < nodes.length; i += 1) {\n const node = nodes[i];\n if (node.nodeType === 8 /* comment node */ && node.textContent.trim() === text) {\n return i;\n }\n }\n return nodes.length;\n}\nfunction claim_html_tag(nodes, is_svg) {\n // find html opening tag\n const start_index = find_comment(nodes, 'HTML_TAG_START', 0);\n const end_index = find_comment(nodes, 'HTML_TAG_END', start_index);\n if (start_index === end_index) {\n return new HtmlTagHydration(undefined, is_svg);\n }\n init_claim_info(nodes);\n const html_tag_nodes = nodes.splice(start_index, end_index - start_index + 1);\n detach(html_tag_nodes[0]);\n detach(html_tag_nodes[html_tag_nodes.length - 1]);\n const claimed_nodes = html_tag_nodes.slice(1, html_tag_nodes.length - 1);\n for (const n of claimed_nodes) {\n n.claim_order = nodes.claim_info.total_claimed;\n nodes.claim_info.total_claimed += 1;\n }\n return new HtmlTagHydration(claimed_nodes, is_svg);\n}\nfunction set_data(text, data) {\n data = '' + data;\n if (text.wholeText !== data)\n text.data = data;\n}\nfunction set_input_value(input, value) {\n input.value = value == null ? '' : value;\n}\nfunction set_input_type(input, type) {\n try {\n input.type = type;\n }\n catch (e) {\n // do nothing\n }\n}\nfunction set_style(node, key, value, important) {\n if (value === null) {\n node.style.removeProperty(key);\n }\n else {\n node.style.setProperty(key, value, important ? 'important' : '');\n }\n}\nfunction select_option(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n if (option.__value === value) {\n option.selected = true;\n return;\n }\n }\n select.selectedIndex = -1; // no option should be selected\n}\nfunction select_options(select, value) {\n for (let i = 0; i < select.options.length; i += 1) {\n const option = select.options[i];\n option.selected = ~value.indexOf(option.__value);\n }\n}\nfunction select_value(select) {\n const selected_option = select.querySelector(':checked') || select.options[0];\n return selected_option && selected_option.__value;\n}\nfunction select_multiple_value(select) {\n return [].map.call(select.querySelectorAll(':checked'), option => option.__value);\n}\n// unfortunately this can't be a constant as that wouldn't be tree-shakeable\n// so we cache the result instead\nlet crossorigin;\nfunction is_crossorigin() {\n if (crossorigin === undefined) {\n crossorigin = false;\n try {\n if (typeof window !== 'undefined' && window.parent) {\n void window.parent.document;\n }\n }\n catch (error) {\n crossorigin = true;\n }\n }\n return crossorigin;\n}\nfunction add_resize_listener(node, fn) {\n const computed_style = getComputedStyle(node);\n if (computed_style.position === 'static') {\n node.style.position = 'relative';\n }\n const iframe = element('iframe');\n iframe.setAttribute('style', 'display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; ' +\n 'overflow: hidden; border: 0; opacity: 0; pointer-events: none; z-index: -1;');\n iframe.setAttribute('aria-hidden', 'true');\n iframe.tabIndex = -1;\n const crossorigin = is_crossorigin();\n let unsubscribe;\n if (crossorigin) {\n iframe.src = \"data:text/html,\";\n unsubscribe = listen(window, 'message', (event) => {\n if (event.source === iframe.contentWindow)\n fn();\n });\n }\n else {\n iframe.src = 'about:blank';\n iframe.onload = () => {\n unsubscribe = listen(iframe.contentWindow, 'resize', fn);\n };\n }\n append(node, iframe);\n return () => {\n if (crossorigin) {\n unsubscribe();\n }\n else if (unsubscribe && iframe.contentWindow) {\n unsubscribe();\n }\n detach(iframe);\n };\n}\nfunction toggle_class(element, name, toggle) {\n element.classList[toggle ? 'add' : 'remove'](name);\n}\nfunction custom_event(type, detail, { bubbles = false, cancelable = false } = {}) {\n const e = document.createEvent('CustomEvent');\n e.initCustomEvent(type, bubbles, cancelable, detail);\n return e;\n}\nfunction query_selector_all(selector, parent = document.body) {\n return Array.from(parent.querySelectorAll(selector));\n}\nfunction head_selector(nodeId, head) {\n const result = [];\n let started = 0;\n for (const node of head.childNodes) {\n if (node.nodeType === 8 /* comment node */) {\n const comment = node.textContent.trim();\n if (comment === `HEAD_${nodeId}_END`) {\n started -= 1;\n result.push(node);\n }\n else if (comment === `HEAD_${nodeId}_START`) {\n started += 1;\n result.push(node);\n }\n }\n else if (started > 0) {\n result.push(node);\n }\n }\n return result;\n}\nclass HtmlTag {\n constructor(is_svg = false) {\n this.is_svg = false;\n this.is_svg = is_svg;\n this.e = this.n = null;\n }\n c(html) {\n this.h(html);\n }\n m(html, target, anchor = null) {\n if (!this.e) {\n if (this.is_svg)\n this.e = svg_element(target.nodeName);\n else\n this.e = element(target.nodeName);\n this.t = target;\n this.c(html);\n }\n this.i(anchor);\n }\n h(html) {\n this.e.innerHTML = html;\n this.n = Array.from(this.e.childNodes);\n }\n i(anchor) {\n for (let i = 0; i < this.n.length; i += 1) {\n insert(this.t, this.n[i], anchor);\n }\n }\n p(html) {\n this.d();\n this.h(html);\n this.i(this.a);\n }\n d() {\n this.n.forEach(detach);\n }\n}\nclass HtmlTagHydration extends HtmlTag {\n constructor(claimed_nodes, is_svg = false) {\n super(is_svg);\n this.e = this.n = null;\n this.l = claimed_nodes;\n }\n c(html) {\n if (this.l) {\n this.n = this.l;\n }\n else {\n super.c(html);\n }\n }\n i(anchor) {\n for (let i = 0; i < this.n.length; i += 1) {\n insert_hydration(this.t, this.n[i], anchor);\n }\n }\n}\nfunction attribute_to_object(attributes) {\n const result = {};\n for (const attribute of attributes) {\n result[attribute.name] = attribute.value;\n }\n return result;\n}\nfunction get_custom_elements_slots(element) {\n const result = {};\n element.childNodes.forEach((node) => {\n result[node.slot || 'default'] = true;\n });\n return result;\n}\nfunction construct_svelte_component(component, props) {\n return new component(props);\n}\n\n// we need to store the information for multiple documents because a Svelte application could also contain iframes\n// https://github.com/sveltejs/svelte/issues/3624\nconst managed_styles = new Map();\nlet active = 0;\n// https://github.com/darkskyapp/string-hash/blob/master/index.js\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n while (i--)\n hash = ((hash << 5) - hash) ^ str.charCodeAt(i);\n return hash >>> 0;\n}\nfunction create_style_information(doc, node) {\n const info = { stylesheet: append_empty_stylesheet(node), rules: {} };\n managed_styles.set(doc, info);\n return info;\n}\nfunction create_rule(node, a, b, duration, delay, ease, fn, uid = 0) {\n const step = 16.666 / duration;\n let keyframes = '{\\n';\n for (let p = 0; p <= 1; p += step) {\n const t = a + (b - a) * ease(p);\n keyframes += p * 100 + `%{${fn(t, 1 - t)}}\\n`;\n }\n const rule = keyframes + `100% {${fn(b, 1 - b)}}\\n}`;\n const name = `__svelte_${hash(rule)}_${uid}`;\n const doc = get_root_for_style(node);\n const { stylesheet, rules } = managed_styles.get(doc) || create_style_information(doc, node);\n if (!rules[name]) {\n rules[name] = true;\n stylesheet.insertRule(`@keyframes ${name} ${rule}`, stylesheet.cssRules.length);\n }\n const animation = node.style.animation || '';\n node.style.animation = `${animation ? `${animation}, ` : ''}${name} ${duration}ms linear ${delay}ms 1 both`;\n active += 1;\n return name;\n}\nfunction delete_rule(node, name) {\n const previous = (node.style.animation || '').split(', ');\n const next = previous.filter(name\n ? anim => anim.indexOf(name) < 0 // remove specific animation\n : anim => anim.indexOf('__svelte') === -1 // remove all Svelte animations\n );\n const deleted = previous.length - next.length;\n if (deleted) {\n node.style.animation = next.join(', ');\n active -= deleted;\n if (!active)\n clear_rules();\n }\n}\nfunction clear_rules() {\n raf(() => {\n if (active)\n return;\n managed_styles.forEach(info => {\n const { ownerNode } = info.stylesheet;\n // there is no ownerNode if it runs on jsdom.\n if (ownerNode)\n detach(ownerNode);\n });\n managed_styles.clear();\n });\n}\n\nfunction create_animation(node, from, fn, params) {\n if (!from)\n return noop;\n const to = node.getBoundingClientRect();\n if (from.left === to.left && from.right === to.right && from.top === to.top && from.bottom === to.bottom)\n return noop;\n const { delay = 0, duration = 300, easing = identity, \n // @ts-ignore todo: should this be separated from destructuring? Or start/end added to public api and documentation?\n start: start_time = now() + delay, \n // @ts-ignore todo:\n end = start_time + duration, tick = noop, css } = fn(node, { from, to }, params);\n let running = true;\n let started = false;\n let name;\n function start() {\n if (css) {\n name = create_rule(node, 0, 1, duration, delay, easing, css);\n }\n if (!delay) {\n started = true;\n }\n }\n function stop() {\n if (css)\n delete_rule(node, name);\n running = false;\n }\n loop(now => {\n if (!started && now >= start_time) {\n started = true;\n }\n if (started && now >= end) {\n tick(1, 0);\n stop();\n }\n if (!running) {\n return false;\n }\n if (started) {\n const p = now - start_time;\n const t = 0 + 1 * easing(p / duration);\n tick(t, 1 - t);\n }\n return true;\n });\n start();\n tick(0, 1);\n return stop;\n}\nfunction fix_position(node) {\n const style = getComputedStyle(node);\n if (style.position !== 'absolute' && style.position !== 'fixed') {\n const { width, height } = style;\n const a = node.getBoundingClientRect();\n node.style.position = 'absolute';\n node.style.width = width;\n node.style.height = height;\n add_transform(node, a);\n }\n}\nfunction add_transform(node, a) {\n const b = node.getBoundingClientRect();\n if (a.left !== b.left || a.top !== b.top) {\n const style = getComputedStyle(node);\n const transform = style.transform === 'none' ? '' : style.transform;\n node.style.transform = `${transform} translate(${a.left - b.left}px, ${a.top - b.top}px)`;\n }\n}\n\nlet current_component;\nfunction set_current_component(component) {\n current_component = component;\n}\nfunction get_current_component() {\n if (!current_component)\n throw new Error('Function called outside component initialization');\n return current_component;\n}\n/**\n * Schedules a callback to run immediately before the component is updated after any state change.\n *\n * The first time the callback runs will be before the initial `onMount`\n *\n * https://svelte.dev/docs#run-time-svelte-beforeupdate\n */\nfunction beforeUpdate(fn) {\n get_current_component().$$.before_update.push(fn);\n}\n/**\n * The `onMount` function schedules a callback to run as soon as the component has been mounted to the DOM.\n * It must be called during the component's initialisation (but doesn't need to live *inside* the component;\n * it can be called from an external module).\n *\n * `onMount` does not run inside a [server-side component](/docs#run-time-server-side-component-api).\n *\n * https://svelte.dev/docs#run-time-svelte-onmount\n */\nfunction onMount(fn) {\n get_current_component().$$.on_mount.push(fn);\n}\n/**\n * Schedules a callback to run immediately after the component has been updated.\n *\n * The first time the callback runs will be after the initial `onMount`\n */\nfunction afterUpdate(fn) {\n get_current_component().$$.after_update.push(fn);\n}\n/**\n * Schedules a callback to run immediately before the component is unmounted.\n *\n * Out of `onMount`, `beforeUpdate`, `afterUpdate` and `onDestroy`, this is the\n * only one that runs inside a server-side component.\n *\n * https://svelte.dev/docs#run-time-svelte-ondestroy\n */\nfunction onDestroy(fn) {\n get_current_component().$$.on_destroy.push(fn);\n}\n/**\n * Creates an event dispatcher that can be used to dispatch [component events](/docs#template-syntax-component-directives-on-eventname).\n * Event dispatchers are functions that can take two arguments: `name` and `detail`.\n *\n * Component events created with `createEventDispatcher` create a\n * [CustomEvent](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent).\n * These events do not [bubble](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture).\n * The `detail` argument corresponds to the [CustomEvent.detail](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/detail)\n * property and can contain any type of data.\n *\n * https://svelte.dev/docs#run-time-svelte-createeventdispatcher\n */\nfunction createEventDispatcher() {\n const component = get_current_component();\n return (type, detail, { cancelable = false } = {}) => {\n const callbacks = component.$$.callbacks[type];\n if (callbacks) {\n // TODO are there situations where events could be dispatched\n // in a server (non-DOM) environment?\n const event = custom_event(type, detail, { cancelable });\n callbacks.slice().forEach(fn => {\n fn.call(component, event);\n });\n return !event.defaultPrevented;\n }\n return true;\n };\n}\n/**\n * Associates an arbitrary `context` object with the current component and the specified `key`\n * and returns that object. The context is then available to children of the component\n * (including slotted content) with `getContext`.\n *\n * Like lifecycle functions, this must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-setcontext\n */\nfunction setContext(key, context) {\n get_current_component().$$.context.set(key, context);\n return context;\n}\n/**\n * Retrieves the context that belongs to the closest parent component with the specified `key`.\n * Must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-getcontext\n */\nfunction getContext(key) {\n return get_current_component().$$.context.get(key);\n}\n/**\n * Retrieves the whole context map that belongs to the closest parent component.\n * Must be called during component initialisation. Useful, for example, if you\n * programmatically create a component and want to pass the existing context to it.\n *\n * https://svelte.dev/docs#run-time-svelte-getallcontexts\n */\nfunction getAllContexts() {\n return get_current_component().$$.context;\n}\n/**\n * Checks whether a given `key` has been set in the context of a parent component.\n * Must be called during component initialisation.\n *\n * https://svelte.dev/docs#run-time-svelte-hascontext\n */\nfunction hasContext(key) {\n return get_current_component().$$.context.has(key);\n}\n// TODO figure out if we still want to support\n// shorthand events, or if we want to implement\n// a real bubbling mechanism\nfunction bubble(component, event) {\n const callbacks = component.$$.callbacks[event.type];\n if (callbacks) {\n // @ts-ignore\n callbacks.slice().forEach(fn => fn.call(this, event));\n }\n}\n\nconst dirty_components = [];\nconst intros = { enabled: false };\nconst binding_callbacks = [];\nconst render_callbacks = [];\nconst flush_callbacks = [];\nconst resolved_promise = Promise.resolve();\nlet update_scheduled = false;\nfunction schedule_update() {\n if (!update_scheduled) {\n update_scheduled = true;\n resolved_promise.then(flush);\n }\n}\nfunction tick() {\n schedule_update();\n return resolved_promise;\n}\nfunction add_render_callback(fn) {\n render_callbacks.push(fn);\n}\nfunction add_flush_callback(fn) {\n flush_callbacks.push(fn);\n}\n// flush() calls callbacks in this order:\n// 1. All beforeUpdate callbacks, in order: parents before children\n// 2. All bind:this callbacks, in reverse order: children before parents.\n// 3. All afterUpdate callbacks, in order: parents before children. EXCEPT\n// for afterUpdates called during the initial onMount, which are called in\n// reverse order: children before parents.\n// Since callbacks might update component values, which could trigger another\n// call to flush(), the following steps guard against this:\n// 1. During beforeUpdate, any updated components will be added to the\n// dirty_components array and will cause a reentrant call to flush(). Because\n// the flush index is kept outside the function, the reentrant call will pick\n// up where the earlier call left off and go through all dirty components. The\n// current_component value is saved and restored so that the reentrant call will\n// not interfere with the \"parent\" flush() call.\n// 2. bind:this callbacks cannot trigger new flush() calls.\n// 3. During afterUpdate, any updated components will NOT have their afterUpdate\n// callback called a second time; the seen_callbacks set, outside the flush()\n// function, guarantees this behavior.\nconst seen_callbacks = new Set();\nlet flushidx = 0; // Do *not* move this inside the flush() function\nfunction flush() {\n const saved_component = current_component;\n do {\n // first, call beforeUpdate functions\n // and update components\n while (flushidx < dirty_components.length) {\n const component = dirty_components[flushidx];\n flushidx++;\n set_current_component(component);\n update(component.$$);\n }\n set_current_component(null);\n dirty_components.length = 0;\n flushidx = 0;\n while (binding_callbacks.length)\n binding_callbacks.pop()();\n // then, once components are updated, call\n // afterUpdate functions. This may cause\n // subsequent updates...\n for (let i = 0; i < render_callbacks.length; i += 1) {\n const callback = render_callbacks[i];\n if (!seen_callbacks.has(callback)) {\n // ...so guard against infinite loops\n seen_callbacks.add(callback);\n callback();\n }\n }\n render_callbacks.length = 0;\n } while (dirty_components.length);\n while (flush_callbacks.length) {\n flush_callbacks.pop()();\n }\n update_scheduled = false;\n seen_callbacks.clear();\n set_current_component(saved_component);\n}\nfunction update($$) {\n if ($$.fragment !== null) {\n $$.update();\n run_all($$.before_update);\n const dirty = $$.dirty;\n $$.dirty = [-1];\n $$.fragment && $$.fragment.p($$.ctx, dirty);\n $$.after_update.forEach(add_render_callback);\n }\n}\n\nlet promise;\nfunction wait() {\n if (!promise) {\n promise = Promise.resolve();\n promise.then(() => {\n promise = null;\n });\n }\n return promise;\n}\nfunction dispatch(node, direction, kind) {\n node.dispatchEvent(custom_event(`${direction ? 'intro' : 'outro'}${kind}`));\n}\nconst outroing = new Set();\nlet outros;\nfunction group_outros() {\n outros = {\n r: 0,\n c: [],\n p: outros // parent group\n };\n}\nfunction check_outros() {\n if (!outros.r) {\n run_all(outros.c);\n }\n outros = outros.p;\n}\nfunction transition_in(block, local) {\n if (block && block.i) {\n outroing.delete(block);\n block.i(local);\n }\n}\nfunction transition_out(block, local, detach, callback) {\n if (block && block.o) {\n if (outroing.has(block))\n return;\n outroing.add(block);\n outros.c.push(() => {\n outroing.delete(block);\n if (callback) {\n if (detach)\n block.d(1);\n callback();\n }\n });\n block.o(local);\n }\n else if (callback) {\n callback();\n }\n}\nconst null_transition = { duration: 0 };\nfunction create_in_transition(node, fn, params) {\n let config = fn(node, params);\n let running = false;\n let animation_name;\n let task;\n let uid = 0;\n function cleanup() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 0, 1, duration, delay, easing, css, uid++);\n tick(0, 1);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n if (task)\n task.abort();\n running = true;\n add_render_callback(() => dispatch(node, true, 'start'));\n task = loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(1, 0);\n dispatch(node, true, 'end');\n cleanup();\n return running = false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(t, 1 - t);\n }\n }\n return running;\n });\n }\n let started = false;\n return {\n start() {\n if (started)\n return;\n started = true;\n delete_rule(node);\n if (is_function(config)) {\n config = config();\n wait().then(go);\n }\n else {\n go();\n }\n },\n invalidate() {\n started = false;\n },\n end() {\n if (running) {\n cleanup();\n running = false;\n }\n }\n };\n}\nfunction create_out_transition(node, fn, params) {\n let config = fn(node, params);\n let running = true;\n let animation_name;\n const group = outros;\n group.r += 1;\n function go() {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n if (css)\n animation_name = create_rule(node, 1, 0, duration, delay, easing, css);\n const start_time = now() + delay;\n const end_time = start_time + duration;\n add_render_callback(() => dispatch(node, false, 'start'));\n loop(now => {\n if (running) {\n if (now >= end_time) {\n tick(0, 1);\n dispatch(node, false, 'end');\n if (!--group.r) {\n // this will result in `end()` being called,\n // so we don't need to clean up here\n run_all(group.c);\n }\n return false;\n }\n if (now >= start_time) {\n const t = easing((now - start_time) / duration);\n tick(1 - t, t);\n }\n }\n return running;\n });\n }\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go();\n });\n }\n else {\n go();\n }\n return {\n end(reset) {\n if (reset && config.tick) {\n config.tick(1, 0);\n }\n if (running) {\n if (animation_name)\n delete_rule(node, animation_name);\n running = false;\n }\n }\n };\n}\nfunction create_bidirectional_transition(node, fn, params, intro) {\n let config = fn(node, params);\n let t = intro ? 0 : 1;\n let running_program = null;\n let pending_program = null;\n let animation_name = null;\n function clear_animation() {\n if (animation_name)\n delete_rule(node, animation_name);\n }\n function init(program, duration) {\n const d = (program.b - t);\n duration *= Math.abs(d);\n return {\n a: t,\n b: program.b,\n d,\n duration,\n start: program.start,\n end: program.start + duration,\n group: program.group\n };\n }\n function go(b) {\n const { delay = 0, duration = 300, easing = identity, tick = noop, css } = config || null_transition;\n const program = {\n start: now() + delay,\n b\n };\n if (!b) {\n // @ts-ignore todo: improve typings\n program.group = outros;\n outros.r += 1;\n }\n if (running_program || pending_program) {\n pending_program = program;\n }\n else {\n // if this is an intro, and there's a delay, we need to do\n // an initial tick and/or apply CSS animation immediately\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, b, duration, delay, easing, css);\n }\n if (b)\n tick(0, 1);\n running_program = init(program, duration);\n add_render_callback(() => dispatch(node, b, 'start'));\n loop(now => {\n if (pending_program && now > pending_program.start) {\n running_program = init(pending_program, duration);\n pending_program = null;\n dispatch(node, running_program.b, 'start');\n if (css) {\n clear_animation();\n animation_name = create_rule(node, t, running_program.b, running_program.duration, 0, easing, config.css);\n }\n }\n if (running_program) {\n if (now >= running_program.end) {\n tick(t = running_program.b, 1 - t);\n dispatch(node, running_program.b, 'end');\n if (!pending_program) {\n // we're done\n if (running_program.b) {\n // intro — we can tidy up immediately\n clear_animation();\n }\n else {\n // outro — needs to be coordinated\n if (!--running_program.group.r)\n run_all(running_program.group.c);\n }\n }\n running_program = null;\n }\n else if (now >= running_program.start) {\n const p = now - running_program.start;\n t = running_program.a + running_program.d * easing(p / running_program.duration);\n tick(t, 1 - t);\n }\n }\n return !!(running_program || pending_program);\n });\n }\n }\n return {\n run(b) {\n if (is_function(config)) {\n wait().then(() => {\n // @ts-ignore\n config = config();\n go(b);\n });\n }\n else {\n go(b);\n }\n },\n end() {\n clear_animation();\n running_program = pending_program = null;\n }\n };\n}\n\nfunction handle_promise(promise, info) {\n const token = info.token = {};\n function update(type, index, key, value) {\n if (info.token !== token)\n return;\n info.resolved = value;\n let child_ctx = info.ctx;\n if (key !== undefined) {\n child_ctx = child_ctx.slice();\n child_ctx[key] = value;\n }\n const block = type && (info.current = type)(child_ctx);\n let needs_flush = false;\n if (info.block) {\n if (info.blocks) {\n info.blocks.forEach((block, i) => {\n if (i !== index && block) {\n group_outros();\n transition_out(block, 1, 1, () => {\n if (info.blocks[i] === block) {\n info.blocks[i] = null;\n }\n });\n check_outros();\n }\n });\n }\n else {\n info.block.d(1);\n }\n block.c();\n transition_in(block, 1);\n block.m(info.mount(), info.anchor);\n needs_flush = true;\n }\n info.block = block;\n if (info.blocks)\n info.blocks[index] = block;\n if (needs_flush) {\n flush();\n }\n }\n if (is_promise(promise)) {\n const current_component = get_current_component();\n promise.then(value => {\n set_current_component(current_component);\n update(info.then, 1, info.value, value);\n set_current_component(null);\n }, error => {\n set_current_component(current_component);\n update(info.catch, 2, info.error, error);\n set_current_component(null);\n if (!info.hasCatch) {\n throw error;\n }\n });\n // if we previously had a then/catch block, destroy it\n if (info.current !== info.pending) {\n update(info.pending, 0);\n return true;\n }\n }\n else {\n if (info.current !== info.then) {\n update(info.then, 1, info.value, promise);\n return true;\n }\n info.resolved = promise;\n }\n}\nfunction update_await_block_branch(info, ctx, dirty) {\n const child_ctx = ctx.slice();\n const { resolved } = info;\n if (info.current === info.then) {\n child_ctx[info.value] = resolved;\n }\n if (info.current === info.catch) {\n child_ctx[info.error] = resolved;\n }\n info.block.p(child_ctx, dirty);\n}\n\nconst globals = (typeof window !== 'undefined'\n ? window\n : typeof globalThis !== 'undefined'\n ? globalThis\n : global);\n\nfunction destroy_block(block, lookup) {\n block.d(1);\n lookup.delete(block.key);\n}\nfunction outro_and_destroy_block(block, lookup) {\n transition_out(block, 1, 1, () => {\n lookup.delete(block.key);\n });\n}\nfunction fix_and_destroy_block(block, lookup) {\n block.f();\n destroy_block(block, lookup);\n}\nfunction fix_and_outro_and_destroy_block(block, lookup) {\n block.f();\n outro_and_destroy_block(block, lookup);\n}\nfunction update_keyed_each(old_blocks, dirty, get_key, dynamic, ctx, list, lookup, node, destroy, create_each_block, next, get_context) {\n let o = old_blocks.length;\n let n = list.length;\n let i = o;\n const old_indexes = {};\n while (i--)\n old_indexes[old_blocks[i].key] = i;\n const new_blocks = [];\n const new_lookup = new Map();\n const deltas = new Map();\n i = n;\n while (i--) {\n const child_ctx = get_context(ctx, list, i);\n const key = get_key(child_ctx);\n let block = lookup.get(key);\n if (!block) {\n block = create_each_block(key, child_ctx);\n block.c();\n }\n else if (dynamic) {\n block.p(child_ctx, dirty);\n }\n new_lookup.set(key, new_blocks[i] = block);\n if (key in old_indexes)\n deltas.set(key, Math.abs(i - old_indexes[key]));\n }\n const will_move = new Set();\n const did_move = new Set();\n function insert(block) {\n transition_in(block, 1);\n block.m(node, next);\n lookup.set(block.key, block);\n next = block.first;\n n--;\n }\n while (o && n) {\n const new_block = new_blocks[n - 1];\n const old_block = old_blocks[o - 1];\n const new_key = new_block.key;\n const old_key = old_block.key;\n if (new_block === old_block) {\n // do nothing\n next = new_block.first;\n o--;\n n--;\n }\n else if (!new_lookup.has(old_key)) {\n // remove old block\n destroy(old_block, lookup);\n o--;\n }\n else if (!lookup.has(new_key) || will_move.has(new_key)) {\n insert(new_block);\n }\n else if (did_move.has(old_key)) {\n o--;\n }\n else if (deltas.get(new_key) > deltas.get(old_key)) {\n did_move.add(new_key);\n insert(new_block);\n }\n else {\n will_move.add(old_key);\n o--;\n }\n }\n while (o--) {\n const old_block = old_blocks[o];\n if (!new_lookup.has(old_block.key))\n destroy(old_block, lookup);\n }\n while (n)\n insert(new_blocks[n - 1]);\n return new_blocks;\n}\nfunction validate_each_keys(ctx, list, get_context, get_key) {\n const keys = new Set();\n for (let i = 0; i < list.length; i++) {\n const key = get_key(get_context(ctx, list, i));\n if (keys.has(key)) {\n throw new Error('Cannot have duplicate keys in a keyed each');\n }\n keys.add(key);\n }\n}\n\nfunction get_spread_update(levels, updates) {\n const update = {};\n const to_null_out = {};\n const accounted_for = { $$scope: 1 };\n let i = levels.length;\n while (i--) {\n const o = levels[i];\n const n = updates[i];\n if (n) {\n for (const key in o) {\n if (!(key in n))\n to_null_out[key] = 1;\n }\n for (const key in n) {\n if (!accounted_for[key]) {\n update[key] = n[key];\n accounted_for[key] = 1;\n }\n }\n levels[i] = n;\n }\n else {\n for (const key in o) {\n accounted_for[key] = 1;\n }\n }\n }\n for (const key in to_null_out) {\n if (!(key in update))\n update[key] = undefined;\n }\n return update;\n}\nfunction get_spread_object(spread_props) {\n return typeof spread_props === 'object' && spread_props !== null ? spread_props : {};\n}\n\n// source: https://html.spec.whatwg.org/multipage/indices.html\nconst boolean_attributes = new Set([\n 'allowfullscreen',\n 'allowpaymentrequest',\n 'async',\n 'autofocus',\n 'autoplay',\n 'checked',\n 'controls',\n 'default',\n 'defer',\n 'disabled',\n 'formnovalidate',\n 'hidden',\n 'inert',\n 'ismap',\n 'itemscope',\n 'loop',\n 'multiple',\n 'muted',\n 'nomodule',\n 'novalidate',\n 'open',\n 'playsinline',\n 'readonly',\n 'required',\n 'reversed',\n 'selected'\n]);\n\n/** regex of all html void element names */\nconst void_element_names = /^(?:area|base|br|col|command|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/;\nfunction is_void(name) {\n return void_element_names.test(name) || name.toLowerCase() === '!doctype';\n}\n\nconst invalid_attribute_name_character = /[\\s'\">/=\\u{FDD0}-\\u{FDEF}\\u{FFFE}\\u{FFFF}\\u{1FFFE}\\u{1FFFF}\\u{2FFFE}\\u{2FFFF}\\u{3FFFE}\\u{3FFFF}\\u{4FFFE}\\u{4FFFF}\\u{5FFFE}\\u{5FFFF}\\u{6FFFE}\\u{6FFFF}\\u{7FFFE}\\u{7FFFF}\\u{8FFFE}\\u{8FFFF}\\u{9FFFE}\\u{9FFFF}\\u{AFFFE}\\u{AFFFF}\\u{BFFFE}\\u{BFFFF}\\u{CFFFE}\\u{CFFFF}\\u{DFFFE}\\u{DFFFF}\\u{EFFFE}\\u{EFFFF}\\u{FFFFE}\\u{FFFFF}\\u{10FFFE}\\u{10FFFF}]/u;\n// https://html.spec.whatwg.org/multipage/syntax.html#attributes-2\n// https://infra.spec.whatwg.org/#noncharacter\nfunction spread(args, attrs_to_add) {\n const attributes = Object.assign({}, ...args);\n if (attrs_to_add) {\n const classes_to_add = attrs_to_add.classes;\n const styles_to_add = attrs_to_add.styles;\n if (classes_to_add) {\n if (attributes.class == null) {\n attributes.class = classes_to_add;\n }\n else {\n attributes.class += ' ' + classes_to_add;\n }\n }\n if (styles_to_add) {\n if (attributes.style == null) {\n attributes.style = style_object_to_string(styles_to_add);\n }\n else {\n attributes.style = style_object_to_string(merge_ssr_styles(attributes.style, styles_to_add));\n }\n }\n }\n let str = '';\n Object.keys(attributes).forEach(name => {\n if (invalid_attribute_name_character.test(name))\n return;\n const value = attributes[name];\n if (value === true)\n str += ' ' + name;\n else if (boolean_attributes.has(name.toLowerCase())) {\n if (value)\n str += ' ' + name;\n }\n else if (value != null) {\n str += ` ${name}=\"${value}\"`;\n }\n });\n return str;\n}\nfunction merge_ssr_styles(style_attribute, style_directive) {\n const style_object = {};\n for (const individual_style of style_attribute.split(';')) {\n const colon_index = individual_style.indexOf(':');\n const name = individual_style.slice(0, colon_index).trim();\n const value = individual_style.slice(colon_index + 1).trim();\n if (!name)\n continue;\n style_object[name] = value;\n }\n for (const name in style_directive) {\n const value = style_directive[name];\n if (value) {\n style_object[name] = value;\n }\n else {\n delete style_object[name];\n }\n }\n return style_object;\n}\nconst ATTR_REGEX = /[&\"]/g;\nconst CONTENT_REGEX = /[&<]/g;\n/**\n * Note: this method is performance sensitive and has been optimized\n * https://github.com/sveltejs/svelte/pull/5701\n */\nfunction escape(value, is_attr = false) {\n const str = String(value);\n const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;\n pattern.lastIndex = 0;\n let escaped = '';\n let last = 0;\n while (pattern.test(str)) {\n const i = pattern.lastIndex - 1;\n const ch = str[i];\n escaped += str.substring(last, i) + (ch === '&' ? '&' : (ch === '\"' ? '"' : '<'));\n last = i + 1;\n }\n return escaped + str.substring(last);\n}\nfunction escape_attribute_value(value) {\n // keep booleans, null, and undefined for the sake of `spread`\n const should_escape = typeof value === 'string' || (value && typeof value === 'object');\n return should_escape ? escape(value, true) : value;\n}\nfunction escape_object(obj) {\n const result = {};\n for (const key in obj) {\n result[key] = escape_attribute_value(obj[key]);\n }\n return result;\n}\nfunction each(items, fn) {\n let str = '';\n for (let i = 0; i < items.length; i += 1) {\n str += fn(items[i], i);\n }\n return str;\n}\nconst missing_component = {\n $$render: () => ''\n};\nfunction validate_component(component, name) {\n if (!component || !component.$$render) {\n if (name === 'svelte:component')\n name += ' this={...}';\n throw new Error(`<${name}> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules. Otherwise you may need to fix a <${name}>.`);\n }\n return component;\n}\nfunction debug(file, line, column, values) {\n console.log(`{@debug} ${file ? file + ' ' : ''}(${line}:${column})`); // eslint-disable-line no-console\n console.log(values); // eslint-disable-line no-console\n return '';\n}\nlet on_destroy;\nfunction create_ssr_component(fn) {\n function $$render(result, props, bindings, slots, context) {\n const parent_component = current_component;\n const $$ = {\n on_destroy,\n context: new Map(context || (parent_component ? parent_component.$$.context : [])),\n // these will be immediately discarded\n on_mount: [],\n before_update: [],\n after_update: [],\n callbacks: blank_object()\n };\n set_current_component({ $$ });\n const html = fn(result, props, bindings, slots);\n set_current_component(parent_component);\n return html;\n }\n return {\n render: (props = {}, { $$slots = {}, context = new Map() } = {}) => {\n on_destroy = [];\n const result = { title: '', head: '', css: new Set() };\n const html = $$render(result, props, {}, $$slots, context);\n run_all(on_destroy);\n return {\n html,\n css: {\n code: Array.from(result.css).map(css => css.code).join('\\n'),\n map: null // TODO\n },\n head: result.title + result.head\n };\n },\n $$render\n };\n}\nfunction add_attribute(name, value, boolean) {\n if (value == null || (boolean && !value))\n return '';\n const assignment = (boolean && value === true) ? '' : `=\"${escape(value, true)}\"`;\n return ` ${name}${assignment}`;\n}\nfunction add_classes(classes) {\n return classes ? ` class=\"${classes}\"` : '';\n}\nfunction style_object_to_string(style_object) {\n return Object.keys(style_object)\n .filter(key => style_object[key])\n .map(key => `${key}: ${style_object[key]};`)\n .join(' ');\n}\nfunction add_styles(style_object) {\n const styles = style_object_to_string(style_object);\n return styles ? ` style=\"${styles}\"` : '';\n}\n\nfunction bind(component, name, callback) {\n const index = component.$$.props[name];\n if (index !== undefined) {\n component.$$.bound[index] = callback;\n callback(component.$$.ctx[index]);\n }\n}\nfunction create_component(block) {\n block && block.c();\n}\nfunction claim_component(block, parent_nodes) {\n block && block.l(parent_nodes);\n}\nfunction mount_component(component, target, anchor, customElement) {\n const { fragment, after_update } = component.$$;\n fragment && fragment.m(target, anchor);\n if (!customElement) {\n // onMount happens before the initial afterUpdate\n add_render_callback(() => {\n const new_on_destroy = component.$$.on_mount.map(run).filter(is_function);\n // if the component was destroyed immediately\n // it will update the `$$.on_destroy` reference to `null`.\n // the destructured on_destroy may still reference to the old array\n if (component.$$.on_destroy) {\n component.$$.on_destroy.push(...new_on_destroy);\n }\n else {\n // Edge case - component was destroyed immediately,\n // most likely as a result of a binding initialising\n run_all(new_on_destroy);\n }\n component.$$.on_mount = [];\n });\n }\n after_update.forEach(add_render_callback);\n}\nfunction destroy_component(component, detaching) {\n const $$ = component.$$;\n if ($$.fragment !== null) {\n run_all($$.on_destroy);\n $$.fragment && $$.fragment.d(detaching);\n // TODO null out other refs, including component.$$ (but need to\n // preserve final state?)\n $$.on_destroy = $$.fragment = null;\n $$.ctx = [];\n }\n}\nfunction make_dirty(component, i) {\n if (component.$$.dirty[0] === -1) {\n dirty_components.push(component);\n schedule_update();\n component.$$.dirty.fill(0);\n }\n component.$$.dirty[(i / 31) | 0] |= (1 << (i % 31));\n}\nfunction init(component, options, instance, create_fragment, not_equal, props, append_styles, dirty = [-1]) {\n const parent_component = current_component;\n set_current_component(component);\n const $$ = component.$$ = {\n fragment: null,\n ctx: [],\n // state\n props,\n update: noop,\n not_equal,\n bound: blank_object(),\n // lifecycle\n on_mount: [],\n on_destroy: [],\n on_disconnect: [],\n before_update: [],\n after_update: [],\n context: new Map(options.context || (parent_component ? parent_component.$$.context : [])),\n // everything else\n callbacks: blank_object(),\n dirty,\n skip_bound: false,\n root: options.target || parent_component.$$.root\n };\n append_styles && append_styles($$.root);\n let ready = false;\n $$.ctx = instance\n ? instance(component, options.props || {}, (i, ret, ...rest) => {\n const value = rest.length ? rest[0] : ret;\n if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) {\n if (!$$.skip_bound && $$.bound[i])\n $$.bound[i](value);\n if (ready)\n make_dirty(component, i);\n }\n return ret;\n })\n : [];\n $$.update();\n ready = true;\n run_all($$.before_update);\n // `false` as a special case of no DOM component\n $$.fragment = create_fragment ? create_fragment($$.ctx) : false;\n if (options.target) {\n if (options.hydrate) {\n start_hydrating();\n const nodes = children(options.target);\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.l(nodes);\n nodes.forEach(detach);\n }\n else {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n $$.fragment && $$.fragment.c();\n }\n if (options.intro)\n transition_in(component.$$.fragment);\n mount_component(component, options.target, options.anchor, options.customElement);\n end_hydrating();\n flush();\n }\n set_current_component(parent_component);\n}\nlet SvelteElement;\nif (typeof HTMLElement === 'function') {\n SvelteElement = class extends HTMLElement {\n constructor() {\n super();\n this.attachShadow({ mode: 'open' });\n }\n connectedCallback() {\n const { on_mount } = this.$$;\n this.$$.on_disconnect = on_mount.map(run).filter(is_function);\n // @ts-ignore todo: improve typings\n for (const key in this.$$.slotted) {\n // @ts-ignore todo: improve typings\n this.appendChild(this.$$.slotted[key]);\n }\n }\n attributeChangedCallback(attr, _oldValue, newValue) {\n this[attr] = newValue;\n }\n disconnectedCallback() {\n run_all(this.$$.on_disconnect);\n }\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n // TODO should this delegate to addEventListener?\n if (!is_function(callback)) {\n return noop;\n }\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n };\n}\n/**\n * Base class for Svelte components. Used when dev=false.\n */\nclass SvelteComponent {\n $destroy() {\n destroy_component(this, 1);\n this.$destroy = noop;\n }\n $on(type, callback) {\n if (!is_function(callback)) {\n return noop;\n }\n const callbacks = (this.$$.callbacks[type] || (this.$$.callbacks[type] = []));\n callbacks.push(callback);\n return () => {\n const index = callbacks.indexOf(callback);\n if (index !== -1)\n callbacks.splice(index, 1);\n };\n }\n $set($$props) {\n if (this.$$set && !is_empty($$props)) {\n this.$$.skip_bound = true;\n this.$$set($$props);\n this.$$.skip_bound = false;\n }\n }\n}\n\nfunction dispatch_dev(type, detail) {\n document.dispatchEvent(custom_event(type, Object.assign({ version: '3.53.1' }, detail), { bubbles: true }));\n}\nfunction append_dev(target, node) {\n dispatch_dev('SvelteDOMInsert', { target, node });\n append(target, node);\n}\nfunction append_hydration_dev(target, node) {\n dispatch_dev('SvelteDOMInsert', { target, node });\n append_hydration(target, node);\n}\nfunction insert_dev(target, node, anchor) {\n dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n insert(target, node, anchor);\n}\nfunction insert_hydration_dev(target, node, anchor) {\n dispatch_dev('SvelteDOMInsert', { target, node, anchor });\n insert_hydration(target, node, anchor);\n}\nfunction detach_dev(node) {\n dispatch_dev('SvelteDOMRemove', { node });\n detach(node);\n}\nfunction detach_between_dev(before, after) {\n while (before.nextSibling && before.nextSibling !== after) {\n detach_dev(before.nextSibling);\n }\n}\nfunction detach_before_dev(after) {\n while (after.previousSibling) {\n detach_dev(after.previousSibling);\n }\n}\nfunction detach_after_dev(before) {\n while (before.nextSibling) {\n detach_dev(before.nextSibling);\n }\n}\nfunction listen_dev(node, event, handler, options, has_prevent_default, has_stop_propagation) {\n const modifiers = options === true ? ['capture'] : options ? Array.from(Object.keys(options)) : [];\n if (has_prevent_default)\n modifiers.push('preventDefault');\n if (has_stop_propagation)\n modifiers.push('stopPropagation');\n dispatch_dev('SvelteDOMAddEventListener', { node, event, handler, modifiers });\n const dispose = listen(node, event, handler, options);\n return () => {\n dispatch_dev('SvelteDOMRemoveEventListener', { node, event, handler, modifiers });\n dispose();\n };\n}\nfunction attr_dev(node, attribute, value) {\n attr(node, attribute, value);\n if (value == null)\n dispatch_dev('SvelteDOMRemoveAttribute', { node, attribute });\n else\n dispatch_dev('SvelteDOMSetAttribute', { node, attribute, value });\n}\nfunction prop_dev(node, property, value) {\n node[property] = value;\n dispatch_dev('SvelteDOMSetProperty', { node, property, value });\n}\nfunction dataset_dev(node, property, value) {\n node.dataset[property] = value;\n dispatch_dev('SvelteDOMSetDataset', { node, property, value });\n}\nfunction set_data_dev(text, data) {\n data = '' + data;\n if (text.wholeText === data)\n return;\n dispatch_dev('SvelteDOMSetData', { node: text, data });\n text.data = data;\n}\nfunction validate_each_argument(arg) {\n if (typeof arg !== 'string' && !(arg && typeof arg === 'object' && 'length' in arg)) {\n let msg = '{#each} only iterates over array-like objects.';\n if (typeof Symbol === 'function' && arg && Symbol.iterator in arg) {\n msg += ' You can use a spread to convert this iterable into an array.';\n }\n throw new Error(msg);\n }\n}\nfunction validate_slots(name, slot, keys) {\n for (const slot_key of Object.keys(slot)) {\n if (!~keys.indexOf(slot_key)) {\n console.warn(`<${name}> received an unexpected slot \"${slot_key}\".`);\n }\n }\n}\nfunction validate_dynamic_element(tag) {\n const is_string = typeof tag === 'string';\n if (tag && !is_string) {\n throw new Error(' expects \"this\" attribute to be a string.');\n }\n}\nfunction validate_void_dynamic_element(tag) {\n if (tag && is_void(tag)) {\n console.warn(` is self-closing and cannot have content.`);\n }\n}\nfunction construct_svelte_component_dev(component, props) {\n const error_message = 'this={...} of should specify a Svelte component.';\n try {\n const instance = new component(props);\n if (!instance.$$ || !instance.$set || !instance.$on || !instance.$destroy) {\n throw new Error(error_message);\n }\n return instance;\n }\n catch (err) {\n const { message } = err;\n if (typeof message === 'string' && message.indexOf('is not a constructor') !== -1) {\n throw new Error(error_message);\n }\n else {\n throw err;\n }\n }\n}\n/**\n * Base class for Svelte components with some minor dev-enhancements. Used when dev=true.\n */\nclass SvelteComponentDev extends SvelteComponent {\n constructor(options) {\n if (!options || (!options.target && !options.$$inline)) {\n throw new Error(\"'target' is a required option\");\n }\n super();\n }\n $destroy() {\n super.$destroy();\n this.$destroy = () => {\n console.warn('Component was already destroyed'); // eslint-disable-line no-console\n };\n }\n $capture_state() { }\n $inject_state() { }\n}\n/**\n * Base class to create strongly typed Svelte components.\n * This only exists for typing purposes and should be used in `.d.ts` files.\n *\n * ### Example:\n *\n * You have component library on npm called `component-library`, from which\n * you export a component called `MyComponent`. For Svelte+TypeScript users,\n * you want to provide typings. Therefore you create a `index.d.ts`:\n * ```ts\n * import { SvelteComponentTyped } from \"svelte\";\n * export class MyComponent extends SvelteComponentTyped<{foo: string}> {}\n * ```\n * Typing this makes it possible for IDEs like VS Code with the Svelte extension\n * to provide intellisense and to use the component like this in a Svelte file\n * with TypeScript:\n * ```svelte\n * \n * \n * ```\n *\n * #### Why not make this part of `SvelteComponent(Dev)`?\n * Because\n * ```ts\n * class ASubclassOfSvelteComponent extends SvelteComponent<{foo: string}> {}\n * const component: typeof SvelteComponent = ASubclassOfSvelteComponent;\n * ```\n * will throw a type error, so we need to separate the more strictly typed class.\n */\nclass SvelteComponentTyped extends SvelteComponentDev {\n constructor(options) {\n super(options);\n }\n}\nfunction loop_guard(timeout) {\n const start = Date.now();\n return () => {\n if (Date.now() - start > timeout) {\n throw new Error('Infinite loop detected');\n }\n };\n}\n\nexport { HtmlTag, HtmlTagHydration, SvelteComponent, SvelteComponentDev, SvelteComponentTyped, SvelteElement, action_destroyer, add_attribute, add_classes, add_flush_callback, add_location, add_render_callback, add_resize_listener, add_styles, add_transform, afterUpdate, append, append_dev, append_empty_stylesheet, append_hydration, append_hydration_dev, append_styles, assign, attr, attr_dev, attribute_to_object, beforeUpdate, bind, binding_callbacks, blank_object, bubble, check_outros, children, claim_component, claim_element, claim_html_tag, claim_space, claim_svg_element, claim_text, clear_loops, component_subscribe, compute_rest_props, compute_slots, construct_svelte_component, construct_svelte_component_dev, createEventDispatcher, create_animation, create_bidirectional_transition, create_component, create_in_transition, create_out_transition, create_slot, create_ssr_component, current_component, custom_event, dataset_dev, debug, destroy_block, destroy_component, destroy_each, detach, detach_after_dev, detach_before_dev, detach_between_dev, detach_dev, dirty_components, dispatch_dev, each, element, element_is, empty, end_hydrating, escape, escape_attribute_value, escape_object, exclude_internal_props, fix_and_destroy_block, fix_and_outro_and_destroy_block, fix_position, flush, getAllContexts, getContext, get_all_dirty_from_scope, get_binding_group_value, get_current_component, get_custom_elements_slots, get_root_for_style, get_slot_changes, get_spread_object, get_spread_update, get_store_value, globals, group_outros, handle_promise, hasContext, has_prop, head_selector, identity, init, insert, insert_dev, insert_hydration, insert_hydration_dev, intros, invalid_attribute_name_character, is_client, is_crossorigin, is_empty, is_function, is_promise, is_void, listen, listen_dev, loop, loop_guard, merge_ssr_styles, missing_component, mount_component, noop, not_equal, now, null_to_empty, object_without_properties, onDestroy, onMount, once, outro_and_destroy_block, prevent_default, prop_dev, query_selector_all, raf, run, run_all, safe_not_equal, schedule_update, select_multiple_value, select_option, select_options, select_value, self, setContext, set_attributes, set_current_component, set_custom_element_data, set_custom_element_data_map, set_data, set_data_dev, set_input_type, set_input_value, set_now, set_raf, set_store_value, set_style, set_svg_attributes, space, spread, src_url_equal, start_hydrating, stop_propagation, subscribe, svg_element, text, tick, time_ranges_to_array, to_number, toggle_class, transition_in, transition_out, trusted, update_await_block_branch, update_keyed_each, update_slot, update_slot_base, validate_component, validate_dynamic_element, validate_each_argument, validate_each_keys, validate_slots, validate_store, validate_void_dynamic_element, xlink_attr };\n","\n\n
\n
\n

Environment Id: {site.environmentId}

\n
\n
\n

Environment: {site.environment.name}

\n
\n
\n

Domain: {site.domain}

\n
\n
\n

UrlAddress: {site.urlAddress}

\n
\n
\n

Created date: {site.createdDate}

\n
\n
","\n\n
\n {#if sites && sites.length && sites.length > 0}\n {#each sites as site}\n \n {/each}\n {:else }\n
\n

The site list is empty.

\n
\n {/if}\n
","\n\n
\n
\n
Name
\n
\n {environment.name}\n
\n
\n
\n
Sites
\n
\n \n
\n
\n\n
","\n\n\n{#if environments && environments.length && environments.length > 0}\n
\n {#each environments as environment}\n \n {/each}\n
\n {:else }\n
\n

The environment list is empty.

\n
\n {/if}\n\n","\n
\n
\n
\n \n \n
\n
\n
\n \n
\n
\n\n\n{#if createModal}\n
\n \n
\n{/if}\n\n\n","import App from './App.svelte'\n\nconst app = new App({\n target: document.getElementById('app')\n})\n\nexport default app\n"],"names":["relList","link","processPreload","mutations","mutation","node","getFetchOpts","script","fetchOpts","noop","run","fn","blank_object","run_all","fns","is_function","thing","safe_not_equal","a","b","is_empty","obj","append","target","insert","anchor","detach","destroy_each","iterations","detaching","i","element","name","text","data","space","empty","listen","event","handler","options","attr","attribute","value","children","set_data","set_style","key","important","current_component","set_current_component","component","get_current_component","onMount","dirty_components","binding_callbacks","render_callbacks","flush_callbacks","resolved_promise","update_scheduled","schedule_update","flush","add_render_callback","seen_callbacks","flushidx","saved_component","update","callback","$$","dirty","outroing","outros","group_outros","check_outros","transition_in","block","local","transition_out","create_component","mount_component","customElement","fragment","after_update","new_on_destroy","destroy_component","make_dirty","init","instance","create_fragment","not_equal","props","append_styles","parent_component","ready","ret","rest","nodes","SvelteComponent","type","callbacks","index","$$props","t1_value","ctx","t7_value","t10_value","t13_value","div5","div0","p0","div1","p1","div2","p2","div3","p3","div4","p4","t1","t4","t4_value","t7","t10","t13","site","onSiteDataClicked","div","each_blocks","sites","t2_value","div6","current","t2","sitecontainer_changes","environment","environments","nav","button","create_if_block","button0","button1","createModal","onCreateEnvironmentClicked","$$invalidate","onModalCloseClicked","App"],"mappings":"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"} \ No newline at end of file diff --git a/CodeLiturgy.Views/wwwroot/static/main.css b/CodeLiturgy.Views/wwwroot/static/main.css index 1fc7eab..8bcd75d 100644 --- a/CodeLiturgy.Views/wwwroot/static/main.css +++ b/CodeLiturgy.Views/wwwroot/static/main.css @@ -1,159 +1,4339 @@ -/*! CSS Used from: https://localhost:7022/static/main.css */ -*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;} -body,#q-app{width:100%;height:100%;direction:ltr;} -body{margin:0;box-sizing:border-box;} -header{display:block;} -img{border-style:none;} -button{font:inherit;font-family:inherit;margin:0;} -button{overflow:visible;text-transform:none;} -button::-moz-focus-inner{border:0;padding:0;} -button:-moz-focusring{outline:1px dotted ButtonText;} -.q-avatar{position:relative;vertical-align:middle;display:inline-block;border-radius:50%;font-size:48px;height:1em;width:1em;} -.q-avatar__content{font-size:0.5em;line-height:0.5em;} -.q-avatar__content,.q-avatar img:not(.q-icon):not(.q-img__image){border-radius:inherit;height:inherit;width:inherit;} -.q-btn{display:inline-flex;flex-direction:column;align-items:stretch;position:relative;outline:0;border:0;vertical-align:middle;font-size:14px;line-height:1.715em;text-decoration:none;color:inherit;background:transparent;font-weight:500;text-transform:uppercase;text-align:center;width:auto;height:auto;cursor:default;padding:4px 16px;min-height:2.572em;} -.q-btn:before{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit;box-shadow:0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);} -.q-btn--actionable{cursor:pointer;} -.q-btn--actionable.q-btn--standard:before{transition:box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);} -.q-btn--actionable.q-btn--standard:active:before,.q-btn--actionable.q-btn--standard.q-btn--active:before{box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);} -.q-btn--rectangle{border-radius:3px;} -.q-btn__content{transition:opacity 0.3s;z-index:0;} -.q-chip{vertical-align:middle;border-radius:16px;outline:0;position:relative;height:2em;max-width:100%;margin:4px;background:#e0e0e0;color:rgba(0, 0, 0, 0.87);font-size:14px;padding:0.5em 0.9em;} -.q-chip .q-avatar{font-size:2em;margin-left:-0.45em;margin-right:0.2em;border-radius:16px;} -.q-chip__content{white-space:nowrap;} -.q-layout{width:100%;height:100%;} -.q-layout__section--marginal{background-color:var(--q-primary);color:#fff;} -.q-header{z-index:2000;} -.q-layout,.q-header{position:relative;} -body.body--dark .q-header{border-color:rgba(255, 255, 255, 0.28);} -.q-tab{padding:0 16px;min-height:48px;transition:color 0.3s, background-color 0.3s;text-transform:uppercase;white-space:nowrap;color:inherit;text-decoration:none;} -.q-tab__content{height:inherit;padding:4px 0;min-width:40px;} -.q-tab__label{font-size:14px;line-height:1.715em;font-weight:500;} -.q-tab__indicator{opacity:0;height:2px;background:currentColor;} -.q-tab--inactive{opacity:0.85;} -.q-tabs{position:relative;transition:color 0.3s, background-color 0.3s;} -.q-tabs--not-scrollable .q-tabs__content{border-radius:inherit;} -.q-tabs__content{overflow:hidden;flex:1 1 auto;} -.q-tabs__content--align-center{justify-content:center;} -.bg-primary{background:var(--q-primary)!important;} -.text-white{color:#fff!important;} -.bg-black{background:#000!important;} -.row,.column,.flex{display:flex;flex-wrap:wrap;} -.row.inline{display:inline-flex;} -.column{flex-direction:column;} -.no-wrap{flex-wrap:nowrap;} -.justify-center,.flex-center{justify-content:center;} -.items-center,.flex-center{align-items:center;} -.self-stretch{align-self:stretch;} -@media (min-width: 0){ - .row > .col{width:auto;min-width:0;max-width:100%;} - .col{flex:10000 1 0%;} -} -.non-selectable{-webkit-user-select:none!important;user-select:none!important;} -.cursor-pointer{cursor:pointer!important;} -.relative-position{position:relative;} -.fixed-top{position:fixed;} -.absolute-bottom{position:absolute;} -.fixed-top{top:0;left:0;right:0;} -.absolute-bottom{right:0;bottom:0;left:0;} -.block{display:block!important;} -body{min-width:100px;min-height:100%;font-family:"Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;line-height:1.5;font-size:14px;} -.text-center{text-align:center;} -.no-outline{outline:0!important;} -.overflow-hidden{overflow:hidden!important;} -.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none;} -.hide-scrollbar::-webkit-scrollbar{width:0;height:0;display:none;} -.q-focusable,.q-hoverable{outline:0;} -body.body--dark{color:#fff;background:var(--q-dark-page);} -.q-dark{color:#fff;background:var(--q-dark);} -/*! CSS Used from: https://localhost:7022/static/site.css */ -#profile-wrap{cursor:pointer;margin-left:auto;} -.profile-link{text-decoration:none;} -.profileMenuContainer{position:absolute;background-color:#505050;padding:12px 10px 12px;right:0;border:2px solid #0f0f0f;border-radius:10px;} -/*! CSS Used from: https://localhost:7022/static/envs/envs.css?v=GVMHTdEwofxRjiBisqUkdF-v8_vwdTcr7MjVeF19FrU */ -a{font-weight:500;color:#646cff;text-decoration:inherit;} -a:hover{color:#535bf2;} -body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;} -button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;} -button:hover{border-color:#646cff;} -button:focus{outline:4px auto -webkit-focus-ring-color;} -@media (prefers-color-scheme: light){ - a:hover{color:#747bff;} - button{background-color:#f9f9f9;} +@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined&display=swap); +@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap); + +:root { + --primary: rgb(53, 71, 100); + --on-primary: #FFFFFF; + --primary-container: #EADDFF; + --on-primary-container: #21005E; + --secondary: rgb(29, 54, 92); + --on-secondary: #FFFFFF; + --secondary-container: #E8DEF8; + --on-secondary-container: #1E192B; + --tertiary: #7D5260; + --on-tertiary: #FFFFFF; + --tertiary-container: #FFD8E4; + --on-tertiary-container: #370B1E; + --error: #B3261E; + --on-error: #FFFFFF; + --error-container: #F9DEDC; + --on-error-container: #370B1E; + --background: #FFFBFE; + --on-background: rgb(29, 63, 115); + --surface: #FFFBFE; + --on-surface: #1C1B1F; + --outline: #79747E; + --surface-variant: rgb(60, 84, 117); + --on-surface-variant: #49454E; + --inverse-surface: #313033; + --inverse-on-surface: #F4EFF4; + --overlay: rgba(0, 0, 0, .5); + --active: rgba(0, 0, 0, .1); + --shadow1: 0 2rem 2rem 0 rgba(0, 0, 0, .14), 0 1rem 5rem 0 rgba(0, 0, 0, .12), 0 3rem 1rem -2rem rgba(0, 0, 0, .2); + --shadow2: 0 6rem 10rem 0 rgba(0, 0, 0, .14), 0 1rem 18rem 0 rgba(0, 0, 0, .12), 0 3rem 5rem -1rem rgba(0, 0, 0, .3); + --shadow3: 0 10rem 16rem 0 rgba(0, 0, 0, .14), 0 1rem 31rem 0 rgba(0, 0, 0, .12), 0 3rem 9rem 0rem rgba(0, 0, 0, .4); + --size: 1px; + --tablet-size: 1.2px; + --mobile-size: 1.3px; + --font: "Roboto", BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + --speed1: .1s; + --speed2: .2s; + --speed3: .3s; + --speed4: .4s } -/*! CSS Used from: https://cdssuppliersolutions.com/wp-content/themes/supplierwebsite/styles/main.css?ver=6.0.3 ; media=all */ -@media all{ - *{-webkit-tap-highlight-color:transparent;position:relative;vertical-align:middle;color:inherit;} - i{vertical-align:bottom;} - button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;border:none;font-family:inherit;outline:inherit;justify-content:center;} - button{box-sizing:content-box;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow1);min-height:40rem;height:40rem;font-size:14rem;font-weight:500;color:var(--on-primary);padding:0 16rem;background-color:var(--primary);margin:0 8rem;border-radius:4rem;transition:var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding;} - button.round{transform:none;border-radius:32rem;} - button.square{transform:none;border-radius:4rem;padding:0;} - button:disabled{opacity:.5;cursor:not-allowed;} - button:disabled::after,button:disabled::before{display:none;} - i{font-family:"Material Icons";font-weight:400;font-style:normal;font-size:24rem;line-height:inherit;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle;text-align:center;overflow:hidden;width:24rem;margin:0 auto;color:var(--on-background);} - button > i{color:inherit;} - .modal{position:fixed;box-shadow:var(--shadow2);color:var(--on-surface-variant);background-color:var(--surface-variant);padding:16rem;box-sizing:border-box;z-index:100;left:20%;right:20%;top:5%;min-width:320rem;max-width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;} - nav{display:flex;align-items:center;white-space:nowrap;margin:0 -8rem;} - nav > :not(.dropdown,.badge){margin:0 8rem;} - .row{margin:0 -8rem;color:inherit;min-width:100%;} - .row:after{content:"";display:table;clear:both;} - .row > .col{float:left;text-align:left;box-sizing:border-box;width:min-content;padding:8rem;margin-left:auto;left:auto;right:auto;} - .row .col.s6{width:50%;} - .left-align{text-align:left!important;justify-content:flex-start;} - .right-align{text-align:right!important;justify-content:flex-end;} - .flat{box-shadow:none;} - .round{border-radius:24rem;} - .square{min-width:40rem;min-height:40rem;max-width:40rem;max-height:40rem;height:40rem;} - .square.round{border-radius:16rem;} - h3,h4{font-weight:400;margin:0 0 8rem 0;} - h3{font-size:34rem;} - h4{font-size:24rem;} - p{margin:8rem 0;} - button::after{content:"";position:absolute;top:0;left:0;z-index:1;border-radius:inherit;width:100%;height:100%;background-position:center;background-image:radial-gradient(circle, rgba(255, 255, 255, .4) 1%, transparent 1%);transition:none;will-change:background-size;} - button:focus::after,button:hover::after{background-size:15000%;opacity:1;transition:var(--speed2) background-size linear;} - button:active::after{background-size:5000%;transition:none;} - h3,h4{overflow-wrap:initial;} +.is-dark { + --primary: #D0BCFF; + --on-primary: #371E73; + --primary-container: #4F378B; + --on-primary-container: #EADDFF; + --secondary: #CCC2DC; + --on-secondary: #332D41; + --secondary-container: #4A4458; + --on-secondary-container: #E8DEF8; + --tertiary: #EFB8C8; + --on-tertiary: #492532; + --tertiary-container: #633B48; + --on-tertiary-container: #FFD8E4; + --error: #F2B8B5; + --on-error: #601410; + --error-container: #8C1D18; + --on-error-container: #F9DEDC; + --background: #1C1B1F; + --on-background: #E6E1E5; + --surface: #1C1B1F; + --on-surface: #E6E1E5; + --outline: #938F99; + --surface-variant: #49454F; + --on-surface-variant: #CAC4D0; + --inverse-surface: #E6E1E5; + --inverse-on-surface: #313033; + --overlay: rgba(0, 0, 0, .5); + --active: rgba(255, 255, 255, .2); + --shadow1: 0 2rem 2rem 0 rgba(0, 0, 0, .14), 0 1rem 5rem 0 rgba(0, 0, 0, .12), 0 3rem 1rem -2rem rgba(0, 0, 0, .2); + --shadow2: 0 6rem 10rem 0 rgba(0, 0, 0, .14), 0 1rem 18rem 0 rgba(0, 0, 0, .12), 0 3rem 5rem -1rem rgba(0, 0, 0, .3); + --shadow3: 0 10rem 16rem 0 rgba(0, 0, 0, .14), 0 1rem 31rem 0 rgba(0, 0, 0, .12), 0 3rem 9rem 0rem rgba(0, 0, 0, .4); + --size: 1px; + --font: "Roboto", BlinkMacSystemFont, -apple-system, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + --speed1: .1s; + --speed2: .2s; + --speed3: .3s; + --speed4: .4s } -/*! CSS Used from: https://cdssuppliersolutions.com/wp-content/themes/supplierwebsite/styles/general.css?ver=6.0.3 ; media=all */ -@media all{ - .modal{color:#ffffff;} - .modal-text-column{max-height:540rem;overflow-y:auto;scrollbar-width:auto;scrollbar-color:#dbdfe1 #ffffff;} - .modal-text-column::-webkit-scrollbar{width:18px;} - .modal-text-column::-webkit-scrollbar-track{background:#ffffff0d;} - .modal-text-column::-webkit-scrollbar-thumb{background-color:#b8c4cb7d;border-radius:0px;border:0px solid #ffffff;} - .modal-container .col > p{font-size:20px;} - .modal-container .col > h3{font-weight:bold;} - .square{min-width:25rem;min-height:25rem;max-width:25rem;max-height:25rem;height:25rem;} - .close-button{position:absolute;top:1rem;} - .col.s6.modal-text-column{margin-top:15rem;} - .col.s6{justify-content:center;display:flex;} - .col.s6.left-align{justify-content:flex-start;} - .contact-title-desktop{margin-left:52rem;} - @media (min-width: 1200px){ - .col.title-container-mobile{display:none;} - .modal{padding-left:30rem;} - } - @media (min-width: 992px) and (max-width: 1199px){ - .row .col.s6{width:100%;} - .col.s6.left-align.title-container-desktop{display:none;} - .modal{top:0%;} - } - @media (min-width: 768px) and (max-width: 991px){ - .row .col.s6{width:100%;} - .col.s6.left-align.title-container-desktop{display:none;} - .modal{left:10%;right:10%;top:0%;min-width:80%;max-width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;} - } - @media (max-width: 767px){ - .row .col.s6{width:100%;} - .col.s6.left-align.title-container-desktop{display:none;} - .modal{left:0%;right:0%;top:0%;min-width:100%;max-width:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;} + +* { + -webkit-tap-highlight-color: transparent; + position: relative; + vertical-align: middle; + color: inherit +} + +body { + color: var(--on-background); + background-color: var(--background); + margin: 0; + overflow-x: hidden +} + +label { + font-size: 12rem; + vertical-align: baseline +} + +a, b, i, span { + vertical-align: bottom +} + +.button, a, button { + cursor: pointer; + text-decoration: none; + display: inline-flex; + align-items: center; + border: none; + font-family: inherit; + outline: inherit; + justify-content: center +} + +.wrap { + display: block +} + +a.no-wrap { + flex-direction: row +} + +a.wrap { + flex-direction: column +} + +.scroll { + overflow: auto; + padding-bottom: 16rem +} + +.no-scroll { + overflow: hidden +} + +.responsive { + margin: 0; + width: -webkit-fill-available; + width: -moz-available +} + +.responsive > i, .responsive > img { + margin: 0 +} + +@media only screen and (max-width: 600px) { + .l:not(.s), .large-device:not(.small-device), .m.l:not(.s), .m:not(.s), .medium-device.large-device:not(.small-device), .medium-device:not(.small-device) { + display: none !important } } -/*! CSS Used from: https://cdssuppliersolutions.com/wp-content/plugins/gravityforms/css/basic.min.css?ver=2.5.16 ; media=all */ -@media all{ - ::-ms-reveal{display:none;} + +@media only screen and (min-width: 601px) and (max-width: 992px) { + .l:not(.m), .large-device:not(.medium-device), .s.l:not(.m), .s:not(.m), .small-device.large-device:not(.medium-device), .small-device:not(.medium-device) { + display: none !important + } } -/*! CSS Used fontfaces */ -@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');} \ No newline at end of file + +@media only screen and (min-width: 993px) { + .m.s:not(.l), .m:not(.l), .medium-device.small-device:not(.large-device), .medium-device:not(.large-device), .s:not(.l), .small-device:not(.large-device) { + display: none !important + } +} + +.transparent { + background-color: transparent !important +} + +.transparent-border { + border-color: transparent !important +} + +.transparent-text { + color: transparent !important +} + +.black { + background-color: #000 !important +} + +.black-border { + border-color: #000 !important +} + +.black-text { + color: #000 !important +} + +.white { + background-color: #fff !important +} + +.white-border { + border-color: #fff !important +} + +.white-text { + color: #fff !important +} + +.red, .red6 { + background-color: #f44336 !important +} + +.red-border { + border-color: #f44336 !important +} + +.red-text { + color: #f44336 !important +} + +.red1 { + background-color: #ffebee !important +} + +.red2 { + background-color: #ffcdd2 !important +} + +.red3 { + background-color: #ef9a9a !important +} + +.red4 { + background-color: #e57373 !important +} + +.red5 { + background-color: #ef5350 !important +} + +.red7 { + background-color: #e53935 !important +} + +.red8 { + background-color: #d32f2f !important +} + +.red9 { + background-color: #c62828 !important +} + +.red10 { + background-color: #b71c1c !important +} + +.pink, .pink6 { + background-color: #e91e63 !important +} + +.pink-border { + border-color: #e91e63 !important +} + +.pink-text { + color: #e91e63 !important +} + +.pink1 { + background-color: #fce4ec !important +} + +.pink2 { + background-color: #f8bbd0 !important +} + +.pink3 { + background-color: #f48fb1 !important +} + +.pink4 { + background-color: #f06292 !important +} + +.pink5 { + background-color: #ec407a !important +} + +.pink7 { + background-color: #d81b60 !important +} + +.pink8 { + background-color: #c2185b !important +} + +.pink9 { + background-color: #ad1457 !important +} + +.pink10 { + background-color: #880e4f !important +} + +.purple, .purple6 { + background-color: #9c27b0 !important +} + +.purple-border { + border-color: #9c27b0 !important +} + +.purple-text { + color: #9c27b0 !important +} + +.purple1 { + background-color: #f3e5f5 !important +} + +.purple2 { + background-color: #e1bee7 !important +} + +.purple3 { + background-color: #ce93d8 !important +} + +.purple4 { + background-color: #ba68c8 !important +} + +.purple5 { + background-color: #ab47bc !important +} + +.purple7 { + background-color: #8e24aa !important +} + +.purple8 { + background-color: #7b1fa2 !important +} + +.purple9 { + background-color: #6a1b9a !important +} + +.purple10 { + background-color: #4a148c !important +} + +.deep-purple, .deep-purple6 { + background-color: #673ab7 !important +} + +.deep-purple-border { + border-color: #673ab7 !important +} + +.deep-purple-text { + color: #673ab7 !important +} + +.deep-purple1 { + background-color: #ede7f6 !important +} + +.deep-purple2 { + background-color: #d1c4e9 !important +} + +.deep-purple3 { + background-color: #b39ddb !important +} + +.deep-purple4 { + background-color: #9575cd !important +} + +.deep-purple5 { + background-color: #7e57c2 !important +} + +.deep-purple7 { + background-color: #5e35b1 !important +} + +.deep-purple8 { + background-color: #512da8 !important +} + +.deep-purple9 { + background-color: #4527a0 !important +} + +.deep-purple10 { + background-color: #311b92 !important +} + +.indigo, .indigo6 { + background-color: #3f51b5 !important +} + +.indigo-border { + border-color: #3f51b5 !important +} + +.indigo-text { + color: #3f51b5 !important +} + +.indigo1 { + background-color: #e8eaf6 !important +} + +.indigo2 { + background-color: #c5cae9 !important +} + +.indigo3 { + background-color: #9fa8da !important +} + +.indigo4 { + background-color: #7986cb !important +} + +.indigo5 { + background-color: #5c6bc0 !important +} + +.indigo7 { + background-color: #3949ab !important +} + +.indigo8 { + background-color: #303f9f !important +} + +.indigo9 { + background-color: #283593 !important +} + +.indigo10 { + background-color: #1a237e !important +} + +.blue, .blue6 { + background-color: #2196f3 !important +} + +.blue-border { + border-color: #2196f3 !important +} + +.blue-text { + color: #2196f3 !important +} + +.blue1 { + background-color: #e3f2fd !important +} + +.blue2 { + background-color: #bbdefb !important +} + +.blue3 { + background-color: #90caf9 !important +} + +.blue4 { + background-color: #64b5f6 !important +} + +.blue5 { + background-color: #42a5f5 !important +} + +.blue7 { + background-color: #1e88e5 !important +} + +.blue8 { + background-color: #1976d2 !important +} + +.blue9 { + background-color: #1565c0 !important +} + +.blue10 { + background-color: #0d47a1 !important +} + +.light-blue, .light-blue6 { + background-color: #03a9f4 !important +} + +.light-blue-border { + border-color: #03a9f4 !important +} + +.light-blue-text { + color: #03a9f4 !important +} + +.light-blue1 { + background-color: #e1f5fe !important +} + +.light-blue2 { + background-color: #b3e5fc !important +} + +.light-blue3 { + background-color: #81d4fa !important +} + +.light-blue4 { + background-color: #4fc3f7 !important +} + +.light-blue5 { + background-color: #29b6f6 !important +} + +.light-blue7 { + background-color: #039be5 !important +} + +.light-blue8 { + background-color: #0288d1 !important +} + +.light-blue9 { + background-color: #0277bd !important +} + +.light-blue10 { + background-color: #01579b !important +} + +.cyan, .cyan6 { + background-color: #00bcd4 !important +} + +.cyan-border { + border-color: #00bcd4 !important +} + +.cyan-text { + color: #00bcd4 !important +} + +.cyan1 { + background-color: #e0f7fa !important +} + +.cyan2 { + background-color: #b2ebf2 !important +} + +.cyan3 { + background-color: #80deea !important +} + +.cyan4 { + background-color: #4dd0e1 !important +} + +.cyan5 { + background-color: #26c6da !important +} + +.cyan7 { + background-color: #00acc1 !important +} + +.cyan8 { + background-color: #0097a7 !important +} + +.cyan9 { + background-color: #00838f !important +} + +.cyan10 { + background-color: #006064 !important +} + +.teal, .teal6 { + background-color: #009688 !important +} + +.teal-border { + border-color: #009688 !important +} + +.teal-text { + color: #009688 !important +} + +.teal1 { + background-color: #e0f2f1 !important +} + +.teal2 { + background-color: #b2dfdb !important +} + +.teal3 { + background-color: #80cbc4 !important +} + +.teal4 { + background-color: #4db6ac !important +} + +.teal5 { + background-color: #26a69a !important +} + +.teal7 { + background-color: #00897b !important +} + +.teal8 { + background-color: #00796b !important +} + +.teal9 { + background-color: #00695c !important +} + +.teal10 { + background-color: #004d40 !important +} + +.green, .green6 { + background-color: #4caf50 !important +} + +.green-border { + border-color: #4caf50 !important +} + +.green-text { + color: #4caf50 !important +} + +.green1 { + background-color: #e8f5e9 !important +} + +.green2 { + background-color: #c8e6c9 !important +} + +.green3 { + background-color: #a5d6a7 !important +} + +.green4 { + background-color: #81c784 !important +} + +.green5 { + background-color: #66bb6a !important +} + +.green7 { + background-color: #43a047 !important +} + +.green8 { + background-color: #388e3c !important +} + +.green9 { + background-color: #2e7d32 !important +} + +.green10 { + background-color: #1b5e20 !important +} + +.light-green, .light-green6 { + background-color: #8bc34a !important +} + +.light-green-border { + border-color: #8bc34a !important +} + +.light-green-text { + color: #8bc34a !important +} + +.light-green1 { + background-color: #f1f8e9 !important +} + +.light-green2 { + background-color: #dcedc8 !important +} + +.light-green3 { + background-color: #c5e1a5 !important +} + +.light-green4 { + background-color: #aed581 !important +} + +.light-green5 { + background-color: #9ccc65 !important +} + +.light-green7 { + background-color: #7cb342 !important +} + +.light-green8 { + background-color: #689f38 !important +} + +.light-green9 { + background-color: #558b2f !important +} + +.light-green10 { + background-color: #33691e !important +} + +.lime, .lime6 { + background-color: #cddc39 !important +} + +.lime-border { + border-color: #cddc39 !important +} + +.lime-text { + color: #cddc39 !important +} + +.lime1 { + background-color: #f9fbe7 !important +} + +.lime2 { + background-color: #f0f4c3 !important +} + +.lime3 { + background-color: #e6ee9c !important +} + +.lime4 { + background-color: #dce775 !important +} + +.lime5 { + background-color: #d4e157 !important +} + +.lime7 { + background-color: #c0ca33 !important +} + +.lime8 { + background-color: #afb42b !important +} + +.lime9 { + background-color: #9e9d24 !important +} + +.lime10 { + background-color: #827717 !important +} + +.yellow, .yellow6 { + background-color: #ffeb3b !important +} + +.yellow-border { + border-color: #ffeb3b !important +} + +.yellow-text { + color: #ffeb3b !important +} + +.yellow1 { + background-color: #fffde7 !important +} + +.yellow2 { + background-color: #fff9c4 !important +} + +.yellow3 { + background-color: #fff59d !important +} + +.yellow4 { + background-color: #fff176 !important +} + +.yellow5 { + background-color: #ffee58 !important +} + +.yellow7 { + background-color: #fdd835 !important +} + +.yellow8 { + background-color: #fbc02d !important +} + +.yellow9 { + background-color: #f9a825 !important +} + +.yellow10 { + background-color: #f57f17 !important +} + +.amber, .amber6 { + background-color: #ffc107 !important +} + +.amber-border { + border-color: #ffc107 !important +} + +.amber-text { + color: #ffc107 !important +} + +.amber1 { + background-color: #fff8e1 !important +} + +.amber2 { + background-color: #ffecb3 !important +} + +.amber3 { + background-color: #ffe082 !important +} + +.amber4 { + background-color: #ffd54f !important +} + +.amber5 { + background-color: #ffca28 !important +} + +.amber7 { + background-color: #ffb300 !important +} + +.amber8 { + background-color: #ffa000 !important +} + +.amber9 { + background-color: #ff8f00 !important +} + +.amber10 { + background-color: #ff6f00 !important +} + +.orange, .orange6 { + background-color: #ff9800 !important +} + +.orange-border { + border-color: #ff9800 !important +} + +.orange-text { + color: #ff9800 !important +} + +.orange1 { + background-color: #fff3e0 !important +} + +.orange2 { + background-color: #ffe0b2 !important +} + +.orange3 { + background-color: #ffcc80 !important +} + +.orange4 { + background-color: #ffb74d !important +} + +.orange5 { + background-color: #ffa726 !important +} + +.orange7 { + background-color: #fb8c00 !important +} + +.orange8 { + background-color: #f57c00 !important +} + +.orange9 { + background-color: #ef6c00 !important +} + +.orange10 { + background-color: #e65100 !important +} + +.deep-orange, .deep-orange6 { + background-color: #ff5722 !important +} + +.deep-orange-border { + border-color: #ff5722 !important +} + +.deep-orange-text { + color: #ff5722 !important +} + +.deep-orange1 { + background-color: #fbe9e7 !important +} + +.deep-orange2 { + background-color: #ffccbc !important +} + +.deep-orange3 { + background-color: #ffab91 !important +} + +.deep-orange4 { + background-color: #ff8a65 !important +} + +.deep-orange5 { + background-color: #ff7043 !important +} + +.deep-orange7 { + background-color: #f4511e !important +} + +.deep-orange8 { + background-color: #e64a19 !important +} + +.deep-orange9 { + background-color: #d84315 !important +} + +.deep-orange10 { + background-color: #bf360c !important +} + +.brown, .brown6 { + background-color: #795548 !important +} + +.brown-border { + border-color: #795548 !important +} + +.brown-text { + color: #795548 !important +} + +.brown1 { + background-color: #efebe9 !important +} + +.brown2 { + background-color: #d7ccc8 !important +} + +.brown3 { + background-color: #bcaaa4 !important +} + +.brown4 { + background-color: #a1887f !important +} + +.brown5 { + background-color: #8d6e63 !important +} + +.brown7 { + background-color: #6d4c41 !important +} + +.brown8 { + background-color: #5d4037 !important +} + +.brown9 { + background-color: #4e342e !important +} + +.brown10 { + background-color: #3e2723 !important +} + +.blue-grey, .blue-grey6 { + background-color: #607d8b !important +} + +.blue-grey-border { + border-color: #607d8b !important +} + +.blue-grey-text { + color: #607d8b !important +} + +.blue-grey1 { + background-color: #eceff1 !important +} + +.blue-grey2 { + background-color: #cfd8dc !important +} + +.blue-grey3 { + background-color: #b0bec5 !important +} + +.blue-grey4 { + background-color: #90a4ae !important +} + +.blue-grey5 { + background-color: #78909c !important +} + +.blue-grey7 { + background-color: #546e7a !important +} + +.blue-grey8 { + background-color: #455a64 !important +} + +.blue-grey9 { + background-color: #37474f !important +} + +.blue-grey10 { + background-color: #263238 !important +} + +.grey, .grey6 { + background-color: #9e9e9e !important +} + +.grey-border { + border-color: #9e9e9e !important +} + +.grey-text { + color: #9e9e9e !important +} + +.grey1 { + background-color: #fafafa !important +} + +.grey2 { + background-color: #f5f5f5 !important +} + +.grey3 { + background-color: #eee !important +} + +.grey4 { + background-color: #e0e0e0 !important +} + +.grey5 { + background-color: #bdbdbd !important +} + +.grey7 { + background-color: #757575 !important +} + +.grey8 { + background-color: #616161 !important +} + +.grey9 { + background-color: #424242 !important +} + +.grey10 { + background-color: #212121 !important +} + +.primary-text { + color: var(--primary) !important +} + +.primary-background { + background-color: var(--primary) !important; +} + +.primary { + background-color: var(--primary) !important; + color: var(--on-primary) !important +} + +.primary-container { + background-color: var(--primary-container) !important; + color: var(--on-primary-container) !important text-align: center; + height: 100%; + display: flex; + width: 100%; + justify-content: center; + align-items: center; +} + +.secondary { + background-color: var(--secondary) !important; + color: var(--on-secondary) !important +} + +.secondary-text { + color: var(--secondary) !important; +} + +.secondary-background { + background-color: var(--secondary) !important; +} + +.secondary-container { + background-color: var(--secondary-container) !important; + color: var(--on-secondary-container) !important +} + +.tertiary { + background-color: var(--tertiary) !important; + color: var(--on-tertiary) !important +} + +.tertiary-container { + background-color: var(--tertiary-container) !important; + color: var(--on-tertiary-container) !important +} + +.error { + background-color: var(--error) !important; + color: var(--on-error) !important +} + +.error-container { + background-color: var(--error-container) !important; + color: var(--on-error-container) !important +} + +.background { + background-color: var(--background) !important; + color: var(--on-background) !important +} + +.surface { + background-color: var(--surface) !important; + color: var(--on-surface) !important +} + +.surface-variant { + background-color: var(--surface-variant) !important; + color: var(--on-surface-variant) !important +} + +.inverse-surface { + background-color: var(--inverse-surface); + color: var(--inverse-on-surface) +} + +.badge { + display: inline-flex; + align-items: center; + justify-content: center; + position: absolute; + font-size: 10rem; + text-transform: none; + z-index: 1; + padding: 0 6rem; + background-color: var(--error); + color: var(--on-error); + top: 0; + left: auto; + bottom: auto; + right: 0; + transform: translate(50%, -100%); + width: 16rem; + height: 16rem +} + +.badge.none { + top: auto; + left: auto; + bottom: auto; + right: auto; + transform: none; + position: relative; + margin: 0 2rem +} + +.badge.top { + top: 0; + left: 50%; + bottom: auto; + right: auto; + transform: translate(-50%, -100%) +} + +.badge.bottom { + top: auto; + left: 50%; + bottom: 0; + right: auto; + transform: translate(-50%, 100%) +} + +.badge.left { + top: 50%; + left: 0; + bottom: auto; + right: auto; + transform: translate(-100%, -50%) +} + +.badge.right { + top: 50%; + left: auto; + bottom: auto; + right: 0; + transform: translate(100%, -50%) +} + +.badge.top.left { + top: 0; + left: 0; + bottom: auto; + right: auto; + transform: translate(-50%, -100%) +} + +.badge.top.right { + top: 0; + left: auto; + bottom: auto; + right: 0; + transform: translate(50%, -100%) +} + +.badge.bottom.left { + top: auto; + left: 0; + bottom: 0; + right: auto; + transform: translate(-50%, 100%) +} + +.badge.bottom.right { + top: auto; + left: auto; + bottom: 0; + right: 0; + transform: translate(50%, 100%) +} + +.badge.border { + border: 1rem solid var(--error); + background-color: transparent; + color: var(--error) +} + +.badge.round { + border-radius: 8rem +} + +.badge.circle, .badge.square { + padding: 0; + text-align: center; + width: 16rem; + height: 16rem; + min-width: auto; + min-height: auto; + max-width: none; + max-height: none +} + +.badge.circle { + border-radius: 50% +} + +.badge.square { + border-radius: 0 +} + +.button, button { + box-sizing: content-box; + display: inline-flex; + align-items: center; + justify-content: center; + box-shadow: var(--shadow1); + min-height: 40rem; + height: 40rem; + font-size: 14rem; + font-weight: 500; + color: var(--on-primary); + padding: 0 16rem; + background-color: var(--primary); + margin: 0 8rem; + border-radius: 4rem; + transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding +} + +.button > :not(.dropdown,.progress,.badge,.tooltip) + :not(.dropdown,.progress,.badge,.tooltip), button > :not(.dropdown,.progress,.badge,.tooltip) + :not(.dropdown,.progress,.badge,.tooltip) { + margin-left: 4rem +} + +.button.none, button.none { + box-shadow: none; + width: auto; + min-width: auto; + height: auto; + min-height: auto; + color: var(--primary); + padding: 0; + background-color: transparent; + margin: 0 8rem +} + +.button.small, button.small { + min-height: 32rem !important; + height: 32rem; + font-size: 14rem +} + +.button.medium, button.medium { + min-height: 40rem !important; + height: 40rem +} + +.button.large, button.large { + min-height: 48rem !important; + height: 48rem +} + +.button.extra, button.extra { + min-height: 56rem !important; + height: 56rem; + font-size: 16rem +} + +.button.border, button.border { + border: 1rem solid var(--primary); + background-color: transparent; + color: var(--primary); + box-shadow: none +} + +.button.round, button.round { + transform: none; + border-radius: 32rem +} + +.button.top-round, button.top-round { + border-radius: 32rem 32rem 4rem 4rem !important +} + +.button.bottom-round, button.bottom-round { + border-radius: 4rem 4rem 32rem 32rem !important +} + +.button.left-round, button.left-round { + border-radius: 32rem 4rem 4rem 32rem !important +} + +.button.right-round, button.right-round { + border-radius: 4rem 32rem 32rem 4rem !important +} + +.button.top-round.left-round, button.top-round.left-round { + border-radius: 32rem 32rem 4rem 32rem !important +} + +.button.top-round.right-round, button.top-round.right-round { + border-radius: 32rem 32rem 32rem 4rem !important +} + +.button.bottom-round.left-round, button.bottom-round.left-round { + border-radius: 32rem 4rem 32rem 32rem !important +} + +.button.bottom-round.right-round, button.bottom-round.right-round { + border-radius: 4rem 32rem 32rem 32rem !important +} + +.button.circle, button.circle { + transform: none; + padding: 0; + border-radius: 40rem; + padding: 0 +} + +.button.square, button.square { + transform: none; + border-radius: 4rem; + padding: 0 +} + +.button.extend, button.extend { + min-height: 56rem !important; + min-width: 56rem !important; + padding: 0 +} + +.button.extend > span, button.extend > span { + display: none +} + +.button.extend.active, .button.extend:hover, button.extend.active, button.extend:hover { + width: auto; + max-width: none; + min-width: auto; + padding: 0 16rem +} + +.button.extend.active > i + span, .button.extend:hover > i + span, button.extend.active > i + span, button.extend:hover > i + span { + display: inherit; + margin-left: 32rem +} + +.button.extend.active > img + span, .button.extend:hover > img + span, button.extend.active > img + span, button.extend:hover > img + span { + display: inherit; + margin-left: 48rem +} + +.button.circle:not(.flat,.border), .button.diamond:not(.flat,.border), .button.square:not(.flat,.border), button.circle:not(.flat,.border), button.diamond:not(.flat,.border), button.square:not(.flat,.border) { + box-shadow: var(--shadow2) +} + +.button[disabled], button:disabled { + opacity: .5; + cursor: not-allowed +} + +.button[disabled] { + pointer-events: none +} + +.button[disabled]::after, .button[disabled]::before, button:disabled::after, button:disabled::before { + display: none +} + +.card, article { + box-shadow: var(--shadow1); + background-color: var(--surface-variant); + color: var(--on-surface-variant); + padding: 16rem; + border-radius: 4rem; + display: block; + transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding +} + +.card + .card, article + article { + margin-top: 16rem +} + +.row.medium-space > .col > .card + .card, .row.medium-space > .col > article + article { + margin-top: 24rem +} + +.row.large-space > .col > .card + .card, .row.large-space > .col > article + article { + margin-top: 32rem +} + +.card.small, article.small { + height: 192rem +} + +.card.medium, article.medium { + height: 320rem +} + +.card.large, article.large { + height: 512rem +} + +.card.border, article.border { + border: 1rem solid var(--outline); + box-shadow: none; + background-color: transparent +} + +.card.round, article.round { + border-radius: 24rem +} + +.chip { + box-sizing: content-box; + display: inline-flex; + align-items: center; + justify-content: center; + box-shadow: none; + min-height: 40rem; + height: 40rem; + font-size: 14rem; + font-weight: 500; + color: var(--on-secondary); + padding: 0 16rem; + background-color: var(--secondary); + margin: 0 8rem; + text-transform: none; + border-radius: 8rem; + transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding +} + +.chip > :not(.dropdown,.progress,.badge,.tooltip) + :not(.dropdown,.progress,.badge,.tooltip) { + margin-left: 4rem +} + +.chip.small { + min-height: 32rem !important; + height: 32rem +} + +.chip.medium { + min-height: 40rem !important; + height: 40rem +} + +.chip.large { + min-height: 48rem !important; + height: 48rem +} + +.chip.border { + border: 1rem solid var(--secondary); + background-color: transparent; + color: var(--secondary) +} + +.chip.active::before { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: inherit; + background-color: var(--active) +} + +.chip.circle { + transform: none; + padding: 0; + border-radius: 40rem; + padding: 0 +} + +.chip.square { + transform: none; + border-radius: 4rem; + padding: 0 +} + +.chip.round { + border-radius: 24rem +} + +.container, .container.min { + margin: 0 auto; + max-width: 992rem; + padding: 80rem 88rem; + overflow-x: hidden +} + +.container.max { + max-width: 100% +} + +@media only screen and (max-width: 600px) { + .container, .container.min { + padding: 80rem 8rem + } +} + +.dropdown { + + + position: absolute; + box-shadow: var(--shadow2); + background-color: var(--surface); + box-sizing: border-box; + z-index: 11; + top: auto; + bottom: 0; + left: 0; + right: auto; + width: 100%; + max-height: 320rem; + transform: translateY(100%); + overflow-x: hidden; + overflow-y: auto; + font-size: 14rem; + font-weight: 400; + text-transform: none; + color: var(--on-surface); + line-height: normal; + text-align: left +} + +.dropdown.no-wrap { + width: auto +} + +.button:not([data-ui]):focus-within > .dropdown, .dropdown.active, .dropdown:not([data-ui]):active, .field > :not([data-ui]):focus-within ~ .dropdown, button:not([data-ui]):focus-within > .dropdown { + opacity: 1; + visibility: visible; + max-width: none; + animation: var(--speed1) dropdown-to-bottom +} + +.dropdown.border { + border: 1rem solid var(--outline); + box-shadow: none +} + +.dropdown.round { + border-radius: 24rem +} + +.dropdown.right { + left: 0; + right: auto +} + +.dropdown.left { + left: auto; + right: 0 +} + +.dropdown > a { + display: block; + padding: 8rem 16rem +} + +.dropdown > a.active, .dropdown > a:focus, .dropdown > a:hover { + background-color: var(--active) +} + +.dropdown.no-wrap > a { + white-space: nowrap +} + +.dropdown > a.row.no-wrap, .dropdown > a.row.no-wrap + a.row.no-wrap { + margin: 0 -8rem +} + +@keyframes dropdown-to-bottom { + from { + + transform: translateY(75%) + } + to { + opacity: 1; + transform: translateY(100%) + } +} + +details[open] > :not(summary) { + animation: details-to-open var(--speed3) ease +} + +summary.none { + list-style-type: none +} + +summary { + cursor: pointer +} + +summary:focus { + outline: 0 +} + +@keyframes details-to-open { + 0% { + + transform: translateY(-8rem) + } + 100% { + opacity: 1; + transform: translateY(0) + } +} + +.field { + height: 48rem; + margin-bottom: 8rem; + border: none !important +} + +.field.small { + height: 40rem +} + +.field.medium { + height: 48rem +} + +.field.large { + height: 56rem +} + +.field.extra { + height: 64rem +} + +.field + .field { + margin-top: 24rem +} + +.row.medium-space > .col > .field + .field { + margin-top: 32rem +} + +.row.large-space > .col > .field + .field { + margin-top: 40rem +} + +.field > i, .field > img { + position: absolute; + top: 50%; + left: auto; + right: 16rem; + transform: translateY(-50%); + cursor: pointer; + color: var(--on-background); + z-index: 10 +} + +.field.border > i, .field.border > img, .field.fill > i, .field.fill > img, .field.round > i, .field.round > img { + left: auto; + right: 16rem +} + +.field > i:first-child, .field > img:first-child { + left: 16rem; + right: auto +} + +.field.border > i:first-child, .field.border > img:first-child, .field.fill > i:first-child, .field.fill > img:first-child, .field.round > i:first-child, .field.round > img:first-child { + left: 16rem; + right: auto +} + +.field.invalid > i { + color: var(--error) !important +} + +input[type=file] { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 2; + + cursor: pointer +} + +.field > input, .field > select, .field > textarea { + border: 1rem solid transparent; + border-radius: 8rem 8rem 0 0; + padding: 0 15rem; + font-family: inherit; + font-size: 16rem; + width: 100%; + height: 100%; + outline: 0; + z-index: 1; + color: var(--on-background); + background-color: transparent; + box-sizing: border-box; + resize: none +} + +.field > input:focus, .field > select:focus, .field > textarea:focus { + border: 2rem solid transparent; + padding: 0 14rem +} + +.field.border > input, .field.border > select, .field.border > textarea { + border-color: var(--outline); + border-radius: 8rem; + box-shadow: none !important +} +/* +.field.border > input:focus, .field.border > select:focus, .field.border > textarea:focus { + border-color: var(--primary) +}*/ + +.field.round > input, .field.round > select, .field.round > textarea { + border-radius: 32rem; + box-shadow: var(--shadow1); + padding-left: 23rem; + padding-right: 23rem +} + +.field.round > input:focus, .field.round > select:focus, .field.round > textarea:focus { + padding-left: 22rem; + padding-right: 22rem +} + +.field.prefix > input, .field.prefix > select, .field.prefix > textarea { + padding-left: 47rem +} + +.field.prefix > input:focus, .field.prefix > select:focus, .field.prefix > textarea:focus { + padding-left: 46rem +} + +.field.suffix > input, .field.suffix > select, .field.suffix > textarea { + padding-right: 47rem +} + +.field.suffix > input:focus, .field.suffix > select:focus, .field.suffix > textarea:focus { + padding-right: 46rem +} + +.field:not(.border,.flat,.round) > input, .field:not(.border,.flat,.round) > select, .field:not(.border,.flat,.round) > textarea { + border-bottom-color: var(--outline) +} + +.field:not(.border,.flat,.round) > input:focus, .field:not(.border,.flat,.round) > select:focus, .field:not(.border,.flat,.round) > textarea:focus { + border-bottom-color: var(--primary) +} + +.field.round > textarea { + border-radius: 24rem +} + +.field > select { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + cursor: pointer +} + +.field.fill > input, .field.fill > select, .field.fill > textarea { + background-color: var(--surface-variant); + color: var(--on-surface-variant) +} + +.field.fill > i, .field.fill > img { + color: var(--on-surface-variant) +} + +.field.fill > input, .field.fill > select, .field.fill > textarea { + box-shadow: none +} + +.field.flat > input, .field.flat > select, .field.flat > textarea { + border: none !important; + box-shadow: none !important +} + +.field.flat > input:focus, .field.flat > select:focus, .field.flat > textarea:focus { + box-shadow: var(--shadow1) !important +} + +.field.invalid:not(.border,.round,.flat) > input, .field.invalid:not(.border,.round,.flat) > input:focus, .field.invalid:not(.border,.round,.flat) > select, .field.invalid:not(.border,.round,.flat) > select:focus, .field.invalid:not(.border,.round,.flat) > textarea, .field.invalid:not(.border,.round,.flat) > textarea:focus { + border-bottom-color: var(--error) +} + +.field.invalid.border > input, .field.invalid.border > input:focus, .field.invalid.border > select, .field.invalid.border > select:focus, .field.invalid.border > textarea, .field.invalid.border > textarea:focus { + border-color: var(--error) +} + +.field > :disabled { + opacity: .5; + cursor: not-allowed +} + +.field.small.textarea { + height: 72rem +} + +.field.medium.textarea, .field.textarea { + height: 88rem +} + +.field.large.textarea { + height: 104rem +} + +.field.extra.textarea { + height: 120rem +} + +.field > select > option { + background-color: var(--surface) +} + +.field.label > input, .field.label > select { + padding-top: 16rem +} + +.field.label.border:not(.fill) > input, .field.label.border:not(.fill) > select { + padding-top: 0 +} + +.field.label.small > textarea { + padding-top: 18rem +} + +.field.label.medium > textarea, .field.label > textarea { + padding-top: 22rem +} + +.field.label.large > textarea { + padding-top: 26rem +} + +.field.label.extra > textarea { + padding-top: 30rem +} + +.field.small.border:not(.fill) > textarea, .field.small:not(.label) > textarea { + padding-top: 10rem +} + +.field.border:not(.fill) > textarea, .field.medium.border:not(.fill) > textarea, .field.medium:not(.label) > textarea, .field:not(.label) > textarea { + padding-top: 14rem +} + +.field.large.border:not(.fill) > textarea, .field.large:not(.label) > textarea { + padding-top: 18rem +} + +.field.extra.border:not(.fill) > textarea, .field.extra:not(.label) > textarea { + padding-top: 22rem +} + +.field.label > label { + will-change: top, left; + position: absolute; + top: 50%; + left: 16rem; + font-size: 16rem; + transform: translateY(-50%); + transition: all var(--speed1); + z-index: 10 +} + +.field.label.textarea.small > label { + top: 20rem +} + +.field.label.textarea.medium > label, .field.label.textarea > label { + top: 24rem +} + +.field.label.textarea.large > label { + top: 28rem +} + +.field.label.textarea.extra > label { + top: 32rem +} + +.field.label.round > label { + left: 24rem +} + +.field.label.prefix > label { + left: 48rem +} + +.field.label > [placeholder]:focus ~ label, .field.label > [placeholder]:not(:placeholder-shown) ~ label, .field.label > label.active { + font-size: 12rem; + transform: translateY(-120%) +} + +.field.label.border:not(.fill) > [placeholder]:focus ~ label, .field.label.border:not(.fill) > [placeholder]:not(:placeholder-shown) ~ label, .field.label.border:not(.fill) > label.active { + font-size: 12rem; + top: 0; + left: 16rem; + transform: translateY(-50%) +} + +.field.label.border.round:not(.fill) > [placeholder]:focus ~ label, .field.label.border.round:not(.fill) > [placeholder]:not(:placeholder-shown) ~ label, .field.label.border.round:not(.fill) > label.active { + left: 24rem +} + +.field.label > :focus ~ label { + color: var(--primary) +} + +.field.invalid > label { + color: var(--error) !important +} + +.field.required > label:after, .field > label.required:after { + content: " * " +} + +.field > .error, .field > .helper { + position: absolute; + left: 16rem; + bottom: 0; + transform: translateY(100%); + font-size: 12rem; + background: 0 0 !important; + padding-top: 2rem +} + +a.helper { + color: var(--primary) +} + +.field > .error { + color: var(--error) !important +} + +.field.round > .error, .field.round > .helper { + left: 24rem +} + +.field.invalid > .helper { + display: none +} + +table td > .field { + max-height: 100%; + height: 100%; + margin: 0; + padding: 0 +} + +i { + font-family: "Material Icons"; + font-weight: 400; + font-style: normal; + font-size: 24rem; + line-height: inherit; + letter-spacing: normal; + text-transform: none; + display: inline-block; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-feature-settings: "liga"; + -webkit-font-smoothing: antialiased; + vertical-align: middle; + text-align: center; + overflow: hidden; + width: 24rem; + margin: 0 auto; + color: var(--on-background) +} + +i.outlined { + font-family: "Material Icons Outlined" +} + +i.small { + font-size: 16rem; + width: 16rem +} + +i.medium { + font-size: 24rem; + width: 24rem +} + +i.large { + font-size: 32rem; + width: 32rem +} + +i.extra { + font-size: 48rem; + width: 48rem +} + +.circle > i { + vertical-align: unset +} + +.absolute { + position: absolute +} + +.fixed { + position: fixed +} + +.absolute, .fixed { + border-radius: inherit; + float: none +} + +.absolute.round, .fixed.round { + border-radius: 24rem +} + +.absolute.border, .fixed.border { + border: 1rem solid var(--outline) +} + +.absolute.left.right, .fixed.left.right { + width: auto +} + +.absolute.left.right.small, .fixed.left.right.small { + height: 320rem +} + +.absolute.left.right.medium, .fixed.left.right.medium { + height: 448rem +} + +.absolute.left.right.large, .fixed.left.right.large { + height: 704rem +} + +.absolute.top.bottom.small, .fixed.top.bottom.small { + width: 320rem +} + +.absolute.top.bottom.medium, .fixed.top.bottom.medium { + width: 448rem +} + +.absolute.top.bottom.large, .fixed.top.bottom.large { + width: 704rem +} + +footer.fixed, header.fixed { + position: sticky; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 11; + background-color: inherit; + padding: inherit; + padding-left: 0; + padding-right: 0 +} + +.card > header.fixed, .medium-padding > header.fixed, .modal > header.fixed, .padding > header.fixed, article > header.fixed { + transform: translateY(-16rem) +} + +.card > footer.fixed, .medium-padding > footer.fixed, .modal > footer.fixed, .padding > footer.fixed, article > footer.fixed { + transform: translateY(16rem) +} + +.no-padding > footer.fixed, .no-padding > header.fixed { + transform: none +} + +.small-padding > header.fixed { + transform: translateY(-8rem) +} + +.small-padding > footer.fixed { + transform: translateY(8rem) +} + +.large-padding > header.fixed { + transform: translateY(-24rem) +} + +.large-padding > footer.fixed { + transform: translateY(24rem) +} + +.loader { + display: inline-block; + width: 40rem; + height: 40rem; + border-radius: 50%; + box-sizing: border-box; + border: 4rem solid var(--primary); + clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%); + animation: 1.6s to-loader linear infinite; + background: 0 0 !important +} + +.loader.small { + width: 24rem; + height: 24rem; + border-width: 3rem +} + +.loader.medium { + width: 40rem; + height: 40rem; + border-width: 4rem +} + +.loader.large { + width: 56rem; + height: 56rem; + border-width: 5rem +} + +.loader.red { + border-color: #f44336 !important +} + +.loader.pink { + border-color: #e91e63 !important +} + +.loader.purple { + border-color: #9c27b0 !important +} + +.loader.deep-purple { + border-color: #673ab7 !important +} + +.loader.indigo { + border-color: #3f51b5 !important +} + +.loader.blue { + border-color: #2196f3 !important +} + +.loader.light-blue { + border-color: #03a9f4 !important +} + +.loader.cyan { + border-color: #00bcd4 !important +} + +.loader.teal { + border-color: #009688 !important +} + +.loader.green { + border-color: #4caf50 !important +} + +.loader.light-green { + border-color: #8bc34a !important +} + +.loader.lime { + border-color: #cddc39 !important +} + +.loader.yellow { + border-color: #ffeb3b !important +} + +.loader.amber { + border-color: #ffc107 !important +} + +.loader.orange { + border-color: #ff9800 !important +} + +.loader.deep-orange { + border-color: #ff5722 !important +} + +.loader.brown { + border-color: #795548 !important +} + +.loader.blue-grey { + border-color: #607d8b !important +} + +.loader.grey { + border-color: #9e9e9e !important +} + +.loader.black { + border-color: #000 !important +} + +.loader.white { + border-color: #fff !important +} + +@keyframes to-loader { + 0% { + transform: rotate(0); + clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%) + } + 20% { + clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%) + } + 30% { + clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 50% 100%) + } + 40% { + clip-path: polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%) + } + 50% { + clip-path: polygon(50% 50%, 50% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%) + } + 60% { + clip-path: polygon(50% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%) + } + 70% { + clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 50%) + } + 80% { + clip-path: polygon(50% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 50%) + } + 90% { + transform: rotate(360deg); + clip-path: polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%) + } + 100% { + clip-path: polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%) + } +} + +img, video { + border-radius: inherit; + margin: 0 auto +} + +i.right, img.right, video.right { + position: absolute; + right: 0 +} + +i.left, img.left, video.left { + position: absolute; + left: 0 +} + +img.border, img.circle, img.extra, img.large, img.medium, img.responsive, img.round, img.small, img.tiny, video.border, video.circle, video.extra, video.large, video.medium, video.responsive, video.round, video.small, video.tiny { + object-fit: cover; + object-position: center; + transition: var(--speed3) transform, var(--speed3) border-radius, var(--speed3) padding +} + +img.border, video.border { + border: 1rem solid var(--outline) +} + +img.round, video.round { + border-radius: 8rem !important; + height: 48rem !important; + width: 48rem !important +} + +img.circle, video.circle { + border-radius: 50% !important; + height: 48rem !important; + width: 48rem !important +} + +img.tiny, video.tiny { + height: 32rem !important; + width: 32rem !important +} + +img.small, video.small { + height: 40rem !important; + width: 40rem !important +} + +img.medium, video.medium { + height: 48rem !important; + width: 48rem !important +} + +img.large, video.large { + height: 56rem !important; + width: 56rem !important +} + +img.extra, video.extra { + height: 64rem !important; + width: 64rem !important +} + +img.responsive, video.responsive { + width: 100% !important; + height: 100% !important +} + +.button > i, .chip > i, button > i { + color: inherit +} + +.button > img.responsive, .chip > img.responsive, button > img.responsive { + width: 40rem !important; + border: 2rem solid transparent; + box-sizing: border-box +} + +.button.small > img.responsive, .chip.small > img.responsive, button.small > img.responsive { + width: 32rem !important +} + +.button.large > img.responsive, .chip.large > img.responsive, button.large > img.responsive { + width: 48rem !important +} + +.button.extra > img.responsive, .chip.extra > img.responsive, button.extra > img.responsive { + width: 56rem !important +} + +img.responsive.tiny, video.responsive.tiny { + width: 100% !important; + height: 64rem !important +} + +img.responsive.small, video.responsive.small { + width: 100% !important; + height: 128rem !important +} + +img.responsive.medium, video.responsive.medium { + width: 100% !important; + height: 192rem !important +} + +img.responsive.large, video.responsive.large { + width: 100% !important; + height: 256rem !important +} + +img.responsive.extra, video.responsive.extra { + width: 100% !important; + height: 320rem !important +} + +img.empty-state, video.empty-state { + max-width: 100%; + width: 384rem +} + +.button > img:not(.responsive,.tiny,.small,.medium,.large,.extra), .chip > img:not(.responsive,.tiny,.small,.medium,.large,.extra), .field > img:not(.responsive,.tiny,.small,.medium,.large,.extra), .tabs > a > img:not(.responsive,.tiny,.small,.medium,.large,.extra), button > img:not(.responsive,.tiny,.small,.medium,.large,.extra), td img:not(.responsive,.tiny,.small,.medium,.large,.extra) { + min-width: 24rem !important; + max-width: 24rem !important; + min-height: 24rem !important; + max-height: 24rem !important +} + +.button.circle > img, .button.diamond > img, .button.square > img, button.circle > img, button.diamond > img, button.square > img { + margin: 0 !important; + padding: 0 !important +} + +.button > img.responsive:first-child, .chip > img.responsive:first-child, button > img.responsive:first-child { + margin-left: -16rem +} + +.button > img.responsive:last-child, .chip > img.responsive:last-child, button > img.responsive:last-child { + margin-right: -16rem +} + +.button.extend > i:first-child, .button.extend > img:first-child, button.extend > i:first-child, button.extend > img:first-child { + position: absolute; + left: 16rem +} + +.button.extend > i:last-child, .button.extend > img:last-child, button.extend > i:last-child, button.extend > img:last-child { + position: absolute; + right: 16rem +} + +.button.extend > img.responsive:first-child, button.extend > img.responsive:first-child { + position: absolute; + left: 0 +} + +.button.extend > img.responsive:last-child, button.extend > img.responsive:last-child { + position: absolute; + right: 0 +} + +.menu { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + border: 0; + box-shadow: var(--shadow2); + color: var(--on-surface-variant); + background-color: var(--surface-variant); + transform: none; + box-sizing: border-box; + z-index: 100; + left: 0; + top: 0; + bottom: 0; + right: 0; + height: auto; + width: auto; + text-align: center; + width: 100%; +} + +.menu.left, .menu.right { + width: 72rem +} + +.menu.bottom, .menu.top { + height: 64rem +} + +.menu::before { + content: ""; + position: absolute; + width: 100%; + height: 100%; + background-color: inherit; + z-index: 1; + top: 0; + left: 0; + border-radius: inherit +} + +.menu.border { + box-shadow: none; + border: 1rem solid var(--outline) +} + +.menu.left.border { + border-top: none; + border-bottom: none; + border-left: none +} + +.menu.right.border { + border-top: none; + border-bottom: none; + border-right: none +} + +.menu.top.border { + border-top: none; + border-right: none; + border-left: none +} + +.menu.bottom.border { + border-bottom: none; + border-right: none; + border-left: none +} + +.menu.active { + box-shadow: none +} + +.menu.top { + bottom: auto; + justify-content: center; + flex-direction: row +} + +.menu.left { + right: auto; + justify-content: flex-start; + flex-direction: column +} + +.menu.right { + left: auto; + justify-content: flex-start; + flex-direction: column +} + +.menu.bottom { + top: auto; + justify-content: center; + flex-direction: row +} + +.menu.left-align, .menu.top-align { + align-items: center; + justify-content: flex-start +} + +.menu.bottom-align, .menu.right-align { + align-items: center; + justify-content: flex-end +} + +.menu.center-align, .menu.middle-align { + align-items: center; + justify-content: center +} + +.menu > .button, .menu > .chip, .menu > button, .menu > img, .menu > video { + z-index: 1 +} + +.menu > a:not(button,.button,.chip) { + border: 0; + display: flex; + align-items: center; + flex-direction: column; + font-size: 12rem; + padding: 0; + margin: 4rem; + text-decoration: none; + color: inherit; + text-align: center; + z-index: 1; + width: 56rem; + height: auto; + min-height: 56rem +} + +.menu.no-space:not(.left,.right) > a:not(button,.button,.chip) { + margin: 0 +} + +.menu.small-space:not(.left,.right) > a:not(button,.button,.chip), .menu:not(.left,.right) > a:not(button,.button,.chip) { + margin: 0 8rem +} + +.menu.medium-space:not(.left,.right) > a:not(button,.button,.chip) { + margin: 0 12rem +} + +.menu.large-space:not(.left,.right) > a:not(button,.button,.chip) { + margin: 0 16rem +} + +.menu.no-space:not(.top,.bottom) > a:not(button,.button,.chip) { + margin: 0 +} + +.menu.small-space:not(.top,.bottom) > a:not(button,.button,.chip), .menu:not(.top,.bottom) > a:not(button,.button,.chip) { + margin: 4rem 0 +} + +.menu.medium-space:not(.top,.bottom) > a:not(button,.button,.chip) { + margin: 8rem 0 +} + +.menu.large-space:not(.top,.bottom) > a:not(button,.button,.chip) { + margin: 12rem 0 +} + +.menu > a:not(button,.button,.chip) > i { + margin-bottom: 4rem; + padding: 4rem; + border-radius: 32rem; + transition: var(--speed1) padding linear +} + +.menu > a:not(button,.button,.chip).active > i, .menu > a:not(button,.button,.chip):focus > i, .menu > a:not(button,.button,.chip):hover > i { + background-color: var(--primary); + color: var(--on-primary); + padding: 4rem 16rem +} + +.menu > .row { + z-index: 1 +} + +@media only screen and (max-width: 600px) { + .menu.bottom { + justify-content: space-around + } + + .menu.top { + justify-content: space-around + } + + .menu.bottom > .button, .menu.bottom > .chip, .menu.bottom > button, .menu.bottom > img, .menu.bottom > video, .menu.top > .button, .menu.top > .chip, .menu.top > button, .menu.top > img, .menu.top > video { + margin: 0 + } +} + +.modal { + position: fixed; + box-shadow: var(--shadow2); + color: var(--on-surface-variant); + background-color: var(--surface-variant); + padding: 16rem; + box-sizing: border-box; + z-index: 100; + left: 20%; + right: 20%; + top: 5%; + min-width: 320rem; + max-width: 100%; + max-height: 100%; + overflow-x: hidden; + overflow-y: auto; + +} + +.modal.border { + border: 1rem solid var(--outline); + box-shadow: none +} + +.modal.round { + border-radius: 24rem +} + +.modal.bottom.round { + border-radius: 24rem 24rem 0 0 +} + +.modal.top.round { + border-radius: 0 0 24rem 24rem +} + +.modal.left.round { + border-radius: 0 24rem 24rem 0 +} + +.modal.right.round { + border-radius: 24rem 0 0 24rem +} + +.modal.small { + width: 25%; + height: 25% +} + +.modal.medium { + width: 50%; + height: 50% +} + +.modal.large { + width: 75%; + height: 75% +} + +.modal.active { + opacity: 1; + visibility: visible; + transform: translate(-50%, 0); + animation: var(--speed2) modal-to-center ease +} + +.modal.active.left { + transform: translate(0); + animation: var(--speed2) modal-to-right ease +} + +.modal.active.right { + transform: translate(0); + animation: var(--speed2) modal-to-left ease +} + +.modal.active.top { + transform: translate(0); + animation: var(--speed2) modal-to-bottom ease +} + +.modal.active.bottom { + transform: translate(0); + animation: var(--speed2) modal-to-top ease +} + +.modal.top { + top: 0; + left: 0; + right: auto; + bottom: auto; + height: auto; + width: 100%; + min-width: auto +} + +.modal.left { + float: none; + top: 0; + left: 0; + right: auto; + bottom: auto; + width: auto; + height: 100% +} + +.modal.right { + float: none; + top: 0; + left: auto; + right: 0; + bottom: auto; + width: auto; + height: 100% +} + +.modal.bottom { + top: auto; + left: 0; + right: auto; + bottom: 0; + height: auto; + width: 100%; + min-width: auto +} + +.modal.left.small, .modal.right.small { + width: 320rem +} + +.modal.left.medium, .modal.right.medium { + width: 512rem +} + +.modal.left.large, .modal.right.large { + width: 704rem +} + +.modal.bottom.small, .modal.top.small { + height: 256rem +} + +.modal.bottom.medium, .modal.top.medium { + height: 384rem +} + +.modal.bottom.large, .modal.top.large { + height: 512rem +} + +.menu.left > .modal, .menu > .modal { + z-index: 0; + text-align: left; + padding: 16rem 16rem 16rem 80rem; + overflow-y: auto; + background-color: inherit +} + +.menu.right > .modal { + padding: 16rem 80rem 16rem 16rem +} + +.menu.top > .modal { + padding: 80rem 48rem 16rem 48rem +} + +.menu.bottom > .modal { + padding: 16rem 48rem 80rem 48rem +} + +.modal > a:not(button,.button,.chip).active, .modal > a:not(button,.button,.chip):hover { + background-color: var(--active) +} + +.modal > a.row { + margin: 0 -8rem +} + +.modal > a:not(button,.button,.chip) { + padding: 12rem 0 +} + +@keyframes modal-to-right { + from { + + transform: translate(-50%, 0) + } + to { + opacity: 1; + transform: translate(0) + } +} + +@keyframes modal-to-left { + from { + + transform: translate(50%, 0) + } + to { + opacity: 1; + transform: translate(0) + } +} + +@keyframes modal-to-bottom { + from { + + transform: translate(0, -50%) + } + to { + opacity: 1; + transform: translate(0) + } +} + +@keyframes modal-to-top { + from { + + transform: translate(0, 50%) + } + to { + opacity: 1; + transform: translate(0) + } +} + +@keyframes modal-to-center { + from { + + transform: translate(-50%, -64rem) + } + to { + opacity: 1; + transform: translate(-50%, 0) + } +} + +nav { + display: flex; + align-items: center; + white-space: nowrap; + margin: 0 -8rem +} + +:not(.progress) + nav { + margin-top: 16rem +} + +nav > :not(.dropdown,.badge) { + margin: 0 8rem +} + +nav.wrap { + display: block; + white-space: normal +} + +:not(.progress) + nav.wrap { + margin: 8rem -8rem +} + +nav.wrap > :not(.dropdown,.badge) { + margin: 8rem +} + +.field.label > nav { + margin-top: 20rem +} + +.overlay { + + + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + color: var(--on-background); + background-color: var(--overlay); + z-index: 100 +} + +.menu > .overlay { + z-index: 0 +} + +.overlay.active { + opacity: 1; + visibility: visible; + animation: var(--speed3) overlay-to-active +} + +.overlay.active.bottom-align, .overlay.active.middle-align, .overlay.active.top-align { + display: flex +} + +@keyframes overlay-to-active { + from { + opacity: 0 + } + to { + opacity: 1 + } +} + +.modal:not(.active) .page.active, .page, .page:not(.active) .page.active { + display: block +} + +.page.active { + opacity: 1; + position: inherit; + visibility: visible +} + +.page.top.active { + animation: var(--speed4) page-to-bottom ease +} + +.page.bottom.active { + animation: var(--speed4) page-to-top ease +} + +.page.left.active { + animation: var(--speed4) page-to-right ease +} + +.page.right.active { + animation: var(--speed4) page-to-left ease +} + +@keyframes page-to-bottom { + from { + + transform: translateY(-64rem) + } + to { + opacity: 1; + transform: translateY(0) + } +} + +@keyframes page-to-top { + from { + + transform: translateY(64rem) + } + to { + opacity: 1; + transform: translateY(0) + } +} + +@keyframes page-to-left { + from { + + transform: translateX(64rem) + } + to { + opacity: 1; + transform: translateX(0) + } +} + +@keyframes page-to-right { + from { + + transform: translateX(-64rem) + } + to { + opacity: 1; + transform: translateX(0) + } +} + +.progress { + position: absolute; + background-color: var(--active); + top: 0; + bottom: 0; + left: 0; + right: 0; + border-radius: inherit; + margin: 0 !important; + padding: 0 !important; + transition: var(--speed4) clip-path; + clip-path: polygon(0% 0%, 0% 0%, 0% 0%, 0% 0%) +} + +.progress.left { + clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 0% 0%) +} + +.progress.right { + clip-path: polygon(100% 0%, 100% 100%, 100% 100%, 100% 0%) +} + +.progress.top { + clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%) +} + +.progress.bottom { + clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%) +} + +.row { + margin: 0 -8rem; + color: inherit; + min-width: 100% +} + +.row .row:not(.no-wrap) { + margin-top: -8rem +} + +.row .row .row:not(.no-wrap) { + margin-top: 8rem +} + +.row .row + .row, .row + .row { + margin-top: 16rem +} + +.row:after { + content: ""; + display: table; + clear: both +} + +.row.no-space { + height: auto; + margin: 0 +} + +.row.small-space, .row.space { + height: auto; + margin: 0 -8rem +} + +.row.medium-space { + height: auto; + margin: 0 -12rem +} + +.row.large-space { + height: auto; + margin: 0 -16rem +} + +.row > .col { + float: left; + text-align: left; + box-sizing: border-box; + width: min-content; + padding: 8rem; + margin-left: auto; + left: auto; + right: auto +} + +.row.no-space > .col { + padding: 0 +} + +.row.small-space > .col, .row.space > .col { + padding: 8rem +} + +.row.medium-space > .col { + padding: 12rem +} + +.row.large-space > .col { + padding: 16rem +} + +.row.no-wrap { + margin-top: 0; + margin-bottom: 0; + display: flex +} + +.modal > .row.no-wrap:only-child { + min-height: 100%; + height: max-content +} + +.row + .row { + margin-top: 16rem +} + +.row.no-wrap > .col { + float: none; + flex: 1; + padding-top: 0; + padding-bottom: 0 +} + +.row.no-wrap > .col.min { + flex: 0 +} + +.row .col.s1 { + width: 8.3333333333% +} + +.row .col.s2 { + width: 16.6666666667% +} + +.row .col.s3 { + width: 25% +} + +.row .col.s4 { + width: 33.3333333333% +} + +.row .col.s5 { + width: 41.6666666667% +} + +.row .col.s6 { + width: 50% +} + +.row .col.s7 { + width: 58.3333333333% +} + +.row .col.s8 { + width: 66.6666666667% +} + +.row .col.s9 { + width: 75% +} + +.row .col.s10 { + width: 83.3333333333% +} + +.row .col.s11 { + width: 91.6666666667% +} + +.row .col.s12 { + width: 100% +} + +@media only screen and (min-width: 601px) { + .row .col.m1 { + width: 8.3333333333% + } + + .row .col.m2 { + width: 16.6666666667% + } + + .row .col.m3 { + width: 25% + } + + .row .col.m4 { + width: 33.3333333333% + } + + .row .col.m5 { + width: 41.6666666667% + } + + .row .col.m6 { + width: 50% + } + + .row .col.m7 { + width: 58.3333333333% + } + + .row .col.m8 { + width: 66.6666666667% + } + + .row .col.m9 { + width: 75% + } + + .row .col.m10 { + width: 83.3333333333% + } + + .row .col.m11 { + width: 91.6666666667% + } + + .row .col.m12 { + width: 100% + } +} + +@media only screen and (min-width: 993px) { + .row .col.l1 { + width: 8.3333333333% + } + + .row .col.l2 { + width: 16.6666666667% + } + + .row .col.l3 { + width: 25% + } + + .row .col.l4 { + width: 33.3333333333% + } + + .row .col.l5 { + width: 41.6666666667% + } + + .row .col.l6 { + width: 50% + } + + .row .col.l7 { + width: 58.3333333333% + } + + .row .col.l8 { + width: 66.6666666667% + } + + .row .col.l9 { + width: 75% + } + + .row .col.l10 { + width: 83.3333333333% + } + + .row .col.l11 { + width: 91.6666666667% + } + + .row .col.l12 { + width: 100% + } +} + +.checkbox, .radio, .switch { + width: auto; + height: auto; + line-height: normal; + white-space: nowrap; + cursor: pointer; + display: inline-flex; + align-items: center +} + +.checkbox > *, .radio > *, .switch > * { + margin: 0; + padding: 0 +} + +.checkbox > input, .radio > input { + width: 24rem; + height: 24rem; + opacity: 0 +} + +.checkbox > span, .radio > span, .switch > span { + display: inline-flex; + align-items: center; + color: var(--on-background); + font-size: 14rem +} + +.checkbox > span, .radio > span { + padding-left: 4rem +} + +.checkbox > input + span::before, .radio > input + span::before { + font-family: "Material Icons"; + font-weight: 400; + font-style: normal; + font-size: 24rem; + line-height: inherit; + letter-spacing: normal; + text-transform: none; + display: inline-flex; + align-items: center; + white-space: nowrap; + word-wrap: normal; + direction: ltr; + -webkit-font-feature-settings: "liga"; + -webkit-font-smoothing: antialiased; + vertical-align: middle; + text-align: center; + overflow: hidden; + width: 24rem; + height: 24rem; + margin: 0 auto; + padding: 0; + outline: 0; + cursor: inherit; + color: var(--primary); + position: absolute; + left: -24rem; + background-color: transparent; + border-radius: 50% +} + +.checkbox > input + span::before { + content: "check_box_outline_blank" +} + +.radio > input + span::before { + content: "radio_button_unchecked" +} +/* + +.checkbox > input:focus + span::before, .checkbox > input:hover + span::before, .radio > input:focus + span::before, .radio > input:hover + span::before { + background-color: var(--active); + box-shadow: 0 0 0 8rem var(--active); + animation: var(--speed1) to-checked ease-out +} +*/ + +.checkbox > input:checked + span::before { + color: var(--primary); + content: "check_box" +} + +.radio > input:checked + span::before { + color: var(--primary); + content: "radio_button_checked" +} + +.checkbox + .checkbox, .radio + .radio, .switch + .switch { + margin-left: 8rem +} + +.field > .checkbox, .field > .radio, .field > .switch { + margin: 0 12rem 0 4rem +} + +.field > nav > .checkbox, .field > nav > .radio, .field > nav > .switch { + margin: 0 4rem 0 12rem +} + +.checkbox > span:empty, .radio > span:empty, .switch > span:empty { + padding: 0 +} + +.switch > input { + width: 40rem; + height: 24rem; + opacity: 0 +} + +.switch > input + span::before { + content: ""; + position: absolute; + left: 0; + top: 50%; + background-color: var(--on-background); + opacity: .6; + width: 32rem; + height: 14rem; + border-radius: 8rem; + animation: none; + transform: translate(-40rem, -50%) +} + +.switch > input:checked + span::before { + background-color: var(--primary) +} + +.switch > input + span::after { + content: ""; + position: absolute; + border-radius: 50%; + width: 20rem; + height: 20rem; + background-color: #fff; + box-shadow: var(--shadow1); + left: 0; + top: 50%; + transition: var(--speed1) transform, var(--speed1) background-color; + transform: translate(-44rem, -50%) +} + +.switch > input:checked + span::after { + background-color: var(--primary); + transform: translate(-24rem, -50%) +} + +.switch > input:focus + span::after, .switch > input:hover + span::after { + box-shadow: 0 0 0 8rem var(--active) +} + +.checkbox > input:disabled + span, .radio > input:disabled + span, .switch > input:disabled + span { + opacity: .5; + cursor: not-allowed +} + +@keyframes to-checked { + from { + box-shadow: 0 0 0 0 var(--active) + } + to { + box-shadow: 0 0 0 8rem var(--active) + } +} + +table { + width: 100%; + border-spacing: 0; + font-size: 14rem; + color: var(--on-background) +} + +table th { + width: 1%; + font-weight: 500; + text-align: left; + padding: 8rem 4rem; + margin: 0 +} + +table td { + width: 1%; + text-align: left; + padding: 8rem 4rem; + margin: 0 +} + +table.border td, table.border th { + border-bottom: 1rem solid var(--outline) +} + +table.small td, table.small th { + padding: 4rem 4rem +} + +table.medium td, table.medium th { + padding: 8rem 4rem +} + +table.large td, table.large th { + padding: 12rem 4rem +} + +table.center-align td, table.center-align th { + text-align: center +} + +table.left-align td, table.left-align th { + text-align: left +} + +table.right-align td, table.right-align th { + text-align: right +} + +td > .button, td > .chip, td > .none, td > button, td > nav > .button, td > nav > .chip, td > nav > .none, td > nav > button { + min-height: 24rem; + max-height: 24rem; + box-sizing: border-box +} + +td > .circle:not(.tiny,.small,.medium,.large,.extra), td > .diamond:not(.tiny,.small,.medium,.large,.extra), td > .square:not(.tiny,.small,.medium,.large,.extra), td > nav > .circle:not(.tiny,.small,.medium,.large,.extra), td > nav > .diamond:not(.tiny,.small,.medium,.large,.extra), td > nav > .square:not(.tiny,.small,.medium,.large,.extra) { + min-width: 24rem; + max-width: 24rem; + min-height: 24rem; + max-height: 24rem; + box-sizing: border-box +} + +.tabs { + display: flex; + justify-content: space-around; + margin-top: 16rem; + white-space: nowrap; + border-bottom: 1rem solid var(--outline) +} + +* > .tabs:first-child { + margin-top: 0 +} + +.tabs > a { + display: inline-flex; + align-items: center; + font-size: 14rem; + font-weight: 500; + color: var(--on-background); + padding: 0 16rem; + text-transform: uppercase; + border-bottom: 2rem solid transparent; + text-align: center; + min-height: 40rem; + width: 100% +} + +.tabs > a > span { + margin: 4rem +} + +.tabs.small > a { + min-height: 32rem +} + +.tabs.medium > a { + min-height: 40rem +} + +.tabs.large > a { + min-height: 48rem +} + +.tabs > a.active { + color: var(--primary); + border-bottom: 2rem solid var(--primary) +} + +.tabs > a.active > i { + color: var(--primary) +} + +.tabs > a > i, .tabs > a > img { + margin: 0 +} + +.tabs.center-align > a, .tabs.left-align > a, .tabs.right-align > a { + width: auto +} + +.toast { + position: fixed; + top: auto; + bottom: 72rem; + left: 50%; + right: auto; + width: 80%; + height: auto; + z-index: 200; + + display: inline-block; + box-shadow: var(--shadow2); + color: var(--on-error); + background-color: var(--error-background); + padding: 16rem; + opacity: 1; + margin: 0; + cursor: pointer; + transform: translate(-50%, 0); + text-align: left; + vertical-align: middle +} + +.toast.top { + top: 72rem; + bottom: auto +} + +.toast.bottom { + top: auto; + bottom: 72rem +} + +.toast.active { + visibility: visible; + animation: var(--speed2) toast-to-top +} + +.toast.active.top { + visibility: visible; + animation: var(--speed2) toast-to-bottom +} + +.toast.small { + padding: 8rem +} + +.toast.medium { + padding: 16rem +} + +.toast.large { + padding: 24rem +} + +.toast.round { + border-radius: 24rem +} + +.toast > * + * { + margin-left: 8rem +} + +.toast > * { + color: inherit +} + +@keyframes toast-to-top { + 0% { + + transform: translate(-50%, 16rem) + } + 100% { + opacity: 1; + transform: translate(-50%, 0) + } +} + +@keyframes toast-to-bottom { + 0% { + + transform: translate(-50%, -16rem) + } + 100% { + opacity: 1; + transform: translate(-50%, 0) + } +} + +@media only screen and (min-width: 993px) { + .toast { + width: 40% + } +} + +.tooltip { + display: none; + background-color: rgba(0, 0, 0, .9); + color: #fff; + font-size: 12rem; + text-align: center; + border-radius: 4rem; + padding: 8rem; + position: absolute; + z-index: 3; + top: 0; + left: 50%; + bottom: auto; + right: auto; + transform: translate(-50%, -100%); + width: auto; + white-space: nowrap; + line-height: normal; + text-transform: none; + font-weight: 500 +} + +.tooltip.round { + border-radius: 64rem +} + +.tooltip.border { + border: 1rem solid var(--outline) +} + +.tooltip.left { + left: 0; + top: 50%; + bottom: auto; + right: auto; + transform: translate(-100%, -50%) +} + +.tooltip.right { + right: 0; + top: 50%; + bottom: auto; + left: auto; + transform: translate(100%, -50%) +} + +.tooltip.top { + top: 0; + left: 50%; + bottom: auto; + right: auto; + transform: translate(-50%, -100%) +} + +.tooltip.bottom { + bottom: 0; + left: 50%; + top: auto; + right: auto; + transform: translate(-50%, 100%) +} + +.tooltip.small { + width: 128rem; + white-space: normal +} + +.tooltip.medium { + width: 192rem; + white-space: normal +} + +.tooltip.large { + width: 256rem; + white-space: normal +} + +:hover > .tooltip { + display: initial +} + +.tooltip.large-margin, .tooltip.margin, .tooltip.medium-margin, .tooltip.small-margin { + max-width: none; + max-height: none +} + +.tooltip.small-margin { + margin: -8rem 0 !important +} + +.tooltip.margin, .tooltip.medium-margin { + margin: -16rem 0 !important +} + +.tooltip.large-margin { + margin: -24rem 0 !important +} + +.tooltip.left.small-margin, .tooltip.right.small-margin { + margin: 0 -8rem !important +} + +.tooltip.left.margin, .tooltip.left.medium-margin, .tooltip.right.margin, .tooltip.right.medium-margin { + margin: 0 -16rem !important +} + +.tooltip.left.large-margin, .tooltip.right.large-margin { + margin: 0 -24rem !important +} + +.button:focus > .dropdown ~ .tooltip, .dropdown:active ~ .tooltip, .field > :focus ~ .dropdown ~ .tooltip, button:focus > .dropdown ~ .tooltip { + display: none +} + +.middle-align { + display: flex !important; + align-items: center +} + +.bottom-align { + display: flex !important; + align-items: flex-end +} + +.top-align { + display: flex !important; + align-items: flex-start +} + +.left-align { + text-align: left !important; + justify-content: flex-start +} + +.right-align { + text-align: right !important; + justify-content: flex-end +} + +.center-align { + text-align: center !important; + justify-content: center +} + +.divider, .small-divider { + border-bottom: 1rem solid var(--outline); + display: block; + margin: 8rem 0 +} + +.medium-divider { + border-bottom: 1rem solid var(--outline); + display: block; + margin: 16rem 0 +} + +.large-divider { + border-bottom: 1rem solid var(--outline); + display: block; + margin: 24rem 0 +} + +.row.divider, .row.small-divider { + margin: 0 -8rem !important; + padding: 8rem 0 +} + +.row.medium-divider { + margin: 0 -8rem !important; + padding: 16rem 0 +} + +.row.large-divider { + margin: 0 -8rem !important; + padding: 24rem 0 +} + +.flat { + box-shadow: none +} + +.round { + border-radius: 24rem +} + +.top-round { + border-radius: 24rem 24rem 4rem 4rem !important +} + +.bottom-round { + border-radius: 4rem 4rem 24rem 24rem !important +} + +.left-round { + border-radius: 24rem 4rem 4rem 24rem !important +} + +.right-round { + border-radius: 4rem 24rem 24rem 4rem !important +} + +.top-round.left-round { + border-radius: 24rem 24rem 4rem 24rem !important +} + +.top-round.right-round { + border-radius: 24rem 24rem 24rem 4rem !important +} + +.bottom-round.left-round { + border-radius: 24rem 4rem 24rem 24rem !important +} + +.bottom-round.right-round { + border-radius: 4rem 24rem 24rem 24rem !important +} + +.circle, .diamond, .square { + min-width: 40rem; + min-height: 40rem; + max-width: 40rem; + max-height: 40rem; + height: 40rem +} + +.circle > span, .diamond > span, .square > span { + display: none +} + +.circle.small, .diamond.small, .square.small { + min-width: 32rem; + min-height: 32rem; + max-width: 32rem; + max-height: 32rem; + height: 32rem +} + +.circle.large, .diamond.large, .square.large { + min-width: 48rem; + min-height: 48rem; + max-width: 48rem; + max-height: 48rem; + height: 48rem +} + +.circle.extra, .diamond.extra, .square.extra { + min-width: 56rem; + min-height: 56rem; + max-width: 56rem; + max-height: 56rem; + height: 56rem +} + +.diamond { + transform: rotate(45deg); + border-radius: 4rem; + padding: 0 +} + +.diamond > i { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) rotate(-45deg); + margin: 0; + padding: 0 +} + +.circle.round, .diamond.round, .square.round { + border-radius: 16rem +} + +.diamond.round { + transform: rotate(45deg) +} + +.no-margin { + margin: 0 !important +} + +.small-margin { + margin: 8rem !important +} + +.margin, .medium-margin { + margin: 16rem !important +} + +.large-margin { + margin: 24rem !important +} + +.no-padding { + padding: 0 !important +} + +.small-padding { + padding: 8rem !important +} + +.medium-padding, .padding { + padding: 16rem !important +} + +.large-padding { + padding: 24rem !important +} + +.front { + z-index: 10 !important +} + +.back { + z-index: -10 !important +} + +.left { + left: 0 +} + +.right { + right: 0 +} + +.top { + top: 0 +} + +.bottom { + bottom: 0 +} + +.center { + left: 50%; + transform: translateX(-50%) +} + +.middle { + top: 50%; + transform: translateY(-50%) +} + +.middle.center { + transform: translate(-50%, -50%) +} + +.shadow { + background-color: #00000050 !important; + box-shadow: none !important +} + +.left-shadow { + background-color: transparent !important; + box-shadow: none !important; + background-image: linear-gradient(to right, #000, transparent) !important +} + +.right-shadow { + background-color: transparent !important; + box-shadow: none !important; + background-image: linear-gradient(to left, #000, transparent) !important +} + +.bottom-shadow { + background-color: transparent !important; + box-shadow: none !important; + background-image: linear-gradient(to top, #000, transparent) !important +} + +.top-shadow { + background-color: transparent !important; + box-shadow: none !important; + background-image: linear-gradient(to bottom, #000, transparent) !important +} + +.no-shadow { + box-shadow: none !important +} + +.small-shadow { + box-shadow: var(--shadow1) !important +} + +.medium-shadow { + box-shadow: var(--shadow2) !important +} + +.large-shadow { + box-shadow: var(--shadow3) !important +} + +.small-width { + width: 192rem !important; + max-width: 100% +} + +.medium-width { + width: 384rem !important; + max-width: 100% +} + +.large-width { + width: 576rem !important; + max-width: 100% +} + +.small-height { + height: 192rem !important +} + +.medium-height { + height: 384rem !important +} + +.large-height { + height: 576rem !important +} + +.small-space:not(.menu,nav,.row), .space:not(.menu,nav,.row) { + height: 16rem; + display: block +} + +.medium-space:not(.menu,nav,.row) { + height: 32rem; + display: block +} + +.large-space:not(.menu,nav,.row) { + height: 48rem; + display: block +} + +html { + font-size: var(--size) +} + +body { + font-family: var(--font); + font-size: 16rem +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 400; + margin: 0 0 8rem 0 +} + +:not(.progress) + h1, :not(.progress) + h2, :not(.progress) + h3, :not(.progress) + h4, :not(.progress) + h5, :not(.progress) + h6 { + margin: 8rem 0 +} + +h1 { + font-size: 60rem +} + +h2 { + font-size: 42rem +} + +h3 { + font-size: 34rem +} + +h4 { + font-size: 24rem +} + +h5 { + font-size: 17rem +} + +h6 { + font-size: 15rem +} + +.link { + color: var(--primary) +} + +.truncate { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} + +.small-text { + font-size: 12rem +} + +.medium-text { + font-size: 14rem +} + +.large-text { + font-size: 16rem +} + +.upper { + text-transform: uppercase +} + +.lower { + text-transform: lowercase +} + +.capitalize { + text-transform: capitalize +} + +.bold { + font-weight: 700 +} + +.overline { + text-decoration: line-through +} + +.underline { + text-decoration: underline +} + +.italic { + font-style: italic +} + +p { + margin: 8rem 0 +} + +.button::after, .chip::after, .wave.light::after, .wave::after, button::after { + content: ""; + position: absolute; + top: 0; + left: 0; + z-index: 1; + border-radius: inherit; + width: 100%; + height: 100%; + background-position: center; + background-image: radial-gradient(circle, rgba(255, 255, 255, .4) 1%, transparent 1%); + + transition: none; + will-change: background-size +} + +.button.border::after, .button.none::after, .chip.border::after, .wave.dark::after, button.border::after, button.none::after { + background-image: radial-gradient(circle, rgba(150, 150, 150, .2) 1%, transparent 1%) +} + +.button.none::after, .wave.none::after, button.none::after { + top: 0; + left: -4rem; + padding: 0 4rem +} + +.button.none:not(.small,.medium,.large,.extra)::after, .wave.none:not(.small,.medium,.large,.extra)::after, button.none:not(.small,.medium,.large,.extra)::after { + top: -4rem; + left: -4rem; + padding: 4rem +} + +.button:focus::after, .button:hover::after, .chip:focus::after, .chip:hover::after, .wave:focus::after, .wave:hover::after, button:focus::after, button:hover::after { + background-size: 15000%; + opacity: 1; + transition: var(--speed2) background-size linear +} + +.button:active::after, .chip:active::after, .wave:active::after, button:active::after { + background-size: 5000%; + + transition: none +} + +.no-wave::after, .no-wave:active::after, .no-wave:hover::after { + display: none +} + +h1, h2, h3, h4, h5, h6 { + overflow-wrap: initial; +} + +#profile-wrap { + cursor: pointer; + margin-left: auto; +} + +.profile-link { + text-decoration: none; +} +.profileMenuContainer { + position: absolute; + background-color: #505050; + padding: 12px 10px 12px; + right: 0; + border: 2px solid #0f0f0f; + border-radius: 10px; +} \ No newline at end of file diff --git a/CodeLiturgy.Views/wwwroot/static/site.css b/CodeLiturgy.Views/wwwroot/static/site.css deleted file mode 100644 index 2485acd..0000000 --- a/CodeLiturgy.Views/wwwroot/static/site.css +++ /dev/null @@ -1,16 +0,0 @@ -#profile-wrap { - cursor: pointer; - margin-left: auto; -} - -.profile-link { - text-decoration: none; -} -.profileMenuContainer { - position: absolute; - background-color: #505050; - padding: 12px 10px 12px; - right: 0; - border: 2px solid #0f0f0f; - border-radius: 10px; -} \ No newline at end of file