From f2781b1dfcf05e1495458a67a62c708ec380a213 Mon Sep 17 00:00:00 2001 From: code liturgy Date: Tue, 22 Nov 2022 15:05:35 +0000 Subject: [PATCH] Updates --- CodeLiturgy.Dashboard.Frontend | 2 +- .../Application/Sites/.Site.cs.swp | Bin 0 -> 12288 bytes .../Application/Sites/EnvironmentType.cs | 8 - CodeLiturgy.Views/Application/Sites/Site.cs | 11 +- .../Application/Sites/SiteCreate.cs | 7 +- .../Application/Sites/SiteType.cs | 10 + .../Application/Sites/SiteUnique.cs | 2 +- .../Controllers/AccountController.cs | 4 +- .../Controllers/AuthController.cs | 5 +- .../Controllers/EnvironmentsPageController.cs | 5 +- .../Controllers/HomeController.cs | 4 +- .../Controllers/SitesController.cs | 4 +- .../Controllers/UsersController.cs | 8 - CodeLiturgy.Views/a.out | 0 .../wwwroot/static/envs/envs.css | 2 +- CodeLiturgy.Views/wwwroot/static/envs/envs.js | 8 +- .../wwwroot/static/envs/envs.js.map | 1 + .../wwwroot/static/envs/envs.svg | 1 + CodeLiturgy.Views/wwwroot/static/main.css | 11753 +--------------- 19 files changed, 199 insertions(+), 11636 deletions(-) create mode 100644 CodeLiturgy.Views/Application/Sites/.Site.cs.swp delete mode 100644 CodeLiturgy.Views/Application/Sites/EnvironmentType.cs create mode 100644 CodeLiturgy.Views/Application/Sites/SiteType.cs delete mode 100644 CodeLiturgy.Views/Controllers/UsersController.cs delete mode 100644 CodeLiturgy.Views/a.out create mode 100644 CodeLiturgy.Views/wwwroot/static/envs/envs.js.map create mode 100644 CodeLiturgy.Views/wwwroot/static/envs/envs.svg diff --git a/CodeLiturgy.Dashboard.Frontend b/CodeLiturgy.Dashboard.Frontend index dc7a058..e25d0c0 160000 --- a/CodeLiturgy.Dashboard.Frontend +++ b/CodeLiturgy.Dashboard.Frontend @@ -1 +1 @@ -Subproject commit dc7a0588a79e8abc8d48e60b9ca5e5f40dd6f3bb +Subproject commit e25d0c0b2cd46d63670966b03de9bd03c9d91637 diff --git a/CodeLiturgy.Views/Application/Sites/.Site.cs.swp b/CodeLiturgy.Views/Application/Sites/.Site.cs.swp new file mode 100644 index 0000000000000000000000000000000000000000..743584d84574ee0dd8e85d5f14a1383ff46ce31b GIT binary patch literal 12288 zcmeI2PiqrF7>D2LNwiw@e5RS-e^ z0A4+Nv|qrRpTG~G7tcyhUIc%$*+SA*QcqI)4m`6vvpX~IJd+$k-q!T;d_&v|rU_+= z==GP4=&QIxPfio{tjc}&xDv@k=BXL?8olrnh7E0_u&&m_n(fFu3u|et7PRZ-?S4>~ zw$n;w9*^`cYqep+xh(7INIIRGa8WyDi#mwx*md~@HgN0>^xW!=yOYgZH)o2k`jyL< z#D(+CW3Pn;umLu}2G{@_U;}J`4X}aZWWZ$;^b#9BQEvKbd7apEEt`B{18jf|umLu} z2G{@_U;}J`4X^<=zy^+>0T~n3&Jg_o{{R2o-~T)3h(3XB@DaQPZ@?>HKnE;<8Bhfk za1ERSC&A~lMDM{n@Dw}(7r_+xK1uWqY=aMA4XlFOAOyb=%P+74eu5&lBj}bxW&>=1 z4X^<=zy{a=8(;%$;QtxeB0&IUP#3qpne|#oEf#g@)RIn=SdiA$I?}XNEH*`3xmjU- zHD*{XSC}F8(;Q;heY38SHJvEqmin0zd)xaL_Mwumd?{nLF4v|lnt69Fj&o)0AyzKO z)YC+2bHMw4dh(Soqw5R>Ie(Cw!I(i!yNz-RpR_$Ret5(G7Q|myUV(bql2$!bM&OMd{Wi8FBk literal 0 HcmV?d00001 diff --git a/CodeLiturgy.Views/Application/Sites/EnvironmentType.cs b/CodeLiturgy.Views/Application/Sites/EnvironmentType.cs deleted file mode 100644 index 4feacde..0000000 --- a/CodeLiturgy.Views/Application/Sites/EnvironmentType.cs +++ /dev/null @@ -1,8 +0,0 @@ -namespace CodeLiturgy.Data.Application; - -public enum EnvironmentType -{ - Development, - Staging, - Production -} diff --git a/CodeLiturgy.Views/Application/Sites/Site.cs b/CodeLiturgy.Views/Application/Sites/Site.cs index 635b706..af92897 100644 --- a/CodeLiturgy.Views/Application/Sites/Site.cs +++ b/CodeLiturgy.Views/Application/Sites/Site.cs @@ -10,25 +10,18 @@ namespace CodeLiturgy.Data.Application typeof(SiteUnique), typeof(SiteCreate) })] + public partial class Site { [DatabaseGenerated(DatabaseGeneratedOption.Identity)] public string Id { get; set; } - public SiteEnvironment Environment { get; set; } - public string EnvironmentId { get; set; } - public string Domain { get; set; } - public string UrlAddress { get; set; } - - public EnvironmentType EnvironmentType { get; set; } - + public SiteType SiteType { get; set; } public DateTime CreatedDate { get; set; } - public DateTime LastChanged { get; set; } - } } diff --git a/CodeLiturgy.Views/Application/Sites/SiteCreate.cs b/CodeLiturgy.Views/Application/Sites/SiteCreate.cs index 59a2e6c..6cb904f 100644 --- a/CodeLiturgy.Views/Application/Sites/SiteCreate.cs +++ b/CodeLiturgy.Views/Application/Sites/SiteCreate.cs @@ -6,14 +6,9 @@ namespace CodeLiturgy.Data.Application public partial class SiteCreate { public string Id { get; set; } - public string Name { get; set; } - public string Domain { get; set; } - public string Ip { get; set; } - - public EnvironmentType EnvironmentType { get; set; } - + public SiteType SiteType { get; set; } } } diff --git a/CodeLiturgy.Views/Application/Sites/SiteType.cs b/CodeLiturgy.Views/Application/Sites/SiteType.cs new file mode 100644 index 0000000..9a41040 --- /dev/null +++ b/CodeLiturgy.Views/Application/Sites/SiteType.cs @@ -0,0 +1,10 @@ +namespace CodeLiturgy.Data.Application +{ + public enum SiteType + { + Development, + Staging, + Production + } +} + diff --git a/CodeLiturgy.Views/Application/Sites/SiteUnique.cs b/CodeLiturgy.Views/Application/Sites/SiteUnique.cs index 4b2c37e..d79d7ea 100644 --- a/CodeLiturgy.Views/Application/Sites/SiteUnique.cs +++ b/CodeLiturgy.Views/Application/Sites/SiteUnique.cs @@ -15,7 +15,7 @@ namespace CodeLiturgy.Data.Application public string Ip { get; set; } - public EnvironmentType EnvironmentType { get; set; } + public SiteType SiteType { get; set; } } } diff --git a/CodeLiturgy.Views/Controllers/AccountController.cs b/CodeLiturgy.Views/Controllers/AccountController.cs index 0be1814..24f9564 100644 --- a/CodeLiturgy.Views/Controllers/AccountController.cs +++ b/CodeLiturgy.Views/Controllers/AccountController.cs @@ -9,7 +9,9 @@ namespace CodeLiturgy.Views.Controllers; public class AccountController : UserController { - public AccountController(ApplicationUserManager userManager, ILogger logger) : base(userManager, logger) + public AccountController( + ApplicationUserManager userManager, + ILogger logger) : base(userManager, logger) { _userManager = userManager; _logger = logger; diff --git a/CodeLiturgy.Views/Controllers/AuthController.cs b/CodeLiturgy.Views/Controllers/AuthController.cs index a0cc1d1..561c4b0 100644 --- a/CodeLiturgy.Views/Controllers/AuthController.cs +++ b/CodeLiturgy.Views/Controllers/AuthController.cs @@ -14,7 +14,10 @@ namespace CodeLiturgy.Views.Controllers private readonly IAuthManager _authManager; - public AuthController(ApplicationUserManager userManager, ILogger logger, IAuthManager authManager) : base(userManager, logger) + public AuthController( + ApplicationUserManager userManager, + ILogger logger, + IAuthManager authManager) : base(userManager, logger) { _userManager = userManager; _logger = logger; diff --git a/CodeLiturgy.Views/Controllers/EnvironmentsPageController.cs b/CodeLiturgy.Views/Controllers/EnvironmentsPageController.cs index e827f61..6c6155f 100644 --- a/CodeLiturgy.Views/Controllers/EnvironmentsPageController.cs +++ b/CodeLiturgy.Views/Controllers/EnvironmentsPageController.cs @@ -8,7 +8,10 @@ namespace CodeLiturgy.Views.Controllers; public class EnvironmentsPageController : UserController { - public EnvironmentsPageController(ApplicationUserManager userManager, ILogger logger) : base(userManager, logger) { } + public EnvironmentsPageController( + ApplicationUserManager userManager, + ILogger logger) + : base(userManager, logger) { } public override void OnInitialization() { diff --git a/CodeLiturgy.Views/Controllers/HomeController.cs b/CodeLiturgy.Views/Controllers/HomeController.cs index cf7efcb..03f411d 100644 --- a/CodeLiturgy.Views/Controllers/HomeController.cs +++ b/CodeLiturgy.Views/Controllers/HomeController.cs @@ -9,7 +9,9 @@ namespace CodeLiturgy.Views.Controllers; [System.Web.Mvc.Authorize] public class HomeController : UserController { - public HomeController(ApplicationUserManager userManager, ILogger logger) : base(userManager, logger) + public HomeController( + ApplicationUserManager userManager, + ILogger logger) : base(userManager, logger) { _userManager = userManager; _logger = logger; diff --git a/CodeLiturgy.Views/Controllers/SitesController.cs b/CodeLiturgy.Views/Controllers/SitesController.cs index 80ea722..00cec25 100644 --- a/CodeLiturgy.Views/Controllers/SitesController.cs +++ b/CodeLiturgy.Views/Controllers/SitesController.cs @@ -14,10 +14,10 @@ namespace CodeLiturgy.Views.Controllers public class SitesController : ControllerBase { private ApplicationUserManager _userManager; - private ILogger _logger; + private ILogger _logger; private readonly SiteDbContext _siteDbContext; - public SitesController(ApplicationUserManager userManager, ILogger logger, SiteDbContext siteDbContext) + public SitesController(ApplicationUserManager userManager, ILogger logger, SiteDbContext siteDbContext) { _logger = logger; _userManager = userManager; diff --git a/CodeLiturgy.Views/Controllers/UsersController.cs b/CodeLiturgy.Views/Controllers/UsersController.cs deleted file mode 100644 index 265c8ac..0000000 --- a/CodeLiturgy.Views/Controllers/UsersController.cs +++ /dev/null @@ -1,8 +0,0 @@ -using Microsoft.AspNetCore.Mvc; - -namespace CodeLiturgy.Views.Controllers; - -public class UsersController : Controller -{ - -} \ No newline at end of file diff --git a/CodeLiturgy.Views/a.out b/CodeLiturgy.Views/a.out deleted file mode 100644 index e69de29..0000000 diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.css b/CodeLiturgy.Views/wwwroot/static/envs/envs.css index eaef0c8..ad74cb8 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}} +: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)} diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.js b/CodeLiturgy.Views/wwwroot/static/envs/envs.js index 3fbe3f6..d030a34 100644 --- a/CodeLiturgy.Views/wwwroot/static/envs/envs.js +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.js @@ -1,2 +1,6 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))o(r);new MutationObserver(r=>{for(const c of r)if(c.type==="childList")for(const s of c.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&o(s)}).observe(document,{childList:!0,subtree:!0});function n(r){const c={};return r.integrity&&(c.integrity=r.integrity),r.referrerpolicy&&(c.referrerPolicy=r.referrerpolicy),r.crossorigin==="use-credentials"?c.credentials="include":r.crossorigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function o(r){if(r.ep)return;r.ep=!0;const c=n(r);fetch(r.href,c)}})();function u(){}function L(e){return e()}function w(){return Object.create(null)}function _(e){e.forEach(L)}function N(e){return typeof e=="function"}function M(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function P(e){return Object.keys(e).length===0}function B(e,t,n){e.insertBefore(t,n||null)}function j(e){e.parentNode&&e.parentNode.removeChild(e)}function C(e){return document.createElement(e)}function I(e){return Array.from(e.childNodes)}let $;function a(e){$=e}const f=[],E=[],m=[],O=[],q=Promise.resolve();let p=!1;function F(){p||(p=!0,q.then(S))}function y(e){m.push(e)}const g=new Set;let h=0;function S(){const e=$;do{for(;h{const s=e.$$.on_mount.map(L).filter(N);e.$$.on_destroy?e.$$.on_destroy.push(...s):_(s),e.$$.on_mount=[]}),c.forEach(y)}function D(e,t){const n=e.$$;n.fragment!==null&&(_(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function G(e,t){e.$$.dirty[0]===-1&&(f.push(e),F(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<{const k=x.length?x[0]:v;return i.ctx&&r(i.ctx[l],i.ctx[l]=k)&&(!i.skip_bound&&i.bound[l]&&i.bound[l](k),b&&G(e,l)),v}):[],i.update(),b=!0,_(i.before_update),i.fragment=o?o(i.ctx):!1,t.target){if(t.hydrate){const l=I(t.target);i.fragment&&i.fragment.l(l),l.forEach(j)}else i.fragment&&i.fragment.c();t.intro&&T(e.$$.fragment),z(e,t.target,t.anchor,t.customElement),S()}a(d)}class Q{$destroy(){D(this,1),this.$destroy=u}$on(t,n){if(!N(n))return u;const o=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return o.push(n),()=>{const r=o.indexOf(n);r!==-1&&o.splice(r,1)}}$set(t){this.$$set&&!P(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}function R(e){let t;return{c(){t=C("main"),t.innerHTML=`
-
`},m(n,o){B(n,t,o)},p:u,i:u,o:u,d(n){n&&j(t)}}}function U(e,t,n){let{environment:o}=t;return e.$$set=r=>{"environment"in r&&n(0,o=r.environment)},[o]}class V extends Q{constructor(t){super(),J(this,t,U,R,M,{environment:0})}}new V({target:document.getElementById("app")}); +(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")}); +//# sourceMappingURL=envs.js.map diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map b/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map new file mode 100644 index 0000000..03f7506 --- /dev/null +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.js.map @@ -0,0 +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":"CAAqB,UAAoB,CACrC,MAAMA,EAAU,SAAS,cAAc,MAAM,EAAE,QAC/C,GAAIA,GAAWA,EAAQ,UAAYA,EAAQ,SAAS,eAAe,EAC/D,OAEJ,UAAWC,KAAQ,SAAS,iBAAiB,2BAA2B,EACpEC,EAAeD,CAAI,EAEvB,IAAI,iBAAkBE,GAAc,CAChC,UAAWC,KAAYD,EACnB,GAAIC,EAAS,OAAS,YAGtB,UAAWC,KAAQD,EAAS,WACpBC,EAAK,UAAY,QAAUA,EAAK,MAAQ,iBACxCH,EAAeG,CAAI,CAGvC,CAAK,EAAE,QAAQ,SAAU,CAAE,UAAW,GAAM,QAAS,EAAI,CAAE,EACvD,SAASC,EAAaC,EAAQ,CAC1B,MAAMC,EAAY,CAAA,EAClB,OAAID,EAAO,YACPC,EAAU,UAAYD,EAAO,WAC7BA,EAAO,iBACPC,EAAU,eAAiBD,EAAO,gBAClCA,EAAO,cAAgB,kBACvBC,EAAU,YAAc,UACnBD,EAAO,cAAgB,YAC5BC,EAAU,YAAc,OAExBA,EAAU,YAAc,cACrBA,CACV,CACD,SAASN,EAAeD,EAAM,CAC1B,GAAIA,EAAK,GAEL,OACJA,EAAK,GAAK,GAEV,MAAMO,EAAYF,EAAaL,CAAI,EACnC,MAAMA,EAAK,KAAMO,CAAS,CAC7B,CACL,KC1CA,SAASC,GAAO,CAAG,CAgBnB,SAASC,GAAIC,EAAI,CACb,OAAOA,EAAE,CACb,CACA,SAASC,IAAe,CACpB,OAAO,OAAO,OAAO,IAAI,CAC7B,CACA,SAASC,EAAQC,EAAK,CAClBA,EAAI,QAAQJ,EAAG,CACnB,CACA,SAASK,GAAYC,EAAO,CACxB,OAAO,OAAOA,GAAU,UAC5B,CACA,SAASC,EAAeC,EAAGC,EAAG,CAC1B,OAAOD,GAAKA,EAAIC,GAAKA,EAAID,IAAMC,GAAOD,GAAK,OAAOA,GAAM,UAAa,OAAOA,GAAM,UACtF,CAYA,SAASE,GAASC,EAAK,CACnB,OAAO,OAAO,KAAKA,CAAG,EAAE,SAAW,CACvC,CAuQA,SAASC,EAAOC,EAAQlB,EAAM,CAC1BkB,EAAO,YAAYlB,CAAI,CAC3B,CAoDA,SAASmB,EAAOD,EAAQlB,EAAMoB,EAAQ,CAClCF,EAAO,aAAalB,EAAMoB,GAAU,IAAI,CAC5C,CASA,SAASC,EAAOrB,EAAM,CACdA,EAAK,YACLA,EAAK,WAAW,YAAYA,CAAI,CAExC,CACA,SAASsB,GAAaC,EAAYC,EAAW,CACzC,QAASC,EAAI,EAAGA,EAAIF,EAAW,OAAQE,GAAK,EACpCF,EAAWE,IACXF,EAAWE,GAAG,EAAED,CAAS,CAErC,CACA,SAASE,EAAQC,EAAM,CACnB,OAAO,SAAS,cAAcA,CAAI,CACtC,CAmBA,SAASC,EAAKC,EAAM,CAChB,OAAO,SAAS,eAAeA,CAAI,CACvC,CACA,SAASC,GAAQ,CACb,OAAOF,EAAK,GAAG,CACnB,CACA,SAASG,IAAQ,CACb,OAAOH,EAAK,EAAE,CAClB,CACA,SAASI,GAAOhC,EAAMiC,EAAOC,EAASC,EAAS,CAC3C,OAAAnC,EAAK,iBAAiBiC,EAAOC,EAASC,CAAO,EACtC,IAAMnC,EAAK,oBAAoBiC,EAAOC,EAASC,CAAO,CACjE,CA6BA,SAASC,EAAKpC,EAAMqC,EAAWC,EAAO,CAC9BA,GAAS,KACTtC,EAAK,gBAAgBqC,CAAS,EACzBrC,EAAK,aAAaqC,CAAS,IAAMC,GACtCtC,EAAK,aAAaqC,EAAWC,CAAK,CAC1C,CAgEA,SAASC,GAASb,EAAS,CACvB,OAAO,MAAM,KAAKA,EAAQ,UAAU,CACxC,CAuHA,SAASc,EAASZ,EAAMC,EAAM,CAC1BA,EAAO,GAAKA,EACRD,EAAK,YAAcC,IACnBD,EAAK,KAAOC,EACpB,CAkVA,IAAIY,EACJ,SAASC,EAAsBC,EAAW,CACtCF,EAAoBE,CACxB,CACA,SAASC,IAAwB,CAC7B,GAAI,CAACH,EACD,MAAM,IAAI,MAAM,kDAAkD,EACtE,OAAOA,CACX,CAoBA,SAASI,GAAQvC,EAAI,CACjBsC,GAAuB,EAAC,GAAG,SAAS,KAAKtC,CAAE,CAC/C,CAoGA,MAAMwC,EAAmB,CAAA,EAEnBC,GAAoB,CAAA,EACpBC,EAAmB,CAAA,EACnBC,GAAkB,CAAA,EAClBC,GAAmB,QAAQ,UACjC,IAAIC,GAAmB,GACvB,SAASC,IAAkB,CAClBD,KACDA,GAAmB,GACnBD,GAAiB,KAAKG,EAAK,EAEnC,CAKA,SAASC,GAAoBhD,EAAI,CAC7B0C,EAAiB,KAAK1C,CAAE,CAC5B,CAsBA,MAAMiD,GAAiB,IAAI,IAC3B,IAAIC,EAAW,EACf,SAASH,IAAQ,CACb,MAAMI,EAAkBhB,EACxB,EAAG,CAGC,KAAOe,EAAWV,EAAiB,QAAQ,CACvC,MAAMH,EAAYG,EAAiBU,GACnCA,IACAd,EAAsBC,CAAS,EAC/Be,GAAOf,EAAU,EAAE,CACtB,CAID,IAHAD,EAAsB,IAAI,EAC1BI,EAAiB,OAAS,EAC1BU,EAAW,EACJT,GAAkB,QACrBA,GAAkB,IAAG,IAIzB,QAAStB,EAAI,EAAGA,EAAIuB,EAAiB,OAAQvB,GAAK,EAAG,CACjD,MAAMkC,EAAWX,EAAiBvB,GAC7B8B,GAAe,IAAII,CAAQ,IAE5BJ,GAAe,IAAII,CAAQ,EAC3BA,IAEP,CACDX,EAAiB,OAAS,CAClC,OAAaF,EAAiB,QAC1B,KAAOG,GAAgB,QACnBA,GAAgB,IAAG,IAEvBE,GAAmB,GACnBI,GAAe,MAAK,EACpBb,EAAsBe,CAAe,CACzC,CACA,SAASC,GAAOE,EAAI,CAChB,GAAIA,EAAG,WAAa,KAAM,CACtBA,EAAG,OAAM,EACTpD,EAAQoD,EAAG,aAAa,EACxB,MAAMC,EAAQD,EAAG,MACjBA,EAAG,MAAQ,CAAC,EAAE,EACdA,EAAG,UAAYA,EAAG,SAAS,EAAEA,EAAG,IAAKC,CAAK,EAC1CD,EAAG,aAAa,QAAQN,EAAmB,CAC9C,CACL,CAeA,MAAMQ,EAAW,IAAI,IACrB,IAAIC,EACJ,SAASC,GAAe,CACpBD,EAAS,CACL,EAAG,EACH,EAAG,CAAE,EACL,EAAGA,CACX,CACA,CACA,SAASE,GAAe,CACfF,EAAO,GACRvD,EAAQuD,EAAO,CAAC,EAEpBA,EAASA,EAAO,CACpB,CACA,SAASG,EAAcC,EAAOC,EAAO,CAC7BD,GAASA,EAAM,IACfL,EAAS,OAAOK,CAAK,EACrBA,EAAM,EAAEC,CAAK,EAErB,CACA,SAASC,EAAeF,EAAOC,EAAO/C,EAAQsC,EAAU,CACpD,GAAIQ,GAASA,EAAM,EAAG,CAClB,GAAIL,EAAS,IAAIK,CAAK,EAClB,OACJL,EAAS,IAAIK,CAAK,EAClBJ,EAAO,EAAE,KAAK,IAAM,CAChBD,EAAS,OAAOK,CAAK,EACjBR,IACItC,GACA8C,EAAM,EAAE,CAAC,EACbR,IAEhB,CAAS,EACDQ,EAAM,EAAEC,CAAK,CAChB,MACQT,GACLA,GAER,CAgqBA,SAASW,GAAiBH,EAAO,CAC7BA,GAASA,EAAM,GACnB,CAIA,SAASI,EAAgB5B,EAAWzB,EAAQE,EAAQoD,EAAe,CAC/D,KAAM,CAAE,SAAAC,EAAU,aAAAC,GAAiB/B,EAAU,GAC7C8B,GAAYA,EAAS,EAAEvD,EAAQE,CAAM,EAChCoD,GAEDlB,GAAoB,IAAM,CACtB,MAAMqB,EAAiBhC,EAAU,GAAG,SAAS,IAAItC,EAAG,EAAE,OAAOK,EAAW,EAIpEiC,EAAU,GAAG,WACbA,EAAU,GAAG,WAAW,KAAK,GAAGgC,CAAc,EAK9CnE,EAAQmE,CAAc,EAE1BhC,EAAU,GAAG,SAAW,EACpC,CAAS,EAEL+B,EAAa,QAAQpB,EAAmB,CAC5C,CACA,SAASsB,EAAkBjC,EAAWnB,EAAW,CAC7C,MAAMoC,EAAKjB,EAAU,GACjBiB,EAAG,WAAa,OAChBpD,EAAQoD,EAAG,UAAU,EACrBA,EAAG,UAAYA,EAAG,SAAS,EAAEpC,CAAS,EAGtCoC,EAAG,WAAaA,EAAG,SAAW,KAC9BA,EAAG,IAAM,GAEjB,CACA,SAASiB,GAAWlC,EAAWlB,EAAG,CAC1BkB,EAAU,GAAG,MAAM,KAAO,KAC1BG,EAAiB,KAAKH,CAAS,EAC/BS,KACAT,EAAU,GAAG,MAAM,KAAK,CAAC,GAE7BA,EAAU,GAAG,MAAOlB,EAAI,GAAM,IAAO,GAAMA,EAAI,EACnD,CACA,SAASqD,EAAKnC,EAAWR,EAAS4C,EAAUC,EAAiBC,EAAWC,EAAOC,EAAetB,EAAQ,CAAC,EAAE,EAAG,CACxG,MAAMuB,EAAmB3C,EACzBC,EAAsBC,CAAS,EAC/B,MAAMiB,EAAKjB,EAAU,GAAK,CACtB,SAAU,KACV,IAAK,CAAE,EAEP,MAAAuC,EACA,OAAQ9E,EACR,UAAA6E,EACA,MAAO1E,GAAc,EAErB,SAAU,CAAE,EACZ,WAAY,CAAE,EACd,cAAe,CAAE,EACjB,cAAe,CAAE,EACjB,aAAc,CAAE,EAChB,QAAS,IAAI,IAAI4B,EAAQ,UAAYiD,EAAmBA,EAAiB,GAAG,QAAU,CAAA,EAAG,EAEzF,UAAW7E,GAAc,EACzB,MAAAsD,EACA,WAAY,GACZ,KAAM1B,EAAQ,QAAUiD,EAAiB,GAAG,IACpD,EACID,GAAiBA,EAAcvB,EAAG,IAAI,EACtC,IAAIyB,EAAQ,GAkBZ,GAjBAzB,EAAG,IAAMmB,EACHA,EAASpC,EAAWR,EAAQ,OAAS,CAAE,EAAE,CAACV,EAAG6D,KAAQC,IAAS,CAC5D,MAAMjD,EAAQiD,EAAK,OAASA,EAAK,GAAKD,EACtC,OAAI1B,EAAG,KAAOqB,EAAUrB,EAAG,IAAInC,GAAImC,EAAG,IAAInC,GAAKa,CAAK,IAC5C,CAACsB,EAAG,YAAcA,EAAG,MAAMnC,IAC3BmC,EAAG,MAAMnC,GAAGa,CAAK,EACjB+C,GACAR,GAAWlC,EAAWlB,CAAC,GAExB6D,CACnB,CAAS,EACC,GACN1B,EAAG,OAAM,EACTyB,EAAQ,GACR7E,EAAQoD,EAAG,aAAa,EAExBA,EAAG,SAAWoB,EAAkBA,EAAgBpB,EAAG,GAAG,EAAI,GACtDzB,EAAQ,OAAQ,CAChB,GAAIA,EAAQ,QAAS,CAEjB,MAAMqD,EAAQjD,GAASJ,EAAQ,MAAM,EAErCyB,EAAG,UAAYA,EAAG,SAAS,EAAE4B,CAAK,EAClCA,EAAM,QAAQnE,CAAM,CACvB,MAGGuC,EAAG,UAAYA,EAAG,SAAS,EAAC,EAE5BzB,EAAQ,OACR+B,EAAcvB,EAAU,GAAG,QAAQ,EACvC4B,EAAgB5B,EAAWR,EAAQ,OAAQA,EAAQ,OAAQA,EAAQ,aAAa,EAEhFkB,IACH,CACDX,EAAsB0C,CAAgB,CAC1C,CAoDA,MAAMK,CAAgB,CAClB,UAAW,CACPb,EAAkB,KAAM,CAAC,EACzB,KAAK,SAAWxE,CACnB,CACD,IAAIsF,EAAM/B,EAAU,CAChB,GAAI,CAACjD,GAAYiD,CAAQ,EACrB,OAAOvD,EAEX,MAAMuF,EAAa,KAAK,GAAG,UAAUD,KAAU,KAAK,GAAG,UAAUA,GAAQ,CAAA,GACzE,OAAAC,EAAU,KAAKhC,CAAQ,EAChB,IAAM,CACT,MAAMiC,EAAQD,EAAU,QAAQhC,CAAQ,EACpCiC,IAAU,IACVD,EAAU,OAAOC,EAAO,CAAC,CACzC,CACK,CACD,KAAKC,EAAS,CACN,KAAK,OAAS,CAAC9E,GAAS8E,CAAO,IAC/B,KAAK,GAAG,WAAa,GACrB,KAAK,MAAMA,CAAO,EAClB,KAAK,GAAG,WAAa,GAE5B,CACL,4BChjE4BC,EAAAC,KAAK,cAAa,eAGrBA,EAAI,GAAC,YAAY,KAAI,aAG1BC,EAAAD,KAAK,OAAM,cAGPE,EAAAF,KAAK,WAAU,gBAGbG,EAAAH,KAAK,YAAW,0DAZ/B,kBAAgB,uCAGhB,eAAa,uCAGb,UAAQ,wCAGR,cAAY,0CAGZ,gBAAc,wKAdzB5E,EAgBMD,EAAAiF,EAAA/E,CAAA,EAfFH,EAEMkF,EAAAC,CAAA,EADFnF,EAA2CmF,EAAAC,CAAA,uBAE/CpF,EAEMkF,EAAAG,CAAA,EADFrF,EAA2CqF,EAAAC,CAAA,uBAE/CtF,EAEMkF,EAAAK,CAAA,EADFvF,EAA4BuF,EAAAC,CAAA,uBAEhCxF,EAEMkF,EAAAO,CAAA,EADFzF,EAAoCyF,EAAAC,CAAA,0BAExC1F,EAEMkF,EAAAS,CAAA,EADF3F,EAAuC2F,EAAAC,CAAA,2BAPV7E,GAAAwE,EAAA,QAAAT,KAAkB,QAAQ,CAAA,EAG1B/D,GAAA0E,EAAA,QAAAX,KAAkB,YAAY,CAAA,oBARvClC,EAAA,GAAAiC,KAAAA,EAAAC,KAAK,cAAa,KAAAvD,EAAAsE,EAAAhB,CAAA,cAGrBC,EAAI,GAAC,YAAY,KAAI,KAAAvD,EAAAuE,EAAAC,CAAA,EAG1BnD,EAAA,GAAAmC,KAAAA,EAAAD,KAAK,OAAM,KAAAvD,EAAAyE,EAAAjB,CAAA,EAGPnC,EAAA,GAAAoC,KAAAA,EAAAF,KAAK,WAAU,KAAAvD,EAAA0E,GAAAjB,CAAA,EAGbpC,EAAA,GAAAqC,KAAAA,EAAAH,KAAK,YAAW,KAAAvD,EAAA2E,GAAAjB,CAAA,6DAtB3B,KAAAkB,CAAI,EAAAvB,QAGTwB,EAAiB,IAAA,sTCOnBlG,EAEMD,EAAAoG,EAAAlG,CAAA,uDANC2E,EAAK,wBAAV,OAAItE,GAAA,mMAACsE,EAAK,qBAAV,OAAItE,GAAA,EAAA,mHAAJ,OAAIA,EAAA8F,EAAA,OAAA9F,GAAA,yCAAJ,OAAIA,GAAA,mKACkBsE,EAAI,EAAA,CAAA,CAAA,CAAA,mFAAJA,EAAI,sKAF3BA,EAAK,IAAIA,EAAM,GAAA,QAAUA,EAAK,GAAC,OAAS,EAAC,qGADlD5E,EAUMD,EAAAoG,EAAAlG,CAAA,wPAbS,MAAAoG,CAAK,EAAA3B,0JCcP4B,EAAA1B,KAAY,KAAI,oCAMK,MAAA,CAAA,MAAAA,KAAY,KAAK,8XAVnD5E,EAcMD,EAAAwG,EAAAtG,CAAA,EAbFH,EAKMyG,EAAAlB,CAAA,EAJFvF,EAAkCuF,EAAAJ,CAAA,SAClCnF,EAEMuF,EAAAF,CAAA,gBAEVrF,EAKMyG,EAAAvB,CAAA,EAJFlF,EAAmCkF,EAAAO,CAAA,SACnCzF,EAEMkF,EAAAS,CAAA,8BAPD,CAAAe,GAAA9D,EAAA,IAAA4D,KAAAA,EAAA1B,KAAY,KAAI,KAAAvD,EAAAoF,EAAAH,CAAA,aAMK5D,EAAA,IAAAgE,EAAA,MAAA9B,KAAY,8HAlB/B,YAAA+B,CAAW,EAAAjC,sVCOlB1E,EAEMD,EAAAoG,EAAAlG,CAAA,uDANC2E,EAAY,wBAAjB,OAAItE,GAAA,mMAACsE,EAAY,qBAAjB,OAAItE,GAAA,EAAA,mHAAJ,OAAIA,EAAA8F,EAAA,OAAA9F,GAAA,yCAAJ,OAAIA,GAAA,0KACgCsE,EAAW,EAAA,6FAAXA,EAAW,sKAFhDA,EAAY,IAAIA,EAAa,GAAA,QAAUA,EAAY,GAAC,OAAS,EAAC,4GADvE5E,EAUMD,EAAAoG,EAAAlG,CAAA,wPAbS,aAAA2G,CAAY,EAAAlC,0OCwCeE,EAAY,EAAA;;;;2RAftD5E,EAkBOD,EAAA8G,EAAA5G,CAAA,EAjBLH,EAgBM+G,EAAAN,CAAA,EAfJzG,EAWMyG,EAAAd,CAAA,EAVJ3F,EAIM2F,EAAAN,CAAA,EAHJrF,EAEMqF,EAAAF,CAAA,EADJnF,EAAyEmF,EAAA6B,CAAA,SAG7EhH,EAIM2F,EAAAF,CAAA,SAERzF,EAEMyG,EAAAvB,CAAA,uBAKRhF,EAwBMD,EAAAgH,EAAA9G,CAAA,0BAxCoB2E,EAA0B,EAAA,kDAUZA,EAAY,oJAjCzC,aAAAgC,CAAY,EAAAlC,QAMjBsC,EAA0B,IAAA,GAIhC,OAAAtF,GAAO,IAAA,EACD,CAAAkF,GAAuB,OAAAA,EAAa,SAAW,aACjDA,EAAY,CAAA,CAAA,+IClBN,IAAIK,GAAI,CAClB,OAAQ,SAAS,eAAe,KAAK,CACvC,CAAC"} \ No newline at end of file diff --git a/CodeLiturgy.Views/wwwroot/static/envs/envs.svg b/CodeLiturgy.Views/wwwroot/static/envs/envs.svg new file mode 100644 index 0000000..c5e0848 --- /dev/null +++ b/CodeLiturgy.Views/wwwroot/static/envs/envs.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/CodeLiturgy.Views/wwwroot/static/main.css b/CodeLiturgy.Views/wwwroot/static/main.css index 93fb8d7..1fc7eab 100644 --- a/CodeLiturgy.Views/wwwroot/static/main.css +++ b/CodeLiturgy.Views/wwwroot/static/main.css @@ -1,11594 +1,159 @@ -.router-link-active { - text-decoration: none !important; -} - - -.material-icons { - font-family: 'Material Icons', "Roboto", "-apple-system", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - font-style: normal; - display: inline-block; - line-height: 1; - text-transform: none; - letter-spacing: normal; - word-wrap: normal; - white-space: nowrap; - direction: ltr; - - /* Support for all WebKit browsers. */ - -webkit-font-smoothing: antialiased; - /* Support for Safari and Chrome. */ - text-rendering: optimizeLegibility; - - /* Support for Firefox. */ - -moz-osx-font-smoothing: grayscale; - - /* Support for IE. */ - font-feature-settings: 'liga'; -} -/* * Normalizing -- forked from Normalize.css v8 - * */ -*, *:before, *:after { - box-sizing: inherit; - -webkit-tap-highlight-color: transparent; - -moz-tap-highlight-color: transparent; -} - -html, body, #q-app { - width: 100%; - height: 100%; - direction: ltr; -} - -body.platform-ios.within-iframe, body.platform-ios.within-iframe #q-app { - width: 100px; - min-width: 100%; -} - -html, body { - margin: 0; - box-sizing: border-box; -} - -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -menu, -nav, -section, -summary { - display: block; -} - -/* * line 1: Remove the bottom border in Firefox 39-. - * * lines 2,3: Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - * */ -abbr[title] { - border-bottom: none; - text-decoration: underline; - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/** - * * Remove the border on images inside links in IE 10. - * */ -img { - border-style: none; -} - -/* * Hide the overflow in IE. - * */ -svg:not(:root) { - overflow: hidden; -} - -/* * line 1: Correct the inheritance and scaling of font size in all browsers. - * * line 2: Correct the odd `em` font sizing in all browsers. - * */ -code, kbd, pre, samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* * lines 1,2: Add the correct box sizing in Firefox. - * * line 3: Show the overflow in Edge and IE. - * */ -hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -/* * Change font properties to `inherit` in all browsers (opinionated). - * */ -button, -input, -optgroup, -select, -textarea { - font: inherit; - font-family: inherit; - margin: 0; -} - -/* * Restore the font weight unset by the previous rule. - * */ -optgroup { - font-weight: bold; -} - -/* * Show the overflow in IE. - * * input: Show the overflow in Edge. - * * select: Show the overflow in Edge, Firefox, and IE. - * * Remove the inheritance of text transform in Edge, Firefox, and IE. - * * select: Remove the inheritance of text transform in Firefox. - * */ -button, -input, -select { - overflow: visible; - text-transform: none; -} - -/* * Remove the inner border and padding in Firefox. - * */ -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/* * Restore the focus styles unset by the previous rule. - * */ -button:-moz-focusring, input:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * * Correct the padding in Firefox. - * */ -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * * lines 1,3,4,6: Correct the text wrapping in Edge and IE. - * * line 2: Correct the color inheritance from `fieldset` elements in IE. - * * line 5: Remove the padding so developers are not caught out when they zero out - * * `fieldset` elements in all browsers. - * */ -legend { - box-sizing: border-box; - color: inherit; - display: table; - max-width: 100%; - padding: 0; - white-space: normal; -} - -/** - * * Add the correct vertical alignment in Chrome, Firefox, and Opera. - * */ -progress { - vertical-align: baseline; -} - -/* * Remove the default vertical scrollbar in IE. - * */ -textarea { - overflow: auto; -} - -/* * Remove the inner padding and cancel buttons in Chrome on OS X and - * * Safari on OS X. - * */ -input[type=search]::-webkit-search-cancel-button, -input[type=search]::-webkit-search-decoration { - -webkit-appearance: none; -} - -.q-icon { - line-height: 1; - width: 1em; - height: 1em; - flex-shrink: 0; - letter-spacing: normal; - text-transform: none; - white-space: nowrap; - word-wrap: normal; - direction: ltr; - text-align: center; - position: relative; - box-sizing: content-box; - fill: currentColor; -} -.q-icon:before, .q-icon:after { - width: 100%; - height: 100%; - display: flex !important; - align-items: center; - justify-content: center; -} -.q-icon > svg, -.q-icon > img { - width: 100%; - height: 100%; -} - -.q-icon, -.material-icons, -.material-icons-outlined, -.material-icons-round, -.material-icons-sharp, -.material-symbols-outlined, -.material-symbols-rounded, -.material-symbols-sharp { - -webkit-user-select: none; - user-select: none; - cursor: inherit; - font-size: inherit; - display: inline-flex; - align-items: center; - justify-content: center; - vertical-align: middle; -} - -/* Composables */ -.q-panel { - height: 100%; - width: 100%; -} -.q-panel > div { - height: 100%; - width: 100%; -} - -.q-panel-parent { - overflow: hidden; - position: relative; -} - -/* Components */ -.q-loading-bar { - position: fixed; - z-index: 9998; - transition: transform 0.5s cubic-bezier(0, 0, 0.2, 1), opacity 0.5s; - background: #f44336; -} -.q-loading-bar--top { - left: 0 /* rtl:ignore */; - right: 0 /* rtl:ignore */; - top: 0; - width: 100%; -} -.q-loading-bar--bottom { - left: 0 /* rtl:ignore */; - right: 0 /* rtl:ignore */; - bottom: 0; - width: 100%; -} -.q-loading-bar--right { - top: 0; - bottom: 0; - right: 0; - height: 100%; -} -.q-loading-bar--left { - top: 0; - bottom: 0; - left: 0; - height: 100%; -} - -.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-avatar--square { - border-radius: 0; -} - -.q-badge { - background-color: var(--q-primary); - color: #fff; - padding: 2px 6px; - border-radius: 4px; - font-size: 12px; - line-height: 12px; - min-height: 12px; - font-weight: normal; - vertical-align: baseline; -} -.q-badge--single-line { - white-space: nowrap; -} -.q-badge--multi-line { - word-break: break-all; - word-wrap: break-word; -} -.q-badge--floating { - position: absolute; - top: -4px; - right: -3px; - cursor: inherit; -} -.q-badge--transparent { - opacity: 0.8; -} -.q-badge--outline { - background-color: transparent; - border: 1px solid currentColor; -} -.q-badge--rounded { - border-radius: 1em; -} - -.q-banner { - min-height: 54px; - padding: 8px 16px; - background: #fff; -} -.q-banner--top-padding { - padding-top: 14px; -} -.q-banner__avatar { - min-width: 1px !important; -} -.q-banner__avatar > .q-avatar { - font-size: 46px; -} -.q-banner__avatar > .q-icon { - font-size: 40px; -} -.q-banner__avatar:not(:empty) + .q-banner__content { - padding-left: 16px; -} -.q-banner__actions.col-auto { - padding-left: 16px; -} -.q-banner__actions.col-all .q-btn-item { - margin: 4px 0 0 4px; -} -.q-banner--dense { - min-height: 32px; - padding: 8px; -} -.q-banner--dense.q-banner--top-padding { - padding-top: 12px; -} -.q-banner--dense .q-banner__avatar > .q-avatar, .q-banner--dense .q-banner__avatar > .q-icon { - font-size: 28px; -} -.q-banner--dense .q-banner__avatar:not(:empty) + .q-banner__content { - padding-left: 8px; -} -.q-banner--dense .q-banner__actions.col-auto { - padding-left: 8px; -} - -.q-bar { - background: rgba(0, 0, 0, 0.2); -} -.q-bar > .q-icon { - margin-left: 2px; -} -.q-bar > div, .q-bar > div + .q-icon { - margin-left: 8px; -} -.q-bar > .q-btn { - margin-left: 2px; -} -.q-bar > .q-icon:first-child, .q-bar > .q-btn:first-child, .q-bar > div:first-child { - margin-left: 0; -} -.q-bar--standard { - padding: 0 12px; - height: 32px; - font-size: 18px; -} -.q-bar--standard > div { - font-size: 16px; -} -.q-bar--standard .q-btn { - font-size: 11px; -} -.q-bar--dense { - padding: 0 8px; - height: 24px; - font-size: 14px; -} -.q-bar--dense .q-btn { - font-size: 8px; -} -.q-bar--dark { - background: rgba(255, 255, 255, 0.15); -} - -.q-breadcrumbs__el { - color: inherit; -} -.q-breadcrumbs__el-icon { - font-size: 125%; -} -.q-breadcrumbs__el-icon--with-label { - margin-right: 8px; -} - -[dir=rtl] .q-breadcrumbs__separator .q-icon { - transform: scaleX(-1) /* rtl:ignore */; -} - -.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 .q-icon, .q-btn .q-spinner { - font-size: 1.715em; -} -.q-btn.disabled { - opacity: 0.7 !important; -} -.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--no-uppercase { - text-transform: none; -} -.q-btn--rectangle { - border-radius: 3px; -} -.q-btn--outline { - background: transparent !important; -} -.q-btn--outline:before { - border: 1px solid currentColor; -} -.q-btn--push { - border-radius: 7px; -} -.q-btn--push:before { - border-bottom: 3px solid rgba(0, 0, 0, 0.15); -} -.q-btn--push.q-btn--actionable { - transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); -} -.q-btn--push.q-btn--actionable:before { - transition: border-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); -} -.q-btn--push.q-btn--actionable:active, .q-btn--push.q-btn--actionable.q-btn--active { - transform: translateY(2px); -} -.q-btn--push.q-btn--actionable:active:before, .q-btn--push.q-btn--actionable.q-btn--active:before { - border-bottom-width: 0; -} -.q-btn--rounded { - border-radius: 28px; -} -.q-btn--round { - border-radius: 50%; - padding: 0; - min-width: 3em; - min-height: 3em; -} -.q-btn--square { - border-radius: 0; -} -.q-btn--flat:before, .q-btn--outline:before, .q-btn--unelevated:before { - box-shadow: none; -} -.q-btn--dense { - padding: 0.285em; - min-height: 2em; -} -.q-btn--dense.q-btn--round { - padding: 0; - min-height: 2.4em; - min-width: 2.4em; -} -.q-btn--dense .on-left { - margin-right: 6px; -} -.q-btn--dense .on-right { - margin-left: 6px; -} -.q-btn--fab .q-icon, .q-btn--fab-mini .q-icon { - font-size: 24px; -} -.q-btn--fab { - padding: 16px; - min-height: 56px; - min-width: 56px; -} -.q-btn--fab .q-icon { - margin: auto; -} -.q-btn--fab-mini { - padding: 8px; - min-height: 40px; - min-width: 40px; -} -.q-btn__content { - transition: opacity 0.3s; - z-index: 0; -} -.q-btn__content--hidden { - opacity: 0; - pointer-events: none; -} -.q-btn__progress { - border-radius: inherit; - z-index: 0; -} -.q-btn__progress-indicator { - z-index: -1; - transform: translateX(-100%); - background: rgba(255, 255, 255, 0.25); -} -.q-btn__progress--dark .q-btn__progress-indicator { - background: rgba(0, 0, 0, 0.2); -} -.q-btn--flat .q-btn__progress-indicator, .q-btn--outline .q-btn__progress-indicator { - opacity: 0.2; - background: currentColor; -} - -.q-btn-dropdown--split .q-btn-dropdown__arrow-container { - padding: 0 4px; -} -.q-btn-dropdown--split .q-btn-dropdown__arrow-container.q-btn--outline { - border-left: 1px solid currentColor; -} -.q-btn-dropdown--split .q-btn-dropdown__arrow-container:not(.q-btn--outline) { - border-left: 1px solid rgba(255, 255, 255, 0.3); -} -.q-btn-dropdown--simple * + .q-btn-dropdown__arrow { - margin-left: 8px; -} -.q-btn-dropdown__arrow { - transition: transform 0.28s; -} -.q-btn-dropdown--current { - flex-grow: 1; -} - -.q-btn-group { - border-radius: 3px; - 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); - vertical-align: middle; -} -.q-btn-group > .q-btn-item { - border-radius: inherit; - align-self: stretch; -} -.q-btn-group > .q-btn-item:before { - box-shadow: none; -} -.q-btn-group > .q-btn-item .q-badge--floating { - right: 0; -} -.q-btn-group > .q-btn-group { - box-shadow: none; -} -.q-btn-group > .q-btn-group:first-child > .q-btn:first-child { - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} -.q-btn-group > .q-btn-group:last-child > .q-btn:last-child { - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} -.q-btn-group > .q-btn-group:not(:first-child) > .q-btn:first-child:before { - border-left: 0; -} -.q-btn-group > .q-btn-group:not(:last-child) > .q-btn:last-child:before { - border-right: 0; -} -.q-btn-group > .q-btn-item:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.q-btn-group > .q-btn-item:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.q-btn-group > .q-btn-item.q-btn--standard:before { - z-index: -1; -} -.q-btn-group--push { - border-radius: 7px; -} -.q-btn-group--push > .q-btn--push.q-btn--actionable { - transform: none; -} -.q-btn-group--push > .q-btn--push.q-btn--actionable .q-btn__content { - transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); -} -.q-btn-group--push > .q-btn--push.q-btn--actionable:active .q-btn__content, .q-btn-group--push > .q-btn--push.q-btn--actionable.q-btn--active .q-btn__content { - margin-top: 2px; - margin-bottom: -2px; -} -.q-btn-group--rounded { - border-radius: 28px; -} -.q-btn-group--square { - border-radius: 0; -} -.q-btn-group--flat, .q-btn-group--outline, .q-btn-group--unelevated { - box-shadow: none; -} -.q-btn-group--outline > .q-separator { - display: none; -} -.q-btn-group--outline > .q-btn-item + .q-btn-item:before { - border-left: 0; -} -.q-btn-group--outline > .q-btn-item:not(:last-child):before { - border-right: 0; -} -.q-btn-group--stretch { - align-self: stretch; - border-radius: 0; -} -.q-btn-group--glossy > .q-btn-item { - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important; -} -.q-btn-group--spread > .q-btn-group { - display: flex !important; -} -.q-btn-group--spread > .q-btn-item, .q-btn-group--spread > .q-btn-group > .q-btn-item:not(.q-btn-dropdown__arrow-container) { - width: auto; - min-width: 0; - max-width: 100%; - flex: 10000 1 0%; -} - -.q-btn-toggle { - position: relative; -} - -.q-card { - 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); - border-radius: 4px; - vertical-align: top; - background: #fff; - position: relative; -} -.q-card > div:first-child, -.q-card > img:first-child { - border-top: 0; - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.q-card > div:last-child, -.q-card > img:last-child { - border-bottom: 0; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} -.q-card > div:not(:first-child), -.q-card > img:not(:first-child) { - border-top-left-radius: 0; - border-top-right-radius: 0; -} -.q-card > div:not(:last-child), -.q-card > img:not(:last-child) { - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; -} -.q-card > div { - border-left: 0; - border-right: 0; - box-shadow: none; -} -.q-card--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-card--dark { - border-color: rgba(255, 255, 255, 0.28); -} -.q-card__section { - position: relative; -} -.q-card__section--vert { - padding: 16px; -} -.q-card__section--horiz > div:first-child, -.q-card__section--horiz > img:first-child { - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} -.q-card__section--horiz > div:last-child, -.q-card__section--horiz > img:last-child { - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} -.q-card__section--horiz > div:not(:first-child), -.q-card__section--horiz > img:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.q-card__section--horiz > div:not(:last-child), -.q-card__section--horiz > img:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.q-card__section--horiz > div { - border-top: 0; - border-bottom: 0; - box-shadow: none; -} -.q-card__actions { - padding: 8px; - align-items: center; -} -.q-card__actions .q-btn { - padding: 0 8px; -} -.q-card__actions--horiz > .q-btn-item + .q-btn-item, -.q-card__actions--horiz > .q-btn-group + .q-btn-item, -.q-card__actions--horiz > .q-btn-item + .q-btn-group { - margin-left: 8px; -} -.q-card__actions--vert > .q-btn-item.q-btn--round { - align-self: center; -} -.q-card__actions--vert > .q-btn-item + .q-btn-item, -.q-card__actions--vert > .q-btn-group + .q-btn-item, -.q-card__actions--vert > .q-btn-item + .q-btn-group { - margin-top: 4px; -} -.q-card__actions--vert > .q-btn-group > .q-btn-item { - flex-grow: 1; -} -.q-card > img { - display: block; - width: 100%; - max-width: 100%; - border: 0; -} - -.q-carousel { - background-color: #fff; - height: 400px; -} -.q-carousel__slide { - min-height: 100%; - background-size: cover; - background-position: 50%; -} -.q-carousel__slide, .q-carousel .q-carousel--padding { - padding: 16px; -} -.q-carousel__slides-container { - height: 100%; -} -.q-carousel__control { - color: #fff; -} -.q-carousel__arrow { - pointer-events: none; -} -.q-carousel__arrow .q-icon { - font-size: 28px; -} -.q-carousel__arrow .q-btn { - pointer-events: all; -} -.q-carousel__prev-arrow--horizontal, .q-carousel__next-arrow--horizontal { - top: 16px; - bottom: 16px; -} -.q-carousel__prev-arrow--horizontal { - left: 16px; -} -.q-carousel__next-arrow--horizontal { - right: 16px; -} -.q-carousel__prev-arrow--vertical, .q-carousel__next-arrow--vertical { - left: 16px; - right: 16px; -} -.q-carousel__prev-arrow--vertical { - top: 16px; -} -.q-carousel__next-arrow--vertical { - bottom: 16px; -} -.q-carousel__navigation--top, .q-carousel__navigation--bottom { - left: 16px; - right: 16px; - overflow-x: auto; - overflow-y: hidden; -} -.q-carousel__navigation--top { - top: 16px; -} -.q-carousel__navigation--bottom { - bottom: 16px; -} -.q-carousel__navigation--left, .q-carousel__navigation--right { - top: 16px; - bottom: 16px; - overflow-x: hidden; - overflow-y: auto; -} -.q-carousel__navigation--left > .q-carousel__navigation-inner, .q-carousel__navigation--right > .q-carousel__navigation-inner { - flex-direction: column; -} -.q-carousel__navigation--left { - left: 16px; -} -.q-carousel__navigation--right { - right: 16px; -} -.q-carousel__navigation-inner { - flex: 1 1 auto; -} -.q-carousel__navigation .q-btn { - margin: 6px 4px; - padding: 5px; -} -.q-carousel__navigation-icon--inactive { - opacity: 0.7; -} -.q-carousel .q-carousel__thumbnail { - margin: 2px; - height: 50px; - width: auto; - display: inline-block; - cursor: pointer; - border: 1px solid transparent; - border-radius: 4px; - vertical-align: middle; - opacity: 0.7; - transition: opacity 0.3s; -} -.q-carousel .q-carousel__thumbnail:hover, -.q-carousel .q-carousel__thumbnail--active { - opacity: 1; -} -.q-carousel .q-carousel__thumbnail--active { - border-color: currentColor; - cursor: default; -} -.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-top .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding { - padding-top: 60px; -} -.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-bottom .q-carousel--padding, .q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-vertical .q-carousel--padding { - padding-bottom: 60px; -} -.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-left .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding { - padding-left: 60px; -} -.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide, .q-carousel--navigation-right .q-carousel--padding, .q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide, .q-carousel--arrows-horizontal .q-carousel--padding { - padding-right: 60px; -} -.q-carousel.fullscreen { - height: 100%; -} - -.q-message-name, .q-message-stamp, .q-message-label { - font-size: small; -} - -.q-message-label { - margin: 24px 0; - text-align: center; -} - -.q-message-stamp { - color: inherit; - margin-top: 4px; - opacity: 0.6; - display: none; -} - -.q-message-avatar { - border-radius: 50%; - width: 48px; - height: 48px; - min-width: 48px; -} - -.q-message { - margin-bottom: 8px; -} -.q-message:first-child .q-message-label { - margin-top: 0; -} - -.q-message-avatar--received { - margin-right: 8px; -} - -.q-message-text--received { - color: #81c784; - border-radius: 4px 4px 4px 0; -} -.q-message-text--received:last-child:before { - right: 100%; - border-right: 0 solid transparent; - border-left: 8px solid transparent; - border-bottom: 8px solid currentColor; -} - -.q-message-text-content--received { - color: #000; -} - -.q-message-name--sent { - text-align: right; -} - -.q-message-avatar--sent { - margin-left: 8px; -} - -.q-message-container--sent { - flex-direction: row-reverse; -} - -.q-message-text--sent { - color: #e0e0e0; - border-radius: 4px 4px 0 4px; -} -.q-message-text--sent:last-child:before { - left: 100%; - border-left: 0 solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid currentColor; -} - -.q-message-text-content--sent { - color: #000; -} - -.q-message-text { - background: currentColor; - padding: 8px; - line-height: 1.2; - word-break: break-word; - position: relative; -} -.q-message-text + .q-message-text { - margin-top: 3px; -} -.q-message-text:last-child { - min-height: 48px; -} -.q-message-text:last-child .q-message-stamp { - display: block; -} -.q-message-text:last-child:before { - content: ""; - position: absolute; - bottom: 0; - width: 0; - height: 0; -} - -.q-checkbox { - vertical-align: middle; -} -.q-checkbox__native { - width: 1px; - height: 1px; -} -.q-checkbox__bg, .q-checkbox__icon-container { - -webkit-user-select: none; - user-select: none; -} -.q-checkbox__bg { - top: 25%; - left: 25%; - width: 50%; - height: 50%; - border: 2px solid currentColor; - border-radius: 2px; - transition: background 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; - -webkit-print-color-adjust: exact; -} -.q-checkbox__icon { - color: currentColor; - font-size: 0.5em; -} -.q-checkbox__svg { - color: #fff; -} -.q-checkbox__truthy { - stroke: currentColor; - stroke-width: 3.12px; - stroke-dashoffset: 29.78334; - stroke-dasharray: 29.78334; -} -.q-checkbox__indet { - fill: currentColor; - transform-origin: 50% 50%; - transform: rotate(-280deg) scale(0); -} -.q-checkbox__inner { - font-size: 40px; - width: 1em; - min-width: 1em; - height: 1em; - outline: 0; - border-radius: 50%; - color: rgba(0, 0, 0, 0.54); -} -.q-checkbox__inner--truthy, .q-checkbox__inner--indet { - color: var(--q-primary); -} -.q-checkbox__inner--truthy .q-checkbox__bg, .q-checkbox__inner--indet .q-checkbox__bg { - background: currentColor; -} -.q-checkbox__inner--truthy path { - stroke-dashoffset: 0; - transition: stroke-dashoffset 0.18s cubic-bezier(0.4, 0, 0.6, 1) 0ms; -} -.q-checkbox__inner--indet .q-checkbox__indet { - transform: rotate(0) scale(1); - transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; -} -.q-checkbox.disabled { - opacity: 0.75 !important; -} -.q-checkbox--dark .q-checkbox__inner { - color: rgba(255, 255, 255, 0.7); -} -.q-checkbox--dark .q-checkbox__inner:before { - opacity: 0.32 !important; -} -.q-checkbox--dark .q-checkbox__inner--truthy, .q-checkbox--dark .q-checkbox__inner--indet { - color: var(--q-primary); -} -.q-checkbox--dense .q-checkbox__inner { - width: 0.5em; - min-width: 0.5em; - height: 0.5em; -} -.q-checkbox--dense .q-checkbox__bg { - left: 5%; - top: 5%; - width: 90%; - height: 90%; -} -.q-checkbox--dense .q-checkbox__label { - padding-left: 0.5em; -} -.q-checkbox--dense.reverse .q-checkbox__label { - padding-left: 0; - padding-right: 0.5em; -} - -body.desktop .q-checkbox:not(.disabled) .q-checkbox__inner:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - background: currentColor; - opacity: 0.12; - transform: scale3d(0, 0, 1); - transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1); -} -body.desktop .q-checkbox:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox:not(.disabled):hover .q-checkbox__inner:before { - transform: scale3d(1, 1, 1); -} -body.desktop .q-checkbox--dense:not(.disabled):focus .q-checkbox__inner:before, body.desktop .q-checkbox--dense:not(.disabled):hover .q-checkbox__inner:before { - transform: scale3d(1.4, 1.4, 1); -} - -.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--colored .q-chip__icon, .q-chip--dark .q-chip__icon { - color: inherit; -} -.q-chip--outline { - background: transparent !important; - border: 1px solid currentColor; -} -.q-chip .q-avatar { - font-size: 2em; - margin-left: -0.45em; - margin-right: 0.2em; - border-radius: 16px; -} -.q-chip--selected .q-avatar { - display: none; -} -.q-chip__icon { - color: rgba(0, 0, 0, 0.54); - font-size: 1.5em; - margin: -0.2em; -} -.q-chip__icon--left { - margin-right: 0.2em; -} -.q-chip__icon--right { - margin-left: 0.2em; -} -.q-chip__icon--remove { - margin-left: 0.1em; - margin-right: -0.5em; - opacity: 0.6; - outline: 0; -} -.q-chip__icon--remove:hover, .q-chip__icon--remove:focus { - opacity: 1; -} -.q-chip__content { - white-space: nowrap; -} -.q-chip--dense { - border-radius: 12px; - padding: 0 0.4em; - height: 1.5em; -} -.q-chip--dense .q-avatar { - font-size: 1.5em; - margin-left: -0.27em; - margin-right: 0.1em; - border-radius: 12px; -} -.q-chip--dense .q-chip__icon { - font-size: 1.25em; -} -.q-chip--dense .q-chip__icon--left { - margin-right: 0.195em; -} -.q-chip--dense .q-chip__icon--remove { - margin-right: -0.25em; -} -.q-chip--square { - border-radius: 4px; -} -.q-chip--square .q-avatar { - border-radius: 3px 0 0 3px; -} - -body.desktop .q-chip--clickable:focus { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); -} - -.q-circular-progress { - display: inline-block; - position: relative; - vertical-align: middle; - width: 1em; - height: 1em; - line-height: 1; -} -.q-circular-progress.q-focusable { - border-radius: 50%; -} -.q-circular-progress__svg { - width: 100%; - height: 100%; -} -.q-circular-progress__text { - font-size: 0.25em; -} -.q-circular-progress--indeterminate .q-circular-progress__svg { - transform-origin: 50% 50%; - animation: q-spin 2s linear infinite /* rtl:ignore */; -} -.q-circular-progress--indeterminate .q-circular-progress__circle { - stroke-dasharray: 1 400; - stroke-dashoffset: 0; - animation: q-circular-progress-circle 1.5s ease-in-out infinite /* rtl:ignore */; -} - -@keyframes q-circular-progress-circle { - 0% { - stroke-dasharray: 1, 400; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 400, 400; - stroke-dashoffset: -100; - } - 100% { - stroke-dasharray: 400, 400; - stroke-dashoffset: -300; - } -} -.q-color-picker { - overflow: hidden; - background: #fff; - max-width: 350px; - vertical-align: top; - min-width: 180px; - border-radius: 4px; - 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); - /* Saturation Tab */ - /* Tune Tab */ - /* Palette Tab */ - /* Generic */ -} -.q-color-picker .q-tab { - padding: 0 !important; -} -.q-color-picker--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-color-picker__header-tabs { - height: 32px; -} -.q-color-picker__header-banner { - height: 36px; -} -.q-color-picker__header input { - line-height: 24px; - border: 0; -} -.q-color-picker__header .q-tab { - min-height: 32px !important; - height: 32px !important; -} -.q-color-picker__header .q-tab--inactive { - background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1)); -} -.q-color-picker__error-icon { - bottom: 2px; - right: 2px; - font-size: 24px; - opacity: 0; - transition: opacity 0.3s ease-in; -} -.q-color-picker__header-content { - position: relative; - background: #fff; -} -.q-color-picker__header-content--light { - color: #000; -} -.q-color-picker__header-content--dark { - color: #fff; -} -.q-color-picker__header-content--dark .q-tab--inactive:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: rgba(255, 255, 255, 0.2); -} -.q-color-picker__header-banner { - height: 36px; -} -.q-color-picker__header-bg { - background: #fff; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAH0lEQVQoU2NkYGAwZkAFZ5G5jPRRgOYEVDeB3EBjBQBOZwTVugIGyAAAAABJRU5ErkJggg==") !important; -} -.q-color-picker__footer { - height: 36px; -} -.q-color-picker__footer .q-tab { - min-height: 36px !important; - height: 36px !important; -} -.q-color-picker__footer .q-tab--inactive { - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.1)); -} -.q-color-picker__spectrum { - width: 100%; - height: 100%; -} -.q-color-picker__spectrum-tab { - padding: 0 !important; -} -.q-color-picker__spectrum-white { - background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); -} -.q-color-picker__spectrum-black { - background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); -} -.q-color-picker__spectrum-circle { - width: 10px; - height: 10px; - box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); - border-radius: 50%; - transform: translate(-5px, -5px); -} -.q-color-picker__hue .q-slider__track { - background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%) !important; - opacity: 1; -} -.q-color-picker__alpha .q-slider__track-container { - padding-top: 0; -} -.q-color-picker__alpha .q-slider__track:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: inherit; - background: linear-gradient(90deg, rgba(255, 255, 255, 0), #757575); -} -.q-color-picker__sliders { - padding: 0 16px; -} -.q-color-picker__sliders .q-slider__thumb { - color: #424242; -} -.q-color-picker__sliders .q-slider__thumb path { - stroke-width: 2px; - fill: transparent; -} -.q-color-picker__sliders .q-slider--active path { - stroke-width: 3px; -} -.q-color-picker__tune-tab .q-slider { - margin-left: 18px; - margin-right: 18px; -} -.q-color-picker__tune-tab input { - font-size: 11px; - border: 1px solid #e0e0e0; - border-radius: 4px; - width: 3.5em; -} -.q-color-picker__palette-tab { - padding: 0 !important; -} -.q-color-picker__palette-rows--editable .q-color-picker__cube { - cursor: pointer; -} -.q-color-picker__cube { - padding-bottom: 10%; - width: 10% !important; -} -.q-color-picker input { - color: inherit; - background: transparent; - outline: 0; - text-align: center; -} -.q-color-picker .q-tabs { - overflow: hidden; -} -.q-color-picker .q-tab--active { - box-shadow: 0 0 14px 3px rgba(0, 0, 0, 0.2); -} -.q-color-picker .q-tab--active .q-focus-helper { - display: none; -} -.q-color-picker .q-tab__indicator { - display: none; -} -.q-color-picker .q-tab-panels { - background: inherit; -} -.q-color-picker--dark .q-color-picker__tune-tab input { - border: 1px solid rgba(255, 255, 255, 0.3); -} -.q-color-picker--dark .q-slider__thumb { - color: #fafafa; -} - -.q-date { - display: inline-flex; - 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); - border-radius: 4px; - background: #fff; - width: 290px; - min-width: 290px; - max-width: 100%; -} -.q-date--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-date__header { - border-top-left-radius: inherit; - color: #fff; - background-color: var(--q-primary); - padding: 16px; -} -.q-date__actions { - padding: 0 16px 16px; -} -.q-date__content, .q-date__main { - outline: 0; -} -.q-date__content .q-btn { - font-weight: normal; -} -.q-date__header-link { - opacity: 0.64; - outline: 0; - transition: opacity 0.3s ease-out; -} -.q-date__header-link--active, .q-date__header-link:hover, .q-date__header-link:focus { - opacity: 1; -} -.q-date__header-subtitle { - font-size: 14px; - line-height: 1.75; - letter-spacing: 0.00938em; -} -.q-date__header-title-label { - font-size: 24px; - line-height: 1.2; - letter-spacing: 0.00735em; -} -.q-date__view { - height: 100%; - width: 100%; - min-height: 290px; - padding: 16px; -} -.q-date__navigation { - height: 12.5%; -} -.q-date__navigation > div:first-child { - width: 8%; - min-width: 24px; - justify-content: flex-end; -} -.q-date__navigation > div:last-child { - width: 8%; - min-width: 24px; - justify-content: flex-start; -} -.q-date__calendar-weekdays { - height: 12.5%; -} -.q-date__calendar-weekdays > div { - opacity: 0.38; - font-size: 12px; -} -.q-date__calendar-item { - display: inline-flex; - align-items: center; - justify-content: center; - vertical-align: middle; - width: 14.285% !important; - height: 12.5% !important; - position: relative; - padding: 1px; -} -.q-date__calendar-item:after { - content: ""; - position: absolute; - pointer-events: none; - top: 1px; - right: 0; - bottom: 1px; - left: 0; - border-style: dashed; - border-color: transparent; - border-width: 1px; -} -.q-date__calendar-item > div, .q-date__calendar-item button { - width: 30px; - height: 30px; - border-radius: 50%; -} -.q-date__calendar-item > div { - line-height: 30px; - text-align: center; -} -.q-date__calendar-item > button { - line-height: 22px; -} -.q-date__calendar-item--out { - opacity: 0.18; -} -.q-date__calendar-item--fill { - visibility: hidden; -} -.q-date__range:before, .q-date__range-from:before, .q-date__range-to:before { - content: ""; - background-color: currentColor; - position: absolute; - top: 1px; - bottom: 1px; - left: 0; - right: 0; - opacity: 0.3; -} -.q-date__range:nth-child(7n-6):before, .q-date__range-from:nth-child(7n-6):before, .q-date__range-to:nth-child(7n-6):before { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.q-date__range:nth-child(7n):before, .q-date__range-from:nth-child(7n):before, .q-date__range-to:nth-child(7n):before { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.q-date__range-from:before { - left: 50%; -} -.q-date__range-to:before { - right: 50%; -} -.q-date__edit-range:after { - border-color: currentColor transparent; -} -.q-date__edit-range:nth-child(7n-6):after { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.q-date__edit-range:nth-child(7n):after { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.q-date__edit-range-from:after, .q-date__edit-range-from-to:after { - left: 4px; - border-left-color: currentColor; - border-top-color: currentColor; - border-bottom-color: currentColor; - border-top-left-radius: 28px; - border-bottom-left-radius: 28px; -} -.q-date__edit-range-to:after, .q-date__edit-range-from-to:after { - right: 4px; - border-right-color: currentColor; - border-top-color: currentColor; - border-bottom-color: currentColor; - border-top-right-radius: 28px; - border-bottom-right-radius: 28px; -} -.q-date__calendar-days-container { - height: 75%; - min-height: 192px; -} -.q-date__calendar-days > div { - height: 16.66% !important; -} -.q-date__event { - position: absolute; - bottom: 2px; - left: 50%; - height: 5px; - width: 8px; - border-radius: 5px; - background-color: var(--q-secondary); - transform: translate3d(-50%, 0, 0); -} -.q-date__today { - box-shadow: 0 0 1px 0 currentColor; -} -.q-date__years-content { - padding: 0 8px; -} -.q-date__years-item, .q-date__months-item { - flex: 0 0 33.3333%; -} -.q-date.disabled .q-date__header, .q-date.disabled .q-date__content, .q-date--readonly .q-date__header, .q-date--readonly .q-date__content { - pointer-events: none; -} -.q-date--readonly .q-date__navigation { - display: none; -} -.q-date--portrait { - flex-direction: column; -} -.q-date--portrait-standard .q-date__content { - height: calc(100% - 86px); -} -.q-date--portrait-standard .q-date__header { - border-top-right-radius: inherit; - height: 86px; -} -.q-date--portrait-standard .q-date__header-title { - align-items: center; - height: 30px; -} -.q-date--portrait-minimal .q-date__content { - height: 100%; -} -.q-date--landscape { - flex-direction: row; - align-items: stretch; - min-width: 420px; -} -.q-date--landscape > div { - display: flex; - flex-direction: column; -} -.q-date--landscape .q-date__content { - height: 100%; -} -.q-date--landscape-standard { - min-width: 420px; -} -.q-date--landscape-standard .q-date__header { - border-bottom-left-radius: inherit; - min-width: 110px; - width: 110px; -} -.q-date--landscape-standard .q-date__header-title { - flex-direction: column; -} -.q-date--landscape-standard .q-date__header-today { - margin-top: 12px; - margin-left: -8px; -} -.q-date--landscape-minimal { - width: 310px; -} -.q-date--dark { - border-color: rgba(255, 255, 255, 0.28); -} - -.q-dialog__title { - font-size: 1.25rem; - font-weight: 500; - line-height: 2rem; - letter-spacing: 0.0125em; -} -.q-dialog__progress { - font-size: 4rem; -} -.q-dialog__inner { - outline: 0; -} -.q-dialog__inner > div { - pointer-events: all; - overflow: auto; - -webkit-overflow-scrolling: touch; - will-change: scroll-position; - border-radius: 4px; - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} -.q-dialog__inner--square > div { - border-radius: 0 !important; -} -.q-dialog__inner > .q-card > .q-card__actions .q-btn--rectangle { - min-width: 64px; -} -.q-dialog__inner--minimized { - padding: 24px; -} -.q-dialog__inner--minimized > div { - max-height: calc(100vh - 48px); -} -.q-dialog__inner--maximized > div { - height: 100%; - width: 100%; - max-height: 100vh; - max-width: 100vw; - border-radius: 0 !important; - top: 0 !important; - left: 0 !important; -} -.q-dialog__inner--top, .q-dialog__inner--bottom { - padding-top: 0 !important; - padding-bottom: 0 !important; -} -.q-dialog__inner--right, .q-dialog__inner--left { - padding-right: 0 !important; - padding-left: 0 !important; -} -.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div { - border-top-left-radius: 0; -} -.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--top:not(.q-dialog__inner--animating) > div { - border-top-right-radius: 0; -} -.q-dialog__inner--left:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div { - border-bottom-left-radius: 0; -} -.q-dialog__inner--right:not(.q-dialog__inner--animating) > div, .q-dialog__inner--bottom:not(.q-dialog__inner--animating) > div { - border-bottom-right-radius: 0; -} -.q-dialog__inner--fullwidth > div { - width: 100% !important; - max-width: 100% !important; -} -.q-dialog__inner--fullheight > div { - height: 100% !important; - max-height: 100% !important; -} -.q-dialog__backdrop { - z-index: -1; - pointer-events: all; - outline: 0; - background: rgba(0, 0, 0, 0.4); -} - -body.platform-ios .q-dialog__inner--minimized > div, body.platform-android:not(.native-mobile) .q-dialog__inner--minimized > div { - max-height: calc(100vh - 108px); -} - -body.q-ios-padding .q-dialog__inner { - padding-top: 20px !important; - padding-top: env(safe-area-inset-top) !important; - padding-bottom: env(safe-area-inset-bottom) !important; -} -body.q-ios-padding .q-dialog__inner > div { - max-height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; -} - -@media (max-width: 599.98px) { - .q-dialog__inner--top, .q-dialog__inner--bottom { - padding-left: 0; - padding-right: 0; - } - .q-dialog__inner--top > div, .q-dialog__inner--bottom > div { - width: 100% !important; - } -} -@media (min-width: 600px) { - .q-dialog__inner--minimized > div { - max-width: 560px; - } -} -.q-body--dialog { - overflow: hidden; -} - -.q-bottom-sheet { - padding-bottom: 8px; -} -.q-bottom-sheet__avatar { - border-radius: 50%; -} -.q-bottom-sheet--list { - width: 400px; -} -.q-bottom-sheet--list .q-icon, .q-bottom-sheet--list img { - font-size: 24px; - width: 24px; - height: 24px; -} -.q-bottom-sheet--grid { - width: 700px; -} -.q-bottom-sheet--grid .q-bottom-sheet__item { - padding: 8px; - text-align: center; - min-width: 100px; -} -.q-bottom-sheet--grid .q-icon, .q-bottom-sheet--grid img, .q-bottom-sheet--grid .q-bottom-sheet__empty-icon { - font-size: 48px; - width: 48px; - height: 48px; - margin-bottom: 8px; -} -.q-bottom-sheet--grid .q-separator { - margin: 12px 0; -} -.q-bottom-sheet__item { - flex: 0 0 33.3333%; -} - -@media (min-width: 600px) { - .q-bottom-sheet__item { - flex: 0 0 25%; - } -} -.q-dialog-plugin { - width: 400px; -} -.q-dialog-plugin__form { - max-height: 50vh; -} -.q-dialog-plugin .q-card__section + .q-card__section { - padding-top: 0; -} -.q-dialog-plugin--progress { - text-align: center; -} - -.q-editor { - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: 4px; - background-color: #fff; -} -.q-editor.disabled { - border-style: dashed; -} -.q-editor > div:first-child, .q-editor__toolbars-container, .q-editor__toolbars-container > div:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.q-editor__content { - outline: 0; - padding: 10px; - min-height: 10em; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - overflow: auto; - max-width: 100%; -} -.q-editor__content pre { - white-space: pre-wrap; -} -.q-editor__content hr { - border: 0; - outline: 0; - margin: 1px; - height: 1px; - background: rgba(0, 0, 0, 0.12); -} -.q-editor__content:empty:not(:focus):before { - content: attr(placeholder); - opacity: 0.7; -} -.q-editor__toolbar { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); - min-height: 32px; -} -.q-editor__toolbars-container { - max-width: 100%; -} -.q-editor .q-btn { - margin: 4px; -} -.q-editor__toolbar-group { - position: relative; - margin: 0 4px; -} -.q-editor__toolbar-group + .q-editor__toolbar-group:before { - content: ""; - position: absolute; - left: -4px; - top: 4px; - bottom: 4px; - width: 1px; - background: rgba(0, 0, 0, 0.12); -} -.q-editor__link-input { - color: inherit; - text-decoration: none; - text-transform: none; - border: none; - border-radius: 0; - background: none; - outline: 0; -} -.q-editor--flat, .q-editor--flat .q-editor__toolbar { - border: 0; -} -.q-editor--dense .q-editor__toolbar-group { - display: flex; - align-items: center; - flex-wrap: nowrap; -} -.q-editor--dark { - border-color: rgba(255, 255, 255, 0.28); -} -.q-editor--dark .q-editor__content hr { - background: rgba(255, 255, 255, 0.28); -} -.q-editor--dark .q-editor__toolbar { - border-color: rgba(255, 255, 255, 0.28); -} -.q-editor--dark .q-editor__toolbar-group + .q-editor__toolbar-group:before { - background: rgba(255, 255, 255, 0.28); -} - -.q-expansion-item__border { - opacity: 0; -} -.q-expansion-item__toggle-icon { - position: relative; - transition: transform 0.3s; -} -.q-expansion-item__toggle-icon--rotated { - transform: rotate(180deg); -} -.q-expansion-item__toggle-focus { - width: 1em !important; - height: 1em !important; - position: relative !important; -} -.q-expansion-item__toggle-focus + .q-expansion-item__toggle-icon { - margin-top: -1em; -} -.q-expansion-item--standard.q-expansion-item--expanded > div > .q-expansion-item__border { - opacity: 1; -} -.q-expansion-item--popup { - transition: padding 0.5s; -} -.q-expansion-item--popup > .q-expansion-item__container { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-expansion-item--popup > .q-expansion-item__container > .q-separator { - display: none; -} -.q-expansion-item--popup.q-expansion-item--collapsed { - padding: 0 15px; -} -.q-expansion-item--popup.q-expansion-item--expanded { - padding: 15px 0; -} -.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--expanded { - padding-top: 0; -} -.q-expansion-item--popup.q-expansion-item--collapsed:not(:first-child) > .q-expansion-item__container { - border-top-width: 0; -} -.q-expansion-item--popup.q-expansion-item--expanded + .q-expansion-item--popup.q-expansion-item--collapsed > .q-expansion-item__container { - border-top-width: 1px; -} -.q-expansion-item__content > .q-card { - box-shadow: none; - border-radius: 0; -} -.q-expansion-item:first-child > div > .q-expansion-item__border--top { - opacity: 0; -} -.q-expansion-item:last-child > div > .q-expansion-item__border--bottom { - opacity: 0; -} -.q-expansion-item--expanded + .q-expansion-item--expanded > div > .q-expansion-item__border--top { - opacity: 0; -} -.q-expansion-item--expanded .q-textarea--autogrow textarea { - animation: q-expansion-done 0s; -} - -/* needed for compilation */ -@keyframes q-expansion-done { - 0% { - --q-exp-done: 1; - } -} -.z-fab { - z-index: 990; -} - -.q-fab { - position: relative; - vertical-align: middle; -} -.q-fab > .q-btn { - width: 100%; -} -.q-fab--form-rounded { - border-radius: 28px; -} -.q-fab--form-square { - border-radius: 4px; -} -.q-fab__icon, .q-fab__active-icon { - transition: opacity 0.4s, transform 0.4s; -} -.q-fab__icon { - opacity: 1; - transform: rotate(0deg); -} -.q-fab__active-icon { - opacity: 0; - transform: rotate(-180deg); -} -.q-fab__label--external { - position: absolute; - padding: 0 8px; - transition: opacity 0.18s cubic-bezier(0.65, 0.815, 0.735, 0.395); -} -.q-fab__label--external-hidden { - opacity: 0; - pointer-events: none; -} -.q-fab__label--external-left { - top: 50%; - left: -12px; - transform: translate(-100%, -50%); -} -.q-fab__label--external-right { - top: 50%; - right: -12px; - transform: translate(100%, -50%); -} -.q-fab__label--external-bottom { - bottom: -12px; - left: 50%; - transform: translate(-50%, 100%); -} -.q-fab__label--external-top { - top: -12px; - left: 50%; - transform: translate(-50%, -100%); -} -.q-fab__label--internal { - padding: 0; - transition: font-size 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), max-height 0.12s cubic-bezier(0.65, 0.815, 0.735, 0.395), opacity 0.07s cubic-bezier(0.65, 0.815, 0.735, 0.395); - max-height: 30px; -} -.q-fab__label--internal-hidden { - font-size: 0; - opacity: 0; -} -.q-fab__label--internal-top { - padding-bottom: 0.12em; -} -.q-fab__label--internal-bottom { - padding-top: 0.12em; -} -.q-fab__label--internal-top.q-fab__label--internal-hidden, .q-fab__label--internal-bottom.q-fab__label--internal-hidden { - max-height: 0; -} -.q-fab__label--internal-left { - padding-left: 0.285em; - padding-right: 0.571em; -} -.q-fab__label--internal-right { - padding-right: 0.285em; - padding-left: 0.571em; -} -.q-fab__icon-holder { - min-width: 24px; - min-height: 24px; - position: relative; -} -.q-fab__icon-holder--opened .q-fab__icon { - transform: rotate(180deg); - opacity: 0; -} -.q-fab__icon-holder--opened .q-fab__active-icon { - transform: rotate(0deg); - opacity: 1; -} -.q-fab__actions { - position: absolute; - opacity: 0; - transition: transform 0.18s ease-in, opacity 0.18s ease-in; - pointer-events: none; - align-items: center; - justify-content: center; - align-self: center; - padding: 3px; -} -.q-fab__actions .q-btn { - margin: 5px; -} -.q-fab__actions--right { - transform-origin: 0 50%; - transform: scale(0.4) translateX(-62px); - height: 56px; - left: 100%; - margin-left: 9px; -} -.q-fab__actions--left { - transform-origin: 100% 50%; - transform: scale(0.4) translateX(62px); - height: 56px; - right: 100%; - margin-right: 9px; - flex-direction: row-reverse; -} -.q-fab__actions--up { - transform-origin: 50% 100%; - transform: scale(0.4) translateY(62px); - width: 56px; - bottom: 100%; - margin-bottom: 9px; - flex-direction: column-reverse; -} -.q-fab__actions--down { - transform-origin: 50% 0; - transform: scale(0.4) translateY(-62px); - width: 56px; - top: 100%; - margin-top: 9px; - flex-direction: column; -} -.q-fab__actions--up, .q-fab__actions--down { - left: 50%; - margin-left: -28px; -} -.q-fab__actions--opened { - opacity: 1; - transform: scale(1) translate(0, 0); - pointer-events: all; -} -.q-fab--align-left > .q-fab__actions--up, .q-fab--align-left > .q-fab__actions--down { - align-items: flex-start; - left: 28px; -} -.q-fab--align-right > .q-fab__actions--up, .q-fab--align-right > .q-fab__actions--down { - align-items: flex-end; - left: auto; - right: 0; -} - -.q-field { - font-size: 14px; -} -.q-field ::-ms-clear, -.q-field ::-ms-reveal { - display: none; -} -.q-field--with-bottom { - padding-bottom: 20px; -} -.q-field__marginal { - height: 56px; - color: rgba(0, 0, 0, 0.54); - font-size: 24px; -} -.q-field__marginal > * + * { - margin-left: 2px; -} -.q-field__marginal .q-avatar { - font-size: 32px; -} -.q-field__before, .q-field__prepend { - padding-right: 12px; -} -.q-field__after, .q-field__append { - padding-left: 12px; -} -.q-field__after:empty, .q-field__append:empty { - display: none; -} -.q-field__append + .q-field__append { - padding-left: 2px; -} -.q-field__inner { - text-align: left; -} -.q-field__bottom { - font-size: 12px; - min-height: 20px; - line-height: 1; - color: rgba(0, 0, 0, 0.54); - padding: 8px 12px 0; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.q-field__bottom--animated { - transform: translateY(100%); - position: absolute; - left: 0; - right: 0; - bottom: 0; -} -.q-field__messages { - line-height: 1; -} -.q-field__messages > div { - word-break: break-word; - word-wrap: break-word; - overflow-wrap: break-word; -} -.q-field__messages > div + div { - margin-top: 4px; -} -.q-field__counter { - padding-left: 8px; - line-height: 1; -} -.q-field--item-aligned { - padding: 8px 16px; -} -.q-field--item-aligned .q-field__before { - min-width: 56px; -} -.q-field__control-container { - height: inherit; -} -.q-field__control { - color: var(--q-primary); - height: 56px; - max-width: 100%; - outline: none; -} -.q-field__control:before, .q-field__control:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; -} -.q-field__control:before { - border-radius: inherit; -} -.q-field__shadow { - top: 8px; - opacity: 0; - overflow: hidden; - white-space: pre-wrap; - transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field__shadow + .q-field__native::placeholder { - transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field__shadow + .q-field__native:focus::placeholder { - opacity: 0; -} -.q-field__native, .q-field__prefix, .q-field__suffix, .q-field__input { - font-weight: 400; - line-height: 28px; - letter-spacing: 0.00937em; - text-decoration: inherit; - text-transform: inherit; - border: none; - border-radius: 0; - background: none; - color: rgba(0, 0, 0, 0.87); - outline: 0; - padding: 6px 0; -} -.q-field__native, .q-field__input { - width: 100%; - min-width: 0; - outline: 0 !important; - -webkit-user-select: auto; - user-select: auto; -} -.q-field__native:-webkit-autofill, .q-field__input:-webkit-autofill { - -webkit-animation-name: q-autofill; - -webkit-animation-fill-mode: both; -} -.q-field__native:-webkit-autofill + .q-field__label, .q-field__input:-webkit-autofill + .q-field__label { - transform: translateY(-40%) scale(0.75); -} -.q-field__native[type=number]:invalid + .q-field__label, .q-field__input[type=number]:invalid + .q-field__label { - transform: translateY(-40%) scale(0.75); -} -.q-field__native:invalid, .q-field__input:invalid { - box-shadow: none; -} -.q-field__native[type=file] { - line-height: 1em; -} -.q-field__input { - padding: 0; - height: 0; - min-height: 24px; - line-height: 24px; -} -.q-field__prefix, .q-field__suffix { - transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1); - white-space: nowrap; -} -.q-field__prefix { - padding-right: 4px; -} -.q-field__suffix { - padding-left: 4px; -} -.q-field--readonly .q-placeholder, .q-field--disabled .q-placeholder { - opacity: 1 !important; -} -.q-field--readonly.q-field--labeled .q-field__native, .q-field--readonly.q-field--labeled .q-field__input { - cursor: default; -} -.q-field--readonly.q-field--float .q-field__native, .q-field--readonly.q-field--float .q-field__input { - cursor: text; -} -.q-field--disabled .q-field__inner { - cursor: not-allowed; -} -.q-field--disabled .q-field__control { - pointer-events: none; -} -.q-field--disabled .q-field__control > div { - opacity: 0.6 !important; -} -.q-field--disabled .q-field__control > div, .q-field--disabled .q-field__control > div * { - outline: 0 !important; -} -.q-field__label { - left: 0; - top: 18px; - max-width: 100%; - color: rgba(0, 0, 0, 0.6); - font-size: 16px; - line-height: 20px; - font-weight: 400; - letter-spacing: 0.00937em; - text-decoration: inherit; - text-transform: inherit; - transform-origin: left top; - transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.324s cubic-bezier(0.4, 0, 0.2, 1); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.q-field--float .q-field__label { - max-width: 133%; - transform: translateY(-40%) scale(0.75); - transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.396s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--highlighted .q-field__label { - color: currentColor; -} -.q-field--highlighted .q-field__shadow { - opacity: 0.5; -} -.q-field--filled .q-field__control { - padding: 0 12px; - background: rgba(0, 0, 0, 0.05); - border-radius: 4px 4px 0 0; -} -.q-field--filled .q-field__control:before { - background: rgba(0, 0, 0, 0.05); - border-bottom: 1px solid rgba(0, 0, 0, 0.42); - opacity: 0; - transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--filled .q-field__control:hover:before { - opacity: 1; -} -.q-field--filled .q-field__control:after { - height: 2px; - top: auto; - transform-origin: center bottom; - transform: scale3d(0, 1, 1); - background: currentColor; - transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--filled.q-field--rounded .q-field__control { - border-radius: 28px 28px 0 0; -} -.q-field--filled.q-field--highlighted .q-field__control:before { - opacity: 1; - background: rgba(0, 0, 0, 0.12); -} -.q-field--filled.q-field--highlighted .q-field__control:after { - transform: scale3d(1, 1, 1); -} -.q-field--filled.q-field--dark .q-field__control, .q-field--filled.q-field--dark .q-field__control:before { - background: rgba(255, 255, 255, 0.07); -} -.q-field--filled.q-field--dark.q-field--highlighted .q-field__control:before { - background: rgba(255, 255, 255, 0.1); -} -.q-field--filled.q-field--readonly .q-field__control:before { - opacity: 1; - background: transparent; - border-bottom-style: dashed; -} -.q-field--outlined .q-field__control { - border-radius: 4px; - padding: 0 12px; -} -.q-field--outlined .q-field__control:before { - border: 1px solid rgba(0, 0, 0, 0.24); - transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--outlined .q-field__control:hover:before { - border-color: #000; -} -.q-field--outlined .q-field__control:after { - height: inherit; - border-radius: inherit; - border: 2px solid transparent; - transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--outlined .q-field__native:-webkit-autofill, -.q-field--outlined .q-field__input:-webkit-autofill { - margin-top: 1px; - margin-bottom: 1px; -} -.q-field--outlined.q-field--rounded .q-field__control { - border-radius: 28px; -} -.q-field--outlined.q-field--highlighted .q-field__control:hover:before { - border-color: transparent; -} -.q-field--outlined.q-field--highlighted .q-field__control:after { - border-color: currentColor; - border-width: 2px; - transform: scale3d(1, 1, 1); -} -.q-field--outlined.q-field--readonly .q-field__control:before { - border-style: dashed; -} -.q-field--standard .q-field__control:before { - border-bottom: 1px solid rgba(0, 0, 0, 0.24); - transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--standard .q-field__control:hover:before { - border-color: #000; -} -.q-field--standard .q-field__control:after { - height: 2px; - top: auto; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - transform-origin: center bottom; - transform: scale3d(0, 1, 1); - background: currentColor; - transition: transform 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--standard.q-field--highlighted .q-field__control:after { - transform: scale3d(1, 1, 1); -} -.q-field--standard.q-field--readonly .q-field__control:before { - border-bottom-style: dashed; -} -.q-field--dark .q-field__control:before { - border-color: rgba(255, 255, 255, 0.6); -} -.q-field--dark .q-field__control:hover:before { - border-color: #fff; -} -.q-field--dark .q-field__native, .q-field--dark .q-field__prefix, .q-field--dark .q-field__suffix, .q-field--dark .q-field__input { - color: #fff; -} -.q-field--dark:not(.q-field--highlighted) .q-field__label, .q-field--dark .q-field__marginal, .q-field--dark .q-field__bottom { - color: rgba(255, 255, 255, 0.7); -} -.q-field--standout .q-field__control { - padding: 0 12px; - background: rgba(0, 0, 0, 0.05); - border-radius: 4px; - transition: box-shadow 0.36s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--standout .q-field__control:before { - background: rgba(0, 0, 0, 0.07); - opacity: 0; - transition: opacity 0.36s cubic-bezier(0.4, 0, 0.2, 1), background 0.36s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-field--standout .q-field__control:hover:before { - opacity: 1; -} -.q-field--standout.q-field--rounded .q-field__control { - border-radius: 28px; -} -.q-field--standout.q-field--highlighted .q-field__control { - 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); - background: #000; -} -.q-field--standout.q-field--highlighted .q-field__native, .q-field--standout.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--highlighted .q-field__append, .q-field--standout.q-field--highlighted .q-field__input { - color: #fff; -} -.q-field--standout.q-field--readonly .q-field__control:before { - opacity: 1; - background: transparent; - border: 1px dashed rgba(0, 0, 0, 0.24); -} -.q-field--standout.q-field--dark .q-field__control { - background: rgba(255, 255, 255, 0.07); -} -.q-field--standout.q-field--dark .q-field__control:before { - background: rgba(255, 255, 255, 0.07); -} -.q-field--standout.q-field--dark.q-field--highlighted .q-field__control { - background: #fff; -} -.q-field--standout.q-field--dark.q-field--highlighted .q-field__native, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prefix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__suffix, .q-field--standout.q-field--dark.q-field--highlighted .q-field__prepend, .q-field--standout.q-field--dark.q-field--highlighted .q-field__append, .q-field--standout.q-field--dark.q-field--highlighted .q-field__input { - color: #000; -} -.q-field--standout.q-field--dark.q-field--readonly .q-field__control:before { - border-color: rgba(255, 255, 255, 0.24); -} -.q-field--labeled .q-field__native, .q-field--labeled .q-field__prefix, .q-field--labeled .q-field__suffix { - line-height: 24px; - padding-top: 24px; - padding-bottom: 8px; -} -.q-field--labeled .q-field__shadow { - top: 0; -} -.q-field--labeled:not(.q-field--float) .q-field__prefix, .q-field--labeled:not(.q-field--float) .q-field__suffix { - opacity: 0; -} -.q-field--labeled:not(.q-field--float) .q-field__native::placeholder, .q-field--labeled:not(.q-field--float) .q-field__input::placeholder { - color: transparent; -} -.q-field--labeled.q-field--dense .q-field__native, .q-field--labeled.q-field--dense .q-field__prefix, .q-field--labeled.q-field--dense .q-field__suffix { - padding-top: 14px; - padding-bottom: 2px; -} -.q-field--dense .q-field__shadow { - top: 0; -} -.q-field--dense .q-field__control, .q-field--dense .q-field__marginal { - height: 40px; -} -.q-field--dense .q-field__bottom { - font-size: 11px; -} -.q-field--dense .q-field__label { - font-size: 14px; - top: 10px; -} -.q-field--dense .q-field__before, .q-field--dense .q-field__prepend { - padding-right: 6px; -} -.q-field--dense .q-field__after, .q-field--dense .q-field__append { - padding-left: 6px; -} -.q-field--dense .q-field__append + .q-field__append { - padding-left: 2px; -} -.q-field--dense .q-field__marginal .q-avatar { - font-size: 24px; -} -.q-field--dense.q-field--float .q-field__label { - transform: translateY(-30%) scale(0.75); -} -.q-field--dense .q-field__native:-webkit-autofill + .q-field__label, .q-field--dense .q-field__input:-webkit-autofill + .q-field__label { - transform: translateY(-30%) scale(0.75); -} -.q-field--dense .q-field__native[type=number]:invalid + .q-field__label, .q-field--dense .q-field__input[type=number]:invalid + .q-field__label { - transform: translateY(-30%) scale(0.75); -} -.q-field--borderless .q-field__bottom, .q-field--borderless.q-field--dense .q-field__control, .q-field--standard .q-field__bottom, .q-field--standard.q-field--dense .q-field__control { - padding-left: 0; - padding-right: 0; -} -.q-field--error .q-field__label { - animation: q-field-label 0.36s; -} -.q-field--error .q-field__bottom { - color: var(--q-negative); -} -.q-field__focusable-action { - opacity: 0.6; - cursor: pointer; - outline: 0 !important; - border: 0; - color: inherit; - background: transparent; - padding: 0; -} -.q-field__focusable-action:hover, .q-field__focusable-action:focus { - opacity: 1; -} -.q-field--auto-height .q-field__control { - height: auto; -} -.q-field--auto-height .q-field__control, .q-field--auto-height .q-field__native { - min-height: 56px; -} -.q-field--auto-height .q-field__native { - align-items: center; -} -.q-field--auto-height .q-field__control-container { - padding-top: 0; -} -.q-field--auto-height .q-field__native, .q-field--auto-height .q-field__prefix, .q-field--auto-height .q-field__suffix { - line-height: 18px; -} -.q-field--auto-height.q-field--labeled .q-field__control-container { - padding-top: 24px; -} -.q-field--auto-height.q-field--labeled .q-field__shadow { - top: 24px; -} -.q-field--auto-height.q-field--labeled .q-field__native, .q-field--auto-height.q-field--labeled .q-field__prefix, .q-field--auto-height.q-field--labeled .q-field__suffix { - padding-top: 0; -} -.q-field--auto-height.q-field--labeled .q-field__native { - min-height: 24px; -} -.q-field--auto-height.q-field--dense .q-field__control, .q-field--auto-height.q-field--dense .q-field__native { - min-height: 40px; -} -.q-field--auto-height.q-field--dense.q-field--labeled .q-field__control-container { - padding-top: 14px; -} -.q-field--auto-height.q-field--dense.q-field--labeled .q-field__shadow { - top: 14px; -} -.q-field--auto-height.q-field--dense.q-field--labeled .q-field__native { - min-height: 24px; -} -.q-field--square .q-field__control { - border-radius: 0 !important; -} - -.q-transition--field-message-enter-active, .q-transition--field-message-leave-active { - transition: transform 0.6s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.6s cubic-bezier(0.86, 0, 0.07, 1); -} -.q-transition--field-message-enter-from, .q-transition--field-message-leave-to { - opacity: 0; - transform: translateY(-10px); -} -.q-transition--field-message-leave-from, .q-transition--field-message-leave-active { - position: absolute; -} - -@keyframes q-field-label { - 40% { - margin-left: 2px; - } - 60%, 80% { - margin-left: -2px; - } - 70%, 90% { - margin-left: 2px; - } -} -@keyframes q-autofill { - to { - background: transparent; - color: inherit; - } -} -.q-file .q-field__native { - word-break: break-all; - overflow: hidden; -} -.q-file .q-field__input { - opacity: 0 !important; -} -.q-file .q-field__input::-webkit-file-upload-button { - cursor: pointer; -} -.q-file__filler { - visibility: hidden; - width: 100%; - border: none; - padding: 0; -} -.q-file__dnd { - outline: 1px dashed currentColor; - outline-offset: -4px; -} - -.q-form { - position: relative; -} - -.q-img { - position: relative; - width: 100%; - display: inline-block; - vertical-align: middle; - overflow: hidden; -} -.q-img__loading .q-spinner { - font-size: 50px; -} -.q-img__container { - border-radius: inherit; - font-size: 0; -} -.q-img__image { - border-radius: inherit; - width: 100%; - height: 100%; - opacity: 0; -} -.q-img__image--with-transition { - transition: opacity 0.28s ease-in; -} -.q-img__image--loaded { - opacity: 1; -} -.q-img__content { - border-radius: inherit; - pointer-events: none; -} -.q-img__content > div { - pointer-events: all; - position: absolute; - padding: 16px; - color: #fff; - background: rgba(0, 0, 0, 0.47); -} -.q-img--no-menu .q-img__image, -.q-img--no-menu .q-img__placeholder { - pointer-events: none; -} - -.q-inner-loading { - background: rgba(255, 255, 255, 0.6); -} -.q-inner-loading--dark { - background: rgba(0, 0, 0, 0.4); -} -.q-inner-loading__label { - margin-top: 8px; -} - -.q-textarea .q-field__control { - min-height: 56px; - height: auto; -} -.q-textarea .q-field__control-container { - padding-top: 2px; - padding-bottom: 2px; -} -.q-textarea .q-field__shadow { - top: 2px; - bottom: 2px; -} -.q-textarea .q-field__native, .q-textarea .q-field__prefix, .q-textarea .q-field__suffix { - line-height: 18px; -} -.q-textarea .q-field__native { - resize: vertical; - padding-top: 17px; - min-height: 52px; -} -.q-textarea.q-field--labeled .q-field__control-container { - padding-top: 26px; -} -.q-textarea.q-field--labeled .q-field__shadow { - top: 26px; -} -.q-textarea.q-field--labeled .q-field__native, .q-textarea.q-field--labeled .q-field__prefix, .q-textarea.q-field--labeled .q-field__suffix { - padding-top: 0; -} -.q-textarea.q-field--labeled .q-field__native { - min-height: 26px; - padding-top: 1px; -} -.q-textarea--autogrow .q-field__native { - resize: none; -} -.q-textarea.q-field--dense .q-field__control, .q-textarea.q-field--dense .q-field__native { - min-height: 36px; -} -.q-textarea.q-field--dense .q-field__native { - padding-top: 9px; -} -.q-textarea.q-field--dense.q-field--labeled .q-field__control-container { - padding-top: 14px; -} -.q-textarea.q-field--dense.q-field--labeled .q-field__shadow { - top: 14px; -} -.q-textarea.q-field--dense.q-field--labeled .q-field__native { - min-height: 24px; - padding-top: 3px; -} -.q-textarea.q-field--dense.q-field--labeled .q-field__prefix, .q-textarea.q-field--dense.q-field--labeled .q-field__suffix { - padding-top: 2px; -} - -body.mobile .q-textarea .q-field__native, -.q-textarea.disabled .q-field__native { - resize: none; -} - -.q-intersection { - position: relative; -} - -.q-item { - min-height: 48px; - padding: 8px 16px; - color: inherit; - transition: color 0.3s, background-color 0.3s; -} -.q-item__section--side { - color: #757575; - align-items: flex-start; - padding-right: 16px; - width: auto; - min-width: 0; - max-width: 100%; -} -.q-item__section--side > .q-icon { - font-size: 24px; -} -.q-item__section--side > .q-avatar { - font-size: 40px; -} -.q-item__section--avatar { - color: inherit; - min-width: 56px; -} -.q-item__section--thumbnail img { - width: 100px; - height: 56px; -} -.q-item__section--nowrap { - white-space: nowrap; -} -.q-item > .q-item__section--thumbnail:first-child, -.q-item > .q-focus-helper + .q-item__section--thumbnail { - margin-left: -16px; -} -.q-item > .q-item__section--thumbnail:last-of-type { - margin-right: -16px; -} -.q-item__label { - line-height: 1.2em !important; - max-width: 100%; -} -.q-item__label--overline { - color: rgba(0, 0, 0, 0.7); -} -.q-item__label--caption { - color: rgba(0, 0, 0, 0.54); -} -.q-item__label--header { - color: #757575; - padding: 16px; - font-size: 0.875rem; - line-height: 1.25rem; - letter-spacing: 0.01786em; -} -.q-separator--spaced + .q-item__label--header, .q-list--padding .q-item__label--header { - padding-top: 8px; -} -.q-item__label + .q-item__label { - margin-top: 4px; -} - -.q-item__section--main { - width: auto; - min-width: 0; - max-width: 100%; - flex: 10000 1 0%; -} -.q-item__section--main + .q-item__section--main { - margin-left: 8px; -} -.q-item__section--main ~ .q-item__section--side { - align-items: flex-end; - padding-right: 0; - padding-left: 16px; -} -.q-item__section--main.q-item__section--thumbnail { - margin-left: 0; - margin-right: -16px; -} - -.q-list--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-list--separator > .q-item-type + .q-item-type, -.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.q-list--padding { - padding: 8px 0; -} - -.q-list--dense > .q-item, .q-item--dense { - min-height: 32px; - padding: 2px 16px; -} - -.q-list--dark.q-list--separator > .q-item-type + .q-item-type, -.q-list--dark.q-list--separator > .q-virtual-scroll__content > .q-item-type + .q-item-type { - border-top-color: rgba(255, 255, 255, 0.28); -} - -.q-list--dark, .q-item--dark { - color: #fff; - border-color: rgba(255, 255, 255, 0.28); -} -.q-list--dark .q-item__section--side:not(.q-item__section--avatar), .q-item--dark .q-item__section--side:not(.q-item__section--avatar) { - color: rgba(255, 255, 255, 0.7); -} -.q-list--dark .q-item__label--header, .q-item--dark .q-item__label--header { - color: rgba(255, 255, 255, 0.64); -} -.q-list--dark .q-item__label--overline, .q-list--dark .q-item__label--caption, .q-item--dark .q-item__label--overline, .q-item--dark .q-item__label--caption { - color: rgba(255, 255, 255, 0.8); -} - -.q-item { - position: relative; -} -.q-item.q-router-link--active, .q-item--active { - color: var(--q-primary); -} - -.q-knob { - font-size: 48px; -} -.q-knob--editable { - cursor: pointer; - outline: 0; -} -.q-knob--editable:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - box-shadow: none; - transition: box-shadow 0.24s ease-in-out; -} -.q-knob--editable:focus:before { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} - -.q-layout { - width: 100%; - height: 100%; -} - -.q-layout-container { - position: relative; - width: 100%; - height: 100%; -} -.q-layout-container .q-layout { - min-height: 100%; -} -.q-layout-container > div { - transform: translate3d(0, 0, 0); -} -.q-layout-container > div > div { - min-height: 0; - max-height: 100%; -} - -.q-layout__shadow { - width: 100%; -} -.q-layout__shadow:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.24); -} - -.q-layout__section--marginal { - background-color: var(--q-primary); - color: #fff; -} - -.q-header--hidden { - transform: translateY(-110%); -} -.q-header--bordered { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.q-header .q-layout__shadow { - bottom: -10px; -} -.q-header .q-layout__shadow:after { - bottom: 10px; -} - -.q-footer--hidden { - transform: translateY(110%); -} -.q-footer--bordered { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} -.q-footer .q-layout__shadow { - top: -10px; -} -.q-footer .q-layout__shadow:after { - top: 10px; -} - -.q-header, .q-footer { - z-index: 2000; -} - -.q-drawer { - position: absolute; - top: 0; - bottom: 0; - background: #fff; - z-index: 1000; -} -.q-drawer--on-top { - z-index: 3000; -} -.q-drawer--left { - left: 0; - transform: translateX(-100%); -} -.q-drawer--left.q-drawer--bordered { - border-right: 1px solid rgba(0, 0, 0, 0.12); -} -.q-drawer--left .q-layout__shadow { - left: 10px; - right: -10px; -} -.q-drawer--left .q-layout__shadow:after { - right: 10px; -} -.q-drawer--right { - right: 0; - transform: translateX(100%); -} -.q-drawer--right.q-drawer--bordered { - border-left: 1px solid rgba(0, 0, 0, 0.12); -} -.q-drawer--right .q-layout__shadow { - left: -10px; -} -.q-drawer--right .q-layout__shadow:after { - left: 10px; -} -.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini { - padding: 0 !important; -} -.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section { - text-align: center; - justify-content: center; - padding-left: 0; - padding-right: 0; - min-width: 0; -} -.q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__label, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--main, .q-drawer-container:not(.q-drawer--mini-animate) .q-drawer--mini .q-item__section--side ~ .q-item__section--side { - display: none; -} -.q-drawer--mini .q-mini-drawer-hide, .q-drawer--mini .q-expansion-item__content { - display: none; -} -.q-drawer--mini-animate .q-drawer__content { - overflow-x: hidden !important; - white-space: nowrap; -} -.q-drawer--standard .q-mini-drawer-only { - display: none; -} -.q-drawer--mobile .q-mini-drawer-only, .q-drawer--mobile .q-mini-drawer-hide { - display: none; -} -.q-drawer__backdrop { - z-index: 2999 !important; - will-change: background-color; -} -.q-drawer__opener { - z-index: 2001; - height: 100%; - width: 15px; - -webkit-user-select: none; - user-select: none; -} - -.q-layout, .q-header, .q-footer, .q-page { - position: relative; -} - -.q-page-sticky--shrink { - pointer-events: none; -} -.q-page-sticky--shrink > div { - display: inline-block; - pointer-events: auto; -} - -body.q-ios-padding .q-layout--standard .q-header > .q-toolbar:nth-child(1), -body.q-ios-padding .q-layout--standard .q-header > .q-tabs:nth-child(1) .q-tabs-head, -body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content { - padding-top: 20px; - min-height: 70px; - padding-top: env(safe-area-inset-top); - min-height: calc(env(safe-area-inset-top) + 50px); -} -body.q-ios-padding .q-layout--standard .q-footer > .q-toolbar:last-child, -body.q-ios-padding .q-layout--standard .q-footer > .q-tabs:last-child .q-tabs-head, -body.q-ios-padding .q-layout--standard .q-drawer--top-padding .q-drawer__content { - padding-bottom: env(safe-area-inset-bottom); - min-height: calc(env(safe-area-inset-bottom) + 50px); -} - -.q-body--layout-animate .q-drawer__backdrop { - transition: background-color 0.12s !important; -} -.q-body--layout-animate .q-drawer { - transition: transform 0.12s, width 0.12s, top 0.12s, bottom 0.12s !important; -} -.q-body--layout-animate .q-layout__section--marginal { - transition: transform 0.12s, left 0.12s, right 0.12s !important; -} -.q-body--layout-animate .q-page-container { - transition: padding-top 0.12s, padding-right 0.12s, padding-bottom 0.12s, padding-left 0.12s !important; -} -.q-body--layout-animate .q-page-sticky { - transition: transform 0.12s, left 0.12s, right 0.12s, top 0.12s, bottom 0.12s !important; -} - -body:not(.q-body--layout-animate) .q-layout--prevent-focus { - visibility: hidden; -} - -.q-body--drawer-toggle { - overflow-x: hidden !important; -} - -@media (max-width: 599.98px) { - .q-layout-padding { - padding: 8px; - } -} -@media (min-width: 600px) and (max-width: 1439.98px) { - .q-layout-padding { - padding: 16px; - } -} -@media (min-width: 1440px) { - .q-layout-padding { - padding: 24px; - } -} - -body.body--dark .q-header, body.body--dark .q-footer, body.body--dark .q-drawer { - border-color: rgba(255, 255, 255, 0.28); -} - -body.platform-ios .q-layout--containerized { - position: unset !important; -} - -.q-linear-progress { - --q-linear-progress-speed: .3s; - position: relative; - width: 100%; - overflow: hidden; - font-size: 4px; - height: 1em; - color: var(--q-primary); - transform: scale3d(1, 1, 1); -} -.q-linear-progress__model, .q-linear-progress__track { - transform-origin: 0 0; -} -.q-linear-progress__model--with-transition, .q-linear-progress__track--with-transition { - transition: transform var(--q-linear-progress-speed); -} -.q-linear-progress--reverse .q-linear-progress__model, .q-linear-progress--reverse .q-linear-progress__track { - transform-origin: 0 100%; -} -.q-linear-progress__model--determinate { - background: currentColor; -} -.q-linear-progress__model--indeterminate, .q-linear-progress__model--query { - transition: none; -} -.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:before, .q-linear-progress__model--query:after { - background: currentColor; - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - transform-origin: 0 0; -} -.q-linear-progress__model--indeterminate:before, .q-linear-progress__model--query:before { - animation: q-linear-progress--indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; -} -.q-linear-progress__model--indeterminate:after, .q-linear-progress__model--query:after { - transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); - animation: q-linear-progress--indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; - animation-delay: 1.15s; -} -.q-linear-progress__track { - opacity: 0.4; -} -.q-linear-progress__track--light { - background: rgba(0, 0, 0, 0.26); -} -.q-linear-progress__track--dark { - background: rgba(255, 255, 255, 0.6); -} -.q-linear-progress__stripe { - transition: width var(--q-linear-progress-speed); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)) !important; - background-size: 40px 40px !important; -} - -@keyframes q-linear-progress--indeterminate { - 0% { - transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1); - } - 60% { - transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); - } - 100% { - transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1); - } -} -@keyframes q-linear-progress--indeterminate-short { - 0% { - transform: translate3d(-101%, 0, 0) scale3d(1, 1, 1); - } - 60% { - transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); - } - 100% { - transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1); - } -} -.q-menu { - position: fixed !important; - display: inline-block; - max-width: 95vw; - 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); - background: #fff; - border-radius: 4px; - overflow-y: auto; - overflow-x: hidden; - outline: 0; - max-height: 65vh; - z-index: 6000; -} -.q-menu--square { - border-radius: 0; -} - -.q-option-group--inline > div { - display: inline-block; -} - -.q-pagination input { - text-align: center; - -moz-appearance: textfield; -} -.q-pagination input::-webkit-outer-spin-button, -.q-pagination input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.q-parallax { - position: relative; - width: 100%; - overflow: hidden; - border-radius: inherit; -} - -.q-parallax__media > img, .q-parallax__media > video { - position: absolute; - left: 50% /* rtl:ignore */; - bottom: 0; - min-width: 100%; - min-height: 100%; - will-change: transform; - display: none; -} - -.q-popup-edit { - padding: 8px 16px; -} -.q-popup-edit__buttons { - margin-top: 8px; -} -.q-popup-edit__buttons .q-btn + .q-btn { - margin-left: 8px; -} - -.q-pull-to-refresh { - position: relative; -} -.q-pull-to-refresh__puller { - border-radius: 50%; - width: 40px; - height: 40px; - color: var(--q-primary); - background: #fff; - box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); -} -.q-pull-to-refresh__puller--animating { - transition: transform 0.3s, opacity 0.3s; -} - -.q-radio { - vertical-align: middle; -} -.q-radio__native { - width: 1px; - height: 1px; -} -.q-radio__bg, .q-radio__icon-container { - -webkit-user-select: none; - user-select: none; -} -.q-radio__bg { - top: 25%; - left: 25%; - width: 50%; - height: 50%; - -webkit-print-color-adjust: exact; -} -.q-radio__bg path { - fill: currentColor; -} -.q-radio__icon { - color: currentColor; - font-size: 0.5em; -} -.q-radio__check { - transform-origin: 50% 50%; - transform: scale3d(0, 0, 1); - transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; -} -.q-radio__inner { - font-size: 40px; - width: 1em; - min-width: 1em; - height: 1em; - outline: 0; - border-radius: 50%; - color: rgba(0, 0, 0, 0.54); -} -.q-radio__inner--truthy { - color: var(--q-primary); -} -.q-radio__inner--truthy .q-radio__check { - transform: scale3d(1, 1, 1); -} -.q-radio.disabled { - opacity: 0.75 !important; -} -.q-radio--dark .q-radio__inner { - color: rgba(255, 255, 255, 0.7); -} -.q-radio--dark .q-radio__inner:before { - opacity: 0.32 !important; -} -.q-radio--dark .q-radio__inner--truthy { - color: var(--q-primary); -} -.q-radio--dense .q-radio__inner { - width: 0.5em; - min-width: 0.5em; - height: 0.5em; -} -.q-radio--dense .q-radio__bg { - left: 0; - top: 0; - width: 100%; - height: 100%; -} -.q-radio--dense .q-radio__label { - padding-left: 0.5em; -} -.q-radio--dense.reverse .q-radio__label { - padding-left: 0; - padding-right: 0.5em; -} - -body.desktop .q-radio:not(.disabled) .q-radio__inner:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - background: currentColor; - opacity: 0.12; - transform: scale3d(0, 0, 1); - transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1) 0ms; -} -body.desktop .q-radio:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio:not(.disabled):hover .q-radio__inner:before { - transform: scale3d(1, 1, 1); -} -body.desktop .q-radio--dense:not(.disabled):focus .q-radio__inner:before, body.desktop .q-radio--dense:not(.disabled):hover .q-radio__inner:before { - transform: scale3d(1.5, 1.5, 1); -} - -.q-rating { - color: #ffeb3b; - vertical-align: middle; -} -.q-rating__icon-container { - height: 1em; - outline: 0; -} -.q-rating__icon-container + .q-rating__icon-container { - margin-left: 2px; -} -.q-rating__icon { - color: currentColor; - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); - position: relative; - opacity: 0.4; - transition: transform 0.2s ease-in, opacity 0.2s ease-in; -} -.q-rating__icon--hovered { - transform: scale(1.3); -} -.q-rating__icon--active { - opacity: 1; -} -.q-rating__icon--exselected { - opacity: 0.7; -} -.q-rating--no-dimming .q-rating__icon { - opacity: 1; -} -.q-rating--editable .q-rating__icon-container { - cursor: pointer; -} - -.q-responsive { - position: relative; - max-width: 100%; - max-height: 100%; -} -.q-responsive__filler { - width: inherit; - max-width: inherit; - height: inherit; - max-height: inherit; -} -.q-responsive__content { - border-radius: inherit; -} -.q-responsive__content > * { - width: 100% !important; - height: 100% !important; - max-height: 100% !important; - max-width: 100% !important; -} - -.q-scrollarea { - position: relative; - contain: strict; -} -.q-scrollarea__bar, .q-scrollarea__thumb { - opacity: 0.2; - transition: opacity 0.3s; - will-change: opacity; - cursor: grab; -} -.q-scrollarea__bar--v, .q-scrollarea__thumb--v { - right: 0; - width: 10px; -} -.q-scrollarea__bar--h, .q-scrollarea__thumb--h { - bottom: 0; - height: 10px; -} -.q-scrollarea__bar--invisible, .q-scrollarea__thumb--invisible { - opacity: 0 !important; - pointer-events: none; -} -.q-scrollarea__thumb { - background: #000; - border-radius: 3px; -} -.q-scrollarea__thumb:hover { - opacity: 0.3; -} -.q-scrollarea__thumb:active { - opacity: 0.5; -} -.q-scrollarea__content { - min-height: 100%; - min-width: 100%; -} -.q-scrollarea--dark .q-scrollarea__thumb { - background: #fff; -} - -.q-select--without-input .q-field__control { - cursor: pointer; -} -.q-select--with-input .q-field__control { - cursor: text; -} -.q-select .q-field__input { - min-width: 50px !important; - cursor: text; -} -.q-select .q-field__input--padding { - padding-left: 4px; -} -.q-select__focus-target, .q-select__autocomplete-input { - position: absolute; - outline: 0 !important; - width: 0; - height: 0; - padding: 0; - border: 0; - opacity: 0; -} -.q-select__dropdown-icon { - cursor: pointer; - transition: transform 0.28s; -} -.q-select.q-field--readonly .q-field__control, .q-select.q-field--readonly .q-select__dropdown-icon { - cursor: default; -} -.q-select__dialog { - width: 90vw !important; - max-width: 90vw !important; - max-height: calc(100vh - 70px) !important; - background: #fff; - display: flex; - flex-direction: column; -} -.q-select__dialog > .scroll { - position: relative; - background: inherit; -} - -body.mobile:not(.native-mobile) .q-select__dialog { - max-height: calc(100vh - 108px) !important; -} - -body.platform-android.native-mobile .q-dialog__inner--top .q-select__dialog { - max-height: calc(100vh - 24px) !important; -} -body.platform-android:not(.native-mobile) .q-dialog__inner--top .q-select__dialog { - max-height: calc(100vh - 80px) !important; -} - -body.platform-ios.native-mobile .q-dialog__inner--top > div { - border-radius: 4px; -} -body.platform-ios.native-mobile .q-dialog__inner--top .q-select__dialog--focused { - max-height: 47vh !important; -} -body.platform-ios:not(.native-mobile) .q-dialog__inner--top .q-select__dialog--focused { - max-height: 50vh !important; -} - -.q-separator { - border: 0; - background: rgba(0, 0, 0, 0.12); - margin: 0; - transition: background 0.3s, opacity 0.3s; - flex-shrink: 0; -} -.q-separator--dark { - background: rgba(255, 255, 255, 0.28); -} -.q-separator--horizontal { - display: block; - height: 1px; -} -.q-separator--horizontal-inset { - margin-left: 16px; - margin-right: 16px; -} -.q-separator--horizontal-item-inset { - margin-left: 72px; - margin-right: 0; -} -.q-separator--horizontal-item-thumbnail-inset { - margin-left: 116px; - margin-right: 0; -} -.q-separator--vertical { - width: 1px; - height: auto; - align-self: stretch; -} -.q-separator--vertical-inset { - margin-top: 8px; - margin-bottom: 8px; -} - -.q-skeleton { - --q-skeleton-speed: 1500ms; - background: rgba(0, 0, 0, 0.12); - border-radius: 4px; - /* maintain size even with border - * for types that have height specified - * */ - box-sizing: border-box; -} -.q-skeleton--anim { - cursor: wait; -} -.q-skeleton:before { - content: " "; -} -.q-skeleton--type-text { - transform: scale(1, 0.5); -} -.q-skeleton--type-circle, .q-skeleton--type-QAvatar { - height: 48px; - width: 48px; - border-radius: 50%; -} -.q-skeleton--type-QBtn { - width: 90px; - height: 36px; -} -.q-skeleton--type-QBadge { - width: 70px; - height: 16px; -} -.q-skeleton--type-QChip { - width: 90px; - height: 28px; - border-radius: 16px; -} -.q-skeleton--type-QToolbar { - height: 50px; -} -.q-skeleton--type-QCheckbox, .q-skeleton--type-QRadio { - width: 40px; - height: 40px; - border-radius: 50%; -} -.q-skeleton--type-QToggle { - width: 56px; - height: 40px; - border-radius: 7px; -} -.q-skeleton--type-QSlider, .q-skeleton--type-QRange { - height: 40px; -} -.q-skeleton--type-QInput { - height: 56px; -} -.q-skeleton--bordered { - border: 1px solid rgba(0, 0, 0, 0.05); -} -.q-skeleton--square { - border-radius: 0; -} -.q-skeleton--anim-fade { - animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite; -} -.q-skeleton--anim-pulse { - animation: q-skeleton--pulse var(--q-skeleton-speed) ease-in-out 0.5s infinite; -} -.q-skeleton--anim-pulse-x { - animation: q-skeleton--pulse-x var(--q-skeleton-speed) ease-in-out 0.5s infinite; -} -.q-skeleton--anim-pulse-y { - animation: q-skeleton--pulse-y var(--q-skeleton-speed) ease-in-out 0.5s infinite; -} -.q-skeleton--anim-wave, .q-skeleton--anim-blink, .q-skeleton--anim-pop { - position: relative; - overflow: hidden; - z-index: 1; -} -.q-skeleton--anim-wave:after, .q-skeleton--anim-blink:after, .q-skeleton--anim-pop:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 0; -} -.q-skeleton--anim-blink:after { - background: rgba(255, 255, 255, 0.7); - animation: q-skeleton--fade var(--q-skeleton-speed) linear 0.5s infinite; -} -.q-skeleton--anim-wave:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); - animation: q-skeleton--wave var(--q-skeleton-speed) linear 0.5s infinite; -} -.q-skeleton--dark { - background: rgba(255, 255, 255, 0.05); -} -.q-skeleton--dark.q-skeleton--bordered { - border: 1px solid rgba(255, 255, 255, 0.25); -} -.q-skeleton--dark.q-skeleton--anim-wave:after { - background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); -} -.q-skeleton--dark.q-skeleton--anim-blink:after { - background: rgba(255, 255, 255, 0.2); -} - -@keyframes q-skeleton--fade { - 0% { - opacity: 1; - } - 50% { - opacity: 0.4; - } - 100% { - opacity: 1; - } -} -@keyframes q-skeleton--pulse { - 0% { - transform: scale(1); - } - 50% { - transform: scale(0.85); - } - 100% { - transform: scale(1); - } -} -@keyframes q-skeleton--pulse-x { - 0% { - transform: scaleX(1); - } - 50% { - transform: scaleX(0.75); - } - 100% { - transform: scaleX(1); - } -} -@keyframes q-skeleton--pulse-y { - 0% { - transform: scaleY(1); - } - 50% { - transform: scaleY(0.75); - } - 100% { - transform: scaleY(1); - } -} -@keyframes q-skeleton--wave { - 0% { - transform: translateX(-100%); - } - 100% { - transform: translateX(100%); - } -} -.q-slide-item { - position: relative; - background: white; -} -.q-slide-item__left, .q-slide-item__right, .q-slide-item__top, .q-slide-item__bottom { - visibility: hidden; - font-size: 14px; - color: #fff; -} -.q-slide-item__left .q-icon, .q-slide-item__right .q-icon, .q-slide-item__top .q-icon, .q-slide-item__bottom .q-icon { - font-size: 1.714em; -} -.q-slide-item__left { - background: #4caf50; - padding: 8px 16px; -} -.q-slide-item__left > div { - transform-origin: left center; -} -.q-slide-item__right { - background: #ff9800; - padding: 8px 16px; -} -.q-slide-item__right > div { - transform-origin: right center; -} -.q-slide-item__top { - background: #2196f3; - padding: 16px 8px; -} -.q-slide-item__top > div { - transform-origin: top center; -} -.q-slide-item__bottom { - background: #9c27b0; - padding: 16px 8px; -} -.q-slide-item__bottom > div { - transform-origin: bottom center; -} -.q-slide-item__content { - background: inherit; - transition: transform 0.2s ease-in; - -webkit-user-select: none; - user-select: none; - cursor: pointer; -} - -.q-slider { - position: relative; -} -.q-slider--h { - width: 100%; -} -.q-slider--v { - height: 200px; -} -.q-slider--editable .q-slider__track-container { - cursor: grab; -} -.q-slider__track-container { - outline: 0; -} -.q-slider__track-container--h { - width: 100%; - padding: 12px 0; -} -.q-slider__track-container--h .q-slider__selection { - will-change: width, left; -} -.q-slider__track-container--v { - height: 100%; - padding: 0 12px; -} -.q-slider__track-container--v .q-slider__selection { - will-change: height, top; -} -.q-slider__track { - color: var(--q-primary); - background: rgba(0, 0, 0, 0.1); - border-radius: 4px; - width: inherit; - height: inherit; -} -.q-slider__inner { - background: rgba(0, 0, 0, 0.1); - border-radius: inherit; - width: 100%; - height: 100%; -} -.q-slider__selection { - background: currentColor; - border-radius: inherit; - width: 100%; - height: 100%; -} -.q-slider__markers { - color: rgba(0, 0, 0, 0.3); - border-radius: inherit; - width: 100%; - height: 100%; -} -.q-slider__markers:after { - content: ""; - position: absolute; - background: currentColor; -} -.q-slider__markers--h { - background-image: repeating-linear-gradient(to right, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0)); -} -.q-slider__markers--h:after { - height: 100%; - width: 2px; - top: 0; - right: 0; -} -.q-slider__markers--v { - background-image: repeating-linear-gradient(to bottom, currentColor, currentColor 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0)); -} -.q-slider__markers--v:after { - width: 100%; - height: 2px; - left: 0; - bottom: 0; -} -.q-slider__marker-labels-container { - position: relative; - width: 100%; - height: 100%; - min-height: 24px; - min-width: 24px; -} -.q-slider__marker-labels { - position: absolute; -} -.q-slider__marker-labels--h-standard { - top: 0; -} -.q-slider__marker-labels--h-switched { - bottom: 0; -} -.q-slider__marker-labels--h-ltr { - transform: translateX(-50%) /* rtl:ignore */; -} -.q-slider__marker-labels--h-rtl { - transform: translateX(50%) /* rtl:ignore */; -} -.q-slider__marker-labels--v-standard { - left: 4px; -} -.q-slider__marker-labels--v-switched { - right: 4px; -} -.q-slider__marker-labels--v-ltr { - transform: translateY(-50%) /* rtl:ignore */; -} -.q-slider__marker-labels--v-rtl { - transform: translateY(50%) /* rtl:ignore */; -} -.q-slider__thumb { - z-index: 1; - outline: 0; - color: var(--q-primary); - transition: transform 0.18s ease-out, fill 0.18s ease-out, stroke 0.18s ease-out; -} -.q-slider__thumb.q-slider--focus { - opacity: 1 !important; -} -.q-slider__thumb--h { - top: 50%; - will-change: left; -} -.q-slider__thumb--h-ltr { - transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; -} -.q-slider__thumb--h-rtl { - transform: scale(1) translate(50%, -50%) /* rtl:ignore */; -} -.q-slider__thumb--v { - left: 50% /* rtl:ignore */; - will-change: top; -} -.q-slider__thumb--v-ltr { - transform: scale(1) translate(-50%, -50%) /* rtl:ignore */; -} -.q-slider__thumb--v-rtl { - transform: scale(1) translate(-50%, 50%) /* rtl:ignore */; -} -.q-slider__thumb-shape { - top: 0; - left: 0; - stroke-width: 3.5; - stroke: currentColor; - transition: transform 0.28s; -} -.q-slider__thumb-shape path { - stroke: currentColor; - fill: currentColor; -} -.q-slider__focus-ring { - border-radius: 50%; - opacity: 0; - transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out; - transition-delay: 0.14s; -} -.q-slider__pin { - opacity: 0; - white-space: nowrap; - transition: opacity 0.28s ease-out; - transition-delay: 0.14s; -} -.q-slider__pin:before { - content: ""; - width: 0; - height: 0; - position: absolute; -} -.q-slider__pin--h:before { - border-left: 6px solid transparent; - border-right: 6px solid transparent; - left: 50%; - transform: translateX(-50%); -} -.q-slider__pin--h-standard { - bottom: 100%; -} -.q-slider__pin--h-standard:before { - bottom: 2px; - border-top: 6px solid currentColor; -} -.q-slider__pin--h-switched { - top: 100%; -} -.q-slider__pin--h-switched:before { - top: 2px; - border-bottom: 6px solid currentColor; -} -.q-slider__pin--v { - top: 0; -} -.q-slider__pin--v:before { - top: 50%; - transform: translateY(-50%); - border-top: 6px solid transparent; - border-bottom: 6px solid transparent; -} -.q-slider__pin--v-standard { - left: 100%; -} -.q-slider__pin--v-standard:before { - left: 2px; - border-right: 6px solid currentColor; -} -.q-slider__pin--v-switched { - right: 100%; -} -.q-slider__pin--v-switched:before { - right: 2px; - border-left: 6px solid currentColor; -} -.q-slider__label { - z-index: 1; - white-space: nowrap; - position: absolute; -} -.q-slider__label--h { - left: 50%; - transform: translateX(-50%); -} -.q-slider__label--h-standard { - bottom: 7px; -} -.q-slider__label--h-switched { - top: 7px; -} -.q-slider__label--v { - top: 50%; - transform: translateY(-50%); -} -.q-slider__label--v-standard { - left: 7px; -} -.q-slider__label--v-switched { - right: 7px; -} -.q-slider__text-container { - min-height: 25px; - padding: 2px 8px; - border-radius: 4px; - background: currentColor; - position: relative; - text-align: center; -} -.q-slider__text { - color: #fff; - font-size: 12px; -} -.q-slider--no-value .q-slider__thumb, -.q-slider--no-value .q-slider__inner, -.q-slider--no-value .q-slider__selection { - opacity: 0; -} -.q-slider--focus .q-slider__focus-ring, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__focus-ring { - background: currentColor; - transform: scale3d(1.55, 1.55, 1); - opacity: 0.25; -} -.q-slider--focus .q-slider__thumb, -.q-slider--focus .q-slider__inner, -.q-slider--focus .q-slider__selection, body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__thumb, -body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__inner, -body.desktop .q-slider.q-slider--editable .q-slider__track-container:hover .q-slider__selection { - opacity: 1; -} -.q-slider--inactive .q-slider__thumb--h { - transition: left 0.28s, right 0.28s; -} -.q-slider--inactive .q-slider__thumb--v { - transition: top 0.28s, bottom 0.28s; -} -.q-slider--inactive .q-slider__selection { - transition: width 0.28s, left 0.28s, right 0.28s, height 0.28s, top 0.28s, bottom 0.28s; -} -.q-slider--inactive .q-slider__text-container { - transition: transform 0.28s; -} -.q-slider--active { - cursor: grabbing; -} -.q-slider--active .q-slider__thumb-shape { - transform: scale(1.5); -} -.q-slider--active .q-slider__focus-ring, .q-slider--active.q-slider--label .q-slider__thumb-shape { - transform: scale(0) !important; -} -body.desktop .q-slider.q-slider--enabled .q-slider__track-container:hover .q-slider__pin { - opacity: 1; -} -.q-slider--label.q-slider--active .q-slider__pin, -.q-slider--label .q-slider--focus .q-slider__pin, .q-slider--label.q-slider--label-always .q-slider__pin { - opacity: 1; -} -.q-slider--dark .q-slider__track { - background: rgba(255, 255, 255, 0.1); -} -.q-slider--dark .q-slider__inner { - background: rgba(255, 255, 255, 0.1); -} -.q-slider--dark .q-slider__markers { - color: rgba(255, 255, 255, 0.3); -} -.q-slider--dense .q-slider__track-container--h { - padding: 6px 0; -} -.q-slider--dense .q-slider__track-container--v { - padding: 0 6px; -} - -.q-space { - flex-grow: 1 !important; -} - -.q-spinner { - vertical-align: middle; -} - -.q-spinner-mat { - animation: q-spin 2s linear infinite; - transform-origin: center center; -} -.q-spinner-mat .path { - stroke-dasharray: 1, 200 /* rtl:ignore */; - stroke-dashoffset: 0 /* rtl:ignore */; - animation: q-mat-dash 1.5s ease-in-out infinite; -} - -@keyframes q-spin { - 0% { - transform: rotate3d(0, 0, 1, 0deg) /* rtl:ignore */; - } - 25% { - transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; - } - 50% { - transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; - } - 75% { - transform: rotate3d(0, 0, 1, 270deg) /* rtl:ignore */; - } - 100% { - transform: rotate3d(0, 0, 1, 359deg) /* rtl:ignore */; - } -} -@keyframes q-mat-dash { - 0% { - stroke-dasharray: 1, 200; - stroke-dashoffset: 0; - } - 50% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -35px; - } - 100% { - stroke-dasharray: 89, 200; - stroke-dashoffset: -124px; - } -} -.q-splitter__panel { - position: relative; - z-index: 0; -} -.q-splitter__panel > .q-splitter { - width: 100%; - height: 100%; -} -.q-splitter__separator { - background-color: rgba(0, 0, 0, 0.12); - -webkit-user-select: none; - user-select: none; - position: relative; - z-index: 1; -} -.q-splitter__separator-area > * { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} -.q-splitter--dark .q-splitter__separator { - background-color: rgba(255, 255, 255, 0.28); -} -.q-splitter--vertical > .q-splitter__panel { - height: 100%; -} -.q-splitter--vertical.q-splitter--active { - cursor: col-resize; -} -.q-splitter--vertical > .q-splitter__separator { - width: 1px; -} -.q-splitter--vertical > .q-splitter__separator > div { - left: -6px; - right: -6px; -} -.q-splitter--vertical.q-splitter--workable > .q-splitter__separator { - cursor: col-resize; -} -.q-splitter--horizontal > .q-splitter__panel { - width: 100%; -} -.q-splitter--horizontal.q-splitter--active { - cursor: row-resize; -} -.q-splitter--horizontal > .q-splitter__separator { - height: 1px; -} -.q-splitter--horizontal > .q-splitter__separator > div { - top: -6px; - bottom: -6px; -} -.q-splitter--horizontal.q-splitter--workable > .q-splitter__separator { - cursor: row-resize; -} -.q-splitter__before, .q-splitter__after { - overflow: auto; -} - -.q-stepper { - 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); - border-radius: 4px; - background: #fff; -} -.q-stepper__title { - font-size: 14px; - line-height: 18px; - letter-spacing: 0.1px; -} -.q-stepper__caption { - font-size: 12px; - line-height: 14px; -} -.q-stepper__dot { - contain: layout; - margin-right: 8px; - font-size: 14px; - width: 24px; - min-width: 24px; - height: 24px; - border-radius: 50%; - background: currentColor; -} -.q-stepper__dot span { - color: #fff; -} -.q-stepper__tab { - padding: 8px 24px; - font-size: 14px; - color: #9e9e9e; - flex-direction: row; -} -.q-stepper--dark .q-stepper__dot span { - color: #000; -} -.q-stepper__tab--navigation { - -webkit-user-select: none; - user-select: none; - cursor: pointer; -} -.q-stepper__tab--active, .q-stepper__tab--done { - color: var(--q-primary); -} -.q-stepper__tab--active .q-stepper__dot, .q-stepper__tab--active .q-stepper__label, .q-stepper__tab--done .q-stepper__dot, .q-stepper__tab--done .q-stepper__label { - text-shadow: 0 0 0 currentColor; -} -.q-stepper__tab--disabled .q-stepper__dot { - background: rgba(0, 0, 0, 0.22); -} -.q-stepper__tab--disabled .q-stepper__label { - color: rgba(0, 0, 0, 0.32); -} -.q-stepper__tab--error { - color: var(--q-negative); -} -.q-stepper__tab--error-with-icon .q-stepper__dot { - background: transparent !important; -} -.q-stepper__tab--error-with-icon .q-stepper__dot span { - color: currentColor; - font-size: 24px; -} -.q-stepper__header { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.q-stepper__header--border { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} -.q-stepper__header--standard-labels .q-stepper__tab { - min-height: 72px; - justify-content: center; -} -.q-stepper__header--standard-labels .q-stepper__tab:first-child { - justify-content: flex-start; -} -.q-stepper__header--standard-labels .q-stepper__tab:last-child { - justify-content: flex-end; -} -.q-stepper__header--standard-labels .q-stepper__tab:only-child { - justify-content: center; -} -.q-stepper__header--standard-labels .q-stepper__dot:after { - display: none; -} -.q-stepper__header--alternative-labels .q-stepper__tab { - min-height: 104px; - padding: 24px 32px; - flex-direction: column; - justify-content: flex-start; -} -.q-stepper__header--alternative-labels .q-stepper__dot { - margin-right: 0; -} -.q-stepper__header--alternative-labels .q-stepper__label { - margin-top: 8px; - text-align: center; -} -.q-stepper__header--alternative-labels .q-stepper__label:before, .q-stepper__header--alternative-labels .q-stepper__label:after { - display: none; -} -.q-stepper__header--contracted { - min-height: 72px; -} -.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab { - min-height: 72px; -} -.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:first-child { - align-items: flex-start; -} -.q-stepper__header--contracted.q-stepper__header--alternative-labels .q-stepper__tab:last-child { - align-items: flex-end; -} -.q-stepper__header--contracted .q-stepper__tab { - padding: 24px 0; -} -.q-stepper__header--contracted .q-stepper__tab:first-child .q-stepper__dot { - transform: translateX(24px); -} -.q-stepper__header--contracted .q-stepper__tab:last-child .q-stepper__dot { - transform: translateX(-24px); -} -.q-stepper__header--contracted .q-stepper__tab:not(:last-child) .q-stepper__dot:after { - display: block !important; -} -.q-stepper__header--contracted .q-stepper__dot { - margin: 0; -} -.q-stepper__header--contracted .q-stepper__label { - display: none; -} -.q-stepper__nav { - padding-top: 24px; -} -.q-stepper--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-stepper--horizontal .q-stepper__step-inner { - padding: 24px; -} -.q-stepper--horizontal .q-stepper__tab:first-child { - border-top-left-radius: inherit; -} -.q-stepper--horizontal .q-stepper__tab:last-child { - border-top-right-radius: inherit; -} -.q-stepper--horizontal .q-stepper__tab:first-child .q-stepper__dot:before, -.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__label:after, -.q-stepper--horizontal .q-stepper__tab:last-child .q-stepper__dot:after { - display: none; -} -.q-stepper--horizontal .q-stepper__tab { - overflow: hidden; -} -.q-stepper--horizontal .q-stepper__line { - contain: layout; -} -.q-stepper--horizontal .q-stepper__line:before, .q-stepper--horizontal .q-stepper__line:after { - position: absolute; - top: 50%; - height: 1px; - width: 100vw; - background: rgba(0, 0, 0, 0.12); -} -.q-stepper--horizontal .q-stepper__label:after, .q-stepper--horizontal .q-stepper__dot:after { - content: ""; - left: 100%; - margin-left: 8px; -} -.q-stepper--horizontal .q-stepper__dot:before { - content: ""; - right: 100%; - margin-right: 8px; -} -.q-stepper--horizontal > .q-stepper__nav { - padding: 0 24px 24px; -} -.q-stepper--vertical { - padding: 16px 0; -} -.q-stepper--vertical .q-stepper__tab { - padding: 12px 24px; -} -.q-stepper--vertical .q-stepper__title { - line-height: 18px; -} -.q-stepper--vertical .q-stepper__step-inner { - padding: 0 24px 32px 60px; -} -.q-stepper--vertical > .q-stepper__nav { - padding: 24px 24px 0; -} -.q-stepper--vertical .q-stepper__step { - overflow: hidden; -} -.q-stepper--vertical .q-stepper__dot { - margin-right: 12px; -} -.q-stepper--vertical .q-stepper__dot:before, .q-stepper--vertical .q-stepper__dot:after { - content: ""; - position: absolute; - left: 50%; - width: 1px; - height: 99999px; - background: rgba(0, 0, 0, 0.12); -} -.q-stepper--vertical .q-stepper__dot:before { - bottom: 100%; - margin-bottom: 8px; -} -.q-stepper--vertical .q-stepper__dot:after { - top: 100%; - margin-top: 8px; -} -.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before, -.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after { - display: none; -} -.q-stepper--vertical .q-stepper__step:last-child .q-stepper__step-inner { - padding-bottom: 8px; -} -.q-stepper--dark.q-stepper--bordered, -.q-stepper--dark .q-stepper__header--border { - border-color: rgba(255, 255, 255, 0.28); -} -.q-stepper--dark.q-stepper--horizontal .q-stepper__line:before, .q-stepper--dark.q-stepper--horizontal .q-stepper__line:after { - background: rgba(255, 255, 255, 0.28); -} -.q-stepper--dark.q-stepper--vertical .q-stepper__dot:before, .q-stepper--dark.q-stepper--vertical .q-stepper__dot:after { - background: rgba(255, 255, 255, 0.28); -} -.q-stepper--dark .q-stepper__tab--disabled { - color: rgba(255, 255, 255, 0.28); -} -.q-stepper--dark .q-stepper__tab--disabled .q-stepper__dot { - background: rgba(255, 255, 255, 0.28); -} -.q-stepper--dark .q-stepper__tab--disabled .q-stepper__label { - color: rgba(255, 255, 255, 0.54); -} - -.q-tab-panels { - background: #fff; -} - -.q-tab-panel { - padding: 16px; -} - -.q-markup-table { - overflow: auto; - background: #fff; -} - -.q-table { - width: 100%; - max-width: 100%; - border-collapse: separate; - border-spacing: 0; -} -.q-table thead tr, .q-table tbody td { - height: 48px; -} -.q-table th { - font-weight: 500; - font-size: 12px; - -webkit-user-select: none; - user-select: none; -} -.q-table th.sortable { - cursor: pointer; -} -.q-table th.sortable:hover .q-table__sort-icon { - opacity: 0.64; -} -.q-table th.sorted .q-table__sort-icon { - opacity: 0.86 !important; -} -.q-table th.sort-desc .q-table__sort-icon { - transform: rotate(180deg); -} -.q-table th, .q-table td { - padding: 7px 16px; - background-color: inherit; -} -.q-table thead, .q-table td, .q-table th { - border-style: solid; - border-width: 0; -} -.q-table tbody td { - font-size: 13px; -} -.q-table__card { - color: #000; - background-color: #fff; - border-radius: 4px; - 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-table__card .q-table__middle { - flex: 1 1 auto; -} -.q-table__card .q-table__top, -.q-table__card .q-table__bottom { - flex: 0 0 auto; -} -.q-table__container { - position: relative; -} -.q-table__container > div:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.q-table__container > div:last-child { - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} -.q-table__container > .q-inner-loading { - border-radius: inherit !important; -} -.q-table__top { - padding: 12px 16px; -} -.q-table__top .q-table__control { - flex-wrap: wrap; -} -.q-table__title { - font-size: 20px; - letter-spacing: 0.005em; - font-weight: 400; -} -.q-table__separator { - min-width: 8px !important; -} -.q-table__progress { - height: 0 !important; -} -.q-table__progress th { - padding: 0 !important; - border: 0 !important; -} -.q-table__progress .q-linear-progress { - position: absolute; - bottom: 0; -} -.q-table__middle { - max-width: 100%; -} -.q-table__bottom { - min-height: 50px; - padding: 4px 14px 4px 16px; - font-size: 12px; -} -.q-table__bottom .q-table__control { - min-height: 24px; -} -.q-table__bottom-nodata-icon { - font-size: 200%; - margin-right: 8px; -} -.q-table__bottom-item { - margin-right: 16px; -} -.q-table__control { - display: flex; - align-items: center; -} -.q-table__sort-icon { - transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); - opacity: 0; - font-size: 120%; -} -.q-table__sort-icon--left, .q-table__sort-icon--center { - margin-left: 4px; -} -.q-table__sort-icon--right { - margin-right: 4px; -} -.q-table--col-auto-width { - width: 1px; -} -.q-table--flat { - box-shadow: none; -} -.q-table--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-table--square { - border-radius: 0; -} -.q-table__linear-progress { - height: 2px; -} -.q-table--no-wrap th, .q-table--no-wrap td { - white-space: nowrap; -} -.q-table--grid { - box-shadow: none; - border-radius: 4px; -} -.q-table--grid .q-table__top { - padding-bottom: 4px; -} -.q-table--grid .q-table__middle { - min-height: 2px; - margin-bottom: 4px; -} -.q-table--grid .q-table__middle thead, .q-table--grid .q-table__middle thead th { - border: 0 !important; -} -.q-table--grid .q-table__linear-progress { - bottom: 0; -} -.q-table--grid .q-table__bottom { - border-top: 0; -} -.q-table--grid .q-table__grid-content { - flex: 1 1 auto; -} -.q-table--grid.fullscreen { - background: inherit; -} -.q-table__grid-item-card { - vertical-align: top; - padding: 12px; -} -.q-table__grid-item-card .q-separator { - margin: 12px 0; -} -.q-table__grid-item-row + .q-table__grid-item-row { - margin-top: 8px; -} -.q-table__grid-item-title { - opacity: 0.54; - font-weight: 500; - font-size: 12px; -} -.q-table__grid-item-value { - font-size: 13px; -} -.q-table__grid-item { - padding: 4px; - transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); -} -.q-table__grid-item--selected { - transform: scale(0.95); -} - -/* * Separators - * */ -.q-table--horizontal-separator thead th, .q-table--horizontal-separator tbody tr:not(:last-child) > td, .q-table--cell-separator thead th, .q-table--cell-separator tbody tr:not(:last-child) > td { - border-bottom-width: 1px; -} - -.q-table--vertical-separator td, .q-table--vertical-separator th, .q-table--cell-separator td, .q-table--cell-separator th { - border-left-width: 1px; -} -.q-table--vertical-separator thead tr:last-child th, .q-table--vertical-separator.q-table--loading tr:nth-last-child(2) th, .q-table--cell-separator thead tr:last-child th, .q-table--cell-separator.q-table--loading tr:nth-last-child(2) th { - border-bottom-width: 1px; -} -.q-table--vertical-separator td:first-child, .q-table--vertical-separator th:first-child, .q-table--cell-separator td:first-child, .q-table--cell-separator th:first-child { - border-left: 0; -} -.q-table--vertical-separator .q-table__top, .q-table--cell-separator .q-table__top { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); -} - -/* * dense size - * */ -.q-table--dense .q-table__top { - padding: 6px 16px; -} -.q-table--dense .q-table__bottom { - min-height: 33px; -} -.q-table--dense .q-table__sort-icon { - font-size: 110%; -} -.q-table--dense .q-table th, .q-table--dense .q-table td { - padding: 4px 8px; -} -.q-table--dense .q-table thead tr, .q-table--dense .q-table tbody tr, .q-table--dense .q-table tbody td { - height: 28px; -} -.q-table--dense .q-table th:first-child, .q-table--dense .q-table td:first-child { - padding-left: 16px; -} -.q-table--dense .q-table th:last-child, .q-table--dense .q-table td:last-child { - padding-right: 16px; -} -.q-table--dense .q-table__bottom-item { - margin-right: 8px; -} -.q-table--dense .q-table__select .q-field__control, .q-table--dense .q-table__select .q-field__native { - min-height: 24px; - padding: 0; -} -.q-table--dense .q-table__select .q-field__marginal { - height: 24px; -} - -/* * On light background - * */ -.q-table__bottom { - border-top: 1px solid rgba(0, 0, 0, 0.12); -} - -.q-table thead, .q-table tr, .q-table th, .q-table td { - border-color: rgba(0, 0, 0, 0.12); -} -.q-table tbody td { - position: relative; -} -.q-table tbody td:before, .q-table tbody td:after { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - pointer-events: none; -} -.q-table tbody td:before { - background: rgba(0, 0, 0, 0.03); -} -.q-table tbody td:after { - background: rgba(0, 0, 0, 0.06); -} -.q-table tbody tr.selected td:after { - content: ""; -} - -body.desktop .q-table > tbody > tr:not(.q-tr--no-hover):hover > td:not(.q-td--no-hover):before { - content: ""; -} - -/* * On dark background - * */ -.q-table__card--dark, .q-table--dark { - border-color: rgba(255, 255, 255, 0.28); -} - -.q-table--dark .q-table__bottom, .q-table--dark thead, .q-table--dark tr, .q-table--dark th, .q-table--dark td { - border-color: rgba(255, 255, 255, 0.28); -} -.q-table--dark tbody td:before { - background: rgba(255, 255, 255, 0.07); -} -.q-table--dark tbody td:after { - background: rgba(255, 255, 255, 0.1); -} -.q-table--dark.q-table--vertical-separator .q-table__top, .q-table--dark.q-table--cell-separator .q-table__top { - 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--full { - min-height: 72px; -} -.q-tab--no-caps { - text-transform: none; -} -.q-tab__content { - height: inherit; - padding: 4px 0; - min-width: 40px; -} -.q-tab__content--inline .q-tab__icon + .q-tab__label { - padding-left: 8px; -} -.q-tab__content .q-chip--floating { - top: 0; - right: -16px; -} -.q-tab__icon { - width: 24px; - height: 24px; - font-size: 24px; -} -.q-tab__label { - font-size: 14px; - line-height: 1.715em; - font-weight: 500; -} -.q-tab .q-badge { - top: 3px; - right: -12px; -} -.q-tab__alert, .q-tab__alert-icon { - position: absolute; -} -.q-tab__alert { - top: 7px; - right: -9px; - height: 10px; - width: 10px; - border-radius: 50%; - background: currentColor; -} -.q-tab__alert-icon { - top: 2px; - right: -12px; - font-size: 18px; -} -.q-tab__indicator { - opacity: 0; - height: 2px; - background: currentColor; -} -.q-tab--active .q-tab__indicator { - opacity: 1; - transform-origin: left /* rtl:ignore */; -} -.q-tab--inactive { - opacity: 0.85; -} - -.q-tabs { - position: relative; - transition: color 0.3s, background-color 0.3s; -} -.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--horizontal { - padding-left: 36px; - padding-right: 36px; -} -.q-tabs--scrollable.q-tabs__arrows--outside.q-tabs--vertical { - padding-top: 36px; - padding-bottom: 36px; -} -.q-tabs--scrollable.q-tabs__arrows--outside .q-tabs__arrow--faded { - opacity: 0.3; - pointer-events: none; -} -.q-tabs--scrollable.q-tabs__arrows--inside .q-tabs__arrow--faded { - display: none; -} -.q-tabs--not-scrollable .q-tabs__arrow { - display: none; -} -.q-tabs--not-scrollable .q-tabs__content { - border-radius: inherit; -} -.q-tabs__arrow { - cursor: pointer; - font-size: 32px; - min-width: 36px; - text-shadow: 0 0 3px #fff, 0 0 1px #fff, 0 0 1px #000; - transition: opacity 0.3s; -} -.q-tabs__content { - overflow: hidden; - flex: 1 1 auto; -} -.q-tabs__content--align-center { - justify-content: center; -} -.q-tabs__content--align-right { - justify-content: flex-end; -} -.q-tabs__content--align-justify .q-tab { - flex: 1 1 auto; -} -.q-tabs__offset { - display: none; -} -.q-tabs--horizontal .q-tabs__arrow { - height: 100%; -} -.q-tabs--horizontal .q-tabs__arrow--left { - top: 0; - left: 0 /* rtl:ignore */; - bottom: 0; -} -.q-tabs--horizontal .q-tabs__arrow--right { - top: 0; - right: 0 /* rtl:ignore */; - bottom: 0; -} -.q-tabs--vertical { - display: block !important; - height: 100%; -} -.q-tabs--vertical .q-tabs__content { - display: block !important; - height: 100%; -} -.q-tabs--vertical .q-tabs__arrow { - width: 100%; - height: 36px; - text-align: center; -} -.q-tabs--vertical .q-tabs__arrow--left { - top: 0; - left: 0; - right: 0; -} -.q-tabs--vertical .q-tabs__arrow--right { - left: 0; - right: 0; - bottom: 0; -} -.q-tabs--vertical .q-tab { - padding: 0 8px; -} -.q-tabs--vertical .q-tab__indicator { - height: unset; - width: 2px; -} -.q-tabs--vertical.q-tabs--not-scrollable .q-tabs__content { - height: 100%; -} -.q-tabs--vertical.q-tabs--dense .q-tab__content { - min-width: 24px; -} -.q-tabs--dense .q-tab { - min-height: 36px; -} -.q-tabs--dense .q-tab--full { - min-height: 52px; -} - -.q-time { - 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); - border-radius: 4px; - background: #fff; - outline: 0; - width: 290px; - min-width: 290px; - max-width: 100%; -} -.q-time--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-time__header { - border-top-left-radius: inherit; - color: #fff; - background-color: var(--q-primary); - padding: 16px; - font-weight: 300; -} -.q-time__actions { - padding: 0 16px 16px; -} -.q-time__header-label { - font-size: 28px; - line-height: 1; - letter-spacing: -0.00833em; -} -.q-time__header-label > div + div { - margin-left: 4px; -} -.q-time__link { - opacity: 0.56; - outline: 0; - transition: opacity 0.3s ease-out; -} -.q-time__link--active, .q-time__link:hover, .q-time__link:focus { - opacity: 1; -} -.q-time__header-ampm { - font-size: 16px; - letter-spacing: 0.1em; -} -.q-time__content { - padding: 16px; -} -.q-time__content:before { - content: ""; - display: block; - padding-bottom: 100%; -} -.q-time__container-parent { - padding: 16px; -} -.q-time__container-child { - border-radius: 50%; - background: rgba(0, 0, 0, 0.12); -} -.q-time__clock { - padding: 24px; - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - font-size: 14px; -} -.q-time__clock-circle { - position: relative; -} -.q-time__clock-center { - height: 6px; - width: 6px; - margin: auto; - border-radius: 50%; - min-height: 0; - background: currentColor; -} -.q-time__clock-pointer { - width: 2px; - height: 50%; - transform-origin: 0 0 /* rtl:ignore */; - min-height: 0; - position: absolute; - left: 50%; - right: 0; - bottom: 0; - color: var(--q-primary); - background: currentColor; - transform: translateX(-50%); -} -.q-time__clock-pointer:before, .q-time__clock-pointer:after { - content: ""; - position: absolute; - left: 50%; - border-radius: 50%; - background: currentColor; - transform: translateX(-50%); -} -.q-time__clock-pointer:before { - bottom: -4px; - width: 8px; - height: 8px; -} -.q-time__clock-pointer:after { - top: -3px; - height: 6px; - width: 6px; -} -.q-time__clock-position { - position: absolute; - min-height: 32px; - width: 32px; - height: 32px; - font-size: 12px; - line-height: 32px; - margin: 0; - padding: 0; - transform: translate(-50%, -50%) /* rtl:ignore */; - border-radius: 50%; -} -.q-time__clock-position--disable { - opacity: 0.4; -} -.q-time__clock-position--active { - background-color: var(--q-primary); - color: #fff; -} -.q-time__clock-pos-0 { - top: 0%; - left: 50% /* rtl:ignore */; -} -.q-time__clock-pos-1 { - top: 6.7%; - left: 75% /* rtl:ignore */; -} -.q-time__clock-pos-2 { - top: 25%; - left: 93.3% /* rtl:ignore */; -} -.q-time__clock-pos-3 { - top: 50%; - left: 100% /* rtl:ignore */; -} -.q-time__clock-pos-4 { - top: 75%; - left: 93.3% /* rtl:ignore */; -} -.q-time__clock-pos-5 { - top: 93.3%; - left: 75% /* rtl:ignore */; -} -.q-time__clock-pos-6 { - top: 100%; - left: 50% /* rtl:ignore */; -} -.q-time__clock-pos-7 { - top: 93.3%; - left: 25% /* rtl:ignore */; -} -.q-time__clock-pos-8 { - top: 75%; - left: 6.7% /* rtl:ignore */; -} -.q-time__clock-pos-9 { - top: 50%; - left: 0% /* rtl:ignore */; -} -.q-time__clock-pos-10 { - top: 25%; - left: 6.7% /* rtl:ignore */; -} -.q-time__clock-pos-11 { - top: 6.7%; - left: 25% /* rtl:ignore */; -} -.q-time__clock-pos-12 { - top: 15%; - left: 50% /* rtl:ignore */; -} -.q-time__clock-pos-13 { - top: 19.69%; - left: 67.5% /* rtl:ignore */; -} -.q-time__clock-pos-14 { - top: 32.5%; - left: 80.31% /* rtl:ignore */; -} -.q-time__clock-pos-15 { - top: 50%; - left: 85% /* rtl:ignore */; -} -.q-time__clock-pos-16 { - top: 67.5%; - left: 80.31% /* rtl:ignore */; -} -.q-time__clock-pos-17 { - top: 80.31%; - left: 67.5% /* rtl:ignore */; -} -.q-time__clock-pos-18 { - top: 85%; - left: 50% /* rtl:ignore */; -} -.q-time__clock-pos-19 { - top: 80.31%; - left: 32.5% /* rtl:ignore */; -} -.q-time__clock-pos-20 { - top: 67.5%; - left: 19.69% /* rtl:ignore */; -} -.q-time__clock-pos-21 { - top: 50%; - left: 15% /* rtl:ignore */; -} -.q-time__clock-pos-22 { - top: 32.5%; - left: 19.69% /* rtl:ignore */; -} -.q-time__clock-pos-23 { - top: 19.69%; - left: 32.5% /* rtl:ignore */; -} -.q-time__now-button { - background-color: var(--q-primary); - color: #fff; - top: 12px; - right: 12px; -} -.q-time.disabled .q-time__header-ampm, .q-time.disabled .q-time__content, .q-time--readonly .q-time__header-ampm, .q-time--readonly .q-time__content { - pointer-events: none; -} -.q-time--portrait { - display: inline-flex; - flex-direction: column; -} -.q-time--portrait .q-time__header { - border-top-right-radius: inherit; - min-height: 86px; -} -.q-time--portrait .q-time__header-ampm { - margin-left: 12px; -} -.q-time--portrait.q-time--bordered .q-time__content { - margin: 1px 0; -} -.q-time--landscape { - display: inline-flex; - align-items: stretch; - min-width: 420px; -} -.q-time--landscape > div { - display: flex; - flex-direction: column; - justify-content: center; -} -.q-time--landscape .q-time__header { - border-bottom-left-radius: inherit; - min-width: 156px; -} -.q-time--landscape .q-time__header-ampm { - margin-top: 12px; -} -.q-time--dark { - border-color: rgba(255, 255, 255, 0.28); -} - -.q-timeline { - padding: 0; - width: 100%; - list-style: none; -} -.q-timeline h6 { - line-height: inherit; -} -.q-timeline--dark { - color: #fff; -} -.q-timeline--dark .q-timeline__subtitle { - opacity: 0.7; -} -.q-timeline__content { - padding-bottom: 24px; -} -.q-timeline__title { - margin-top: 0; - margin-bottom: 16px; -} -.q-timeline__subtitle { - font-size: 12px; - margin-bottom: 8px; - opacity: 0.6; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; -} -.q-timeline__dot { - position: absolute; - top: 0; - bottom: 0; - width: 15px; -} -.q-timeline__dot:before, .q-timeline__dot:after { - content: ""; - background: currentColor; - display: block; - position: absolute; -} -.q-timeline__dot:before { - border: 3px solid transparent; - border-radius: 100%; - height: 15px; - width: 15px; - top: 4px; - left: 0; - transition: background 0.3s ease-in-out, border 0.3s ease-in-out; -} -.q-timeline__dot:after { - width: 3px; - opacity: 0.4; - top: 24px; - bottom: 0; - left: 6px; -} -.q-timeline__dot .q-icon { - position: absolute; - top: 0; - left: 0; - right: 0; - font-size: 16px; - height: 38px; - line-height: 38px; - width: 100%; - color: #fff; -} -.q-timeline__dot .q-icon > svg, -.q-timeline__dot .q-icon > img { - width: 1em; - height: 1em; -} -.q-timeline__dot-img { - position: absolute; - top: 4px; - left: 0; - right: 0; - height: 31px; - width: 31px; - background: currentColor; - border-radius: 50%; -} -.q-timeline__heading { - position: relative; -} -.q-timeline__heading:first-child .q-timeline__heading-title { - padding-top: 0; -} -.q-timeline__heading:last-child .q-timeline__heading-title { - padding-bottom: 0; -} -.q-timeline__heading-title { - padding: 32px 0; - margin: 0; -} -.q-timeline__entry { - position: relative; - line-height: 22px; -} -.q-timeline__entry:last-child { - padding-bottom: 0 !important; -} -.q-timeline__entry:last-child .q-timeline__dot:after { - content: none; -} -.q-timeline__entry--icon .q-timeline__dot { - width: 31px; -} -.q-timeline__entry--icon .q-timeline__dot:before { - height: 31px; - width: 31px; -} -.q-timeline__entry--icon .q-timeline__dot:after { - top: 41px; - left: 14px; -} -.q-timeline__entry--icon .q-timeline__subtitle { - padding-top: 8px; -} -.q-timeline--dense--right .q-timeline__entry { - padding-left: 40px; -} -.q-timeline--dense--right .q-timeline__entry--icon .q-timeline__dot { - left: -8px; -} -.q-timeline--dense--right .q-timeline__dot { - left: 0; -} -.q-timeline--dense--left .q-timeline__heading { - text-align: right; -} -.q-timeline--dense--left .q-timeline__entry { - padding-right: 40px; -} -.q-timeline--dense--left .q-timeline__entry--icon .q-timeline__dot { - right: -8px; -} -.q-timeline--dense--left .q-timeline__content, .q-timeline--dense--left .q-timeline__title, .q-timeline--dense--left .q-timeline__subtitle { - text-align: right; -} -.q-timeline--dense--left .q-timeline__dot { - right: 0; -} -.q-timeline--comfortable { - display: table; -} -.q-timeline--comfortable .q-timeline__heading { - display: table-row; - font-size: 200%; -} -.q-timeline--comfortable .q-timeline__heading > div { - display: table-cell; -} -.q-timeline--comfortable .q-timeline__entry { - display: table-row; - padding: 0; -} -.q-timeline--comfortable .q-timeline__entry--icon .q-timeline__content { - padding-top: 8px; -} -.q-timeline--comfortable .q-timeline__subtitle, .q-timeline--comfortable .q-timeline__dot, .q-timeline--comfortable .q-timeline__content { - display: table-cell; - vertical-align: top; -} -.q-timeline--comfortable .q-timeline__subtitle { - width: 35%; -} -.q-timeline--comfortable .q-timeline__dot { - position: relative; - min-width: 31px; -} -.q-timeline--comfortable--right .q-timeline__heading .q-timeline__heading-title { - margin-left: -50px; -} -.q-timeline--comfortable--right .q-timeline__subtitle { - text-align: right; - padding-right: 30px; -} -.q-timeline--comfortable--right .q-timeline__content { - padding-left: 30px; -} -.q-timeline--comfortable--right .q-timeline__entry--icon .q-timeline__dot { - left: -8px; -} -.q-timeline--comfortable--left .q-timeline__heading { - text-align: right; -} -.q-timeline--comfortable--left .q-timeline__heading .q-timeline__heading-title { - margin-right: -50px; -} -.q-timeline--comfortable--left .q-timeline__subtitle { - padding-left: 30px; -} -.q-timeline--comfortable--left .q-timeline__content { - padding-right: 30px; -} -.q-timeline--comfortable--left .q-timeline__content, .q-timeline--comfortable--left .q-timeline__title { - text-align: right; -} -.q-timeline--comfortable--left .q-timeline__entry--icon .q-timeline__dot { - right: 0; -} -.q-timeline--comfortable--left .q-timeline__dot { - right: -8px; -} -.q-timeline--loose .q-timeline__heading-title { - text-align: center; - margin-left: 0; -} -.q-timeline--loose .q-timeline__entry, .q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__dot, .q-timeline--loose .q-timeline__content { - display: block; - margin: 0; - padding: 0; -} -.q-timeline--loose .q-timeline__dot { - position: absolute; - left: 50%; - margin-left: -7.15px; -} -.q-timeline--loose .q-timeline__entry { - padding-bottom: 24px; - overflow: hidden; -} -.q-timeline--loose .q-timeline__entry--icon .q-timeline__dot { - margin-left: -15px; -} -.q-timeline--loose .q-timeline__entry--icon .q-timeline__subtitle { - line-height: 38px; -} -.q-timeline--loose .q-timeline__entry--icon .q-timeline__content { - padding-top: 8px; -} -.q-timeline--loose .q-timeline__entry--left .q-timeline__content, .q-timeline--loose .q-timeline__entry--right .q-timeline__subtitle { - float: left; - padding-right: 30px; - text-align: right; -} -.q-timeline--loose .q-timeline__entry--left .q-timeline__subtitle, .q-timeline--loose .q-timeline__entry--right .q-timeline__content { - float: right; - text-align: left; - padding-left: 30px; -} -.q-timeline--loose .q-timeline__subtitle, .q-timeline--loose .q-timeline__content { - width: 50%; -} - -.q-toggle { - vertical-align: middle; -} -.q-toggle__native { - width: 1px; - height: 1px; -} -.q-toggle__track { - height: 0.35em; - border-radius: 0.175em; - opacity: 0.38; - background: currentColor; -} -.q-toggle__thumb { - top: 0.25em; - left: 0.25em; - width: 0.5em; - height: 0.5em; - transition: left 0.22s cubic-bezier(0.4, 0, 0.2, 1); - -webkit-user-select: none; - user-select: none; - z-index: 0; -} -.q-toggle__thumb:after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - background: #fff; - box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); -} -.q-toggle__thumb .q-icon { - font-size: 0.3em; - min-width: 1em; - color: #000; - opacity: 0.54; - z-index: 1; -} -.q-toggle__inner { - font-size: 40px; - width: 1.4em; - min-width: 1.4em; - height: 1em; - padding: 0.325em 0.3em; - -webkit-print-color-adjust: exact; -} -.q-toggle__inner--indet .q-toggle__thumb { - left: 0.45em; -} -.q-toggle__inner--truthy { - color: var(--q-primary); -} -.q-toggle__inner--truthy .q-toggle__track { - opacity: 0.54; -} -.q-toggle__inner--truthy .q-toggle__thumb { - left: 0.65em; -} -.q-toggle__inner--truthy .q-toggle__thumb:after { - background-color: currentColor; -} -.q-toggle__inner--truthy .q-toggle__thumb .q-icon { - color: #fff; - opacity: 1; -} -.q-toggle.disabled { - opacity: 0.75 !important; -} -.q-toggle--dark .q-toggle__inner { - color: #fff; -} -.q-toggle--dark .q-toggle__inner--truthy { - color: var(--q-primary); -} -.q-toggle--dark .q-toggle__thumb:before { - opacity: 0.32 !important; -} -.q-toggle--dense .q-toggle__inner { - width: 0.8em; - min-width: 0.8em; - height: 0.5em; - padding: 0.07625em 0; -} -.q-toggle--dense .q-toggle__thumb { - top: 0; - left: 0; -} -.q-toggle--dense .q-toggle__inner--indet .q-toggle__thumb { - left: 0.15em; -} -.q-toggle--dense .q-toggle__inner--truthy .q-toggle__thumb { - left: 0.3em; -} -.q-toggle--dense .q-toggle__label { - padding-left: 0.5em; -} -.q-toggle--dense.reverse .q-toggle__label { - padding-left: 0; - padding-right: 0.5em; -} - -body.desktop .q-toggle:not(.disabled) .q-toggle__thumb:before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-radius: 50%; - background: currentColor; - opacity: 0.12; - transform: scale3d(0, 0, 1); - transition: transform 0.22s cubic-bezier(0, 0, 0.2, 1); -} -body.desktop .q-toggle:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle:not(.disabled):hover .q-toggle__thumb:before { - transform: scale3d(2, 2, 1); -} -body.desktop .q-toggle--dense:not(.disabled):focus .q-toggle__thumb:before, body.desktop .q-toggle--dense:not(.disabled):hover .q-toggle__thumb:before { - transform: scale3d(1.5, 1.5, 1); -} - -.q-toolbar { - position: relative; - padding: 0 12px; - min-height: 50px; - width: 100%; -} -.q-toolbar--inset { - padding-left: 58px; -} -.q-toolbar .q-avatar { - font-size: 38px; -} - -.q-toolbar__title { - flex: 1 1 0%; - min-width: 1px; - max-width: 100%; - font-size: 21px; - font-weight: normal; - letter-spacing: 0.01em; - padding: 0 12px; -} -.q-toolbar__title:first-child { - padding-left: 0; -} -.q-toolbar__title:last-child { - padding-right: 0; -} - -.q-tooltip--style { - font-size: 10px; - color: #fafafa; - background: #757575; - border-radius: 4px; - text-transform: none; - font-weight: normal; -} - -.q-tooltip { - z-index: 9000; - position: fixed !important; - overflow-y: auto; - overflow-x: hidden; - padding: 6px 10px; -} -@media (max-width: 599.98px) { - .q-tooltip { - font-size: 14px; - padding: 8px 16px; - } -} - -.q-tree { - position: relative; - color: #9e9e9e; -} -.q-tree__node { - padding: 0 0 3px 22px; -} -.q-tree__node:after { - content: ""; - position: absolute; - top: -3px; - bottom: 0; - width: 2px; - right: auto; - left: -13px; - border-left: 1px solid currentColor; -} -.q-tree__node:last-child:after { - display: none; -} -.q-tree__node--disabled { - pointer-events: none; -} -.q-tree__node--disabled .disabled { - opacity: 1 !important; -} -.q-tree__node--disabled > div, -.q-tree__node--disabled > i, -.q-tree__node--disabled > .disabled { - opacity: 0.6 !important; -} -.q-tree__node--disabled > div .q-tree__node--disabled > div, -.q-tree__node--disabled > div .q-tree__node--disabled > i, -.q-tree__node--disabled > div .q-tree__node--disabled > .disabled, -.q-tree__node--disabled > i .q-tree__node--disabled > div, -.q-tree__node--disabled > i .q-tree__node--disabled > i, -.q-tree__node--disabled > i .q-tree__node--disabled > .disabled, -.q-tree__node--disabled > .disabled .q-tree__node--disabled > div, -.q-tree__node--disabled > .disabled .q-tree__node--disabled > i, -.q-tree__node--disabled > .disabled .q-tree__node--disabled > .disabled { - opacity: 1 !important; -} -.q-tree__node-header:before { - content: ""; - position: absolute; - top: -3px; - bottom: 50%; - width: 31px; - left: -35px; - border-left: 1px solid currentColor; - border-bottom: 1px solid currentColor; -} -.q-tree__children { - padding-left: 25px; -} -.q-tree__node-body { - padding: 5px 0 8px 5px; -} -.q-tree__node--parent { - padding-left: 2px; -} -.q-tree__node--parent > .q-tree__node-header:before { - width: 15px; - left: -15px; -} -.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body { - padding: 5px 0 8px 27px; -} -.q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after { - content: ""; - position: absolute; - top: 0; - width: 2px; - height: 100%; - right: auto; - left: 12px; - border-left: 1px solid currentColor; - bottom: 50px; -} -.q-tree__node--link { - cursor: pointer; -} -.q-tree__node-header { - padding: 4px; - margin-top: 3px; - border-radius: 4px; - outline: 0; -} -.q-tree__node-header-content { - color: #000; - transition: color 0.3s; -} -.q-tree__node--selected .q-tree__node-header-content { - color: #9e9e9e; -} -.q-tree__icon, .q-tree__node-header-content .q-icon { - font-size: 21px; -} -.q-tree__img { - height: 42px; - border-radius: 2px; -} -.q-tree__avatar, .q-tree__node-header-content .q-avatar { - font-size: 28px; - border-radius: 50%; - width: 28px; - height: 28px; -} -.q-tree__arrow, .q-tree__spinner { - font-size: 16px; - margin-right: 4px; -} -.q-tree__arrow { - transition: transform 0.3s; -} -.q-tree__arrow--rotate { - transform: rotate3d(0, 0, 1, 90deg); -} -.q-tree__tickbox { - margin-right: 4px; -} -.q-tree > .q-tree__node { - padding: 0; -} -.q-tree > .q-tree__node:after, .q-tree > .q-tree__node > .q-tree__node-header:before { - display: none; -} -.q-tree > .q-tree__node--child > .q-tree__node-header { - padding-left: 24px; -} -.q-tree--dark .q-tree__node-header-content { - color: #fff; -} -.q-tree--no-connectors .q-tree__node:after, -.q-tree--no-connectors .q-tree__node-header:before, -.q-tree--no-connectors .q-tree__node-body:after { - display: none !important; -} -.q-tree--dense > .q-tree__node--child > .q-tree__node-header { - padding-left: 1px; -} -.q-tree--dense .q-tree__arrow, .q-tree--dense .q-tree__spinner { - margin-right: 1px; -} -.q-tree--dense .q-tree__img { - height: 32px; -} -.q-tree--dense .q-tree__tickbox { - margin-right: 3px; -} -.q-tree--dense .q-tree__node { - padding: 0; -} -.q-tree--dense .q-tree__node:after { - top: 0; - left: -8px; -} -.q-tree--dense .q-tree__node-header { - margin-top: 0; - padding: 1px; -} -.q-tree--dense .q-tree__node-header:before { - top: 0; - left: -8px; - width: 8px; -} -.q-tree--dense .q-tree__node--child { - padding-left: 17px; -} -.q-tree--dense .q-tree__node--child > .q-tree__node-header:before { - left: -25px; - width: 21px; -} -.q-tree--dense .q-tree__node-body { - padding: 0 0 2px; -} -.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body { - padding: 0 0 2px 20px; -} -.q-tree--dense .q-tree__node--parent > .q-tree__node-collapsible > .q-tree__node-body:after { - left: 8px; -} -.q-tree--dense .q-tree__children { - padding-left: 16px; -} - -[dir=rtl] .q-tree__arrow { - transform: rotate3d(0, 0, 1, 180deg) /* rtl:ignore */; -} -[dir=rtl] .q-tree__arrow--rotate { - transform: rotate3d(0, 0, 1, 90deg) /* rtl:ignore */; -} - -.q-uploader { - 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); - border-radius: 4px; - vertical-align: top; - background: #fff; - position: relative; - width: 320px; - max-height: 320px; -} -.q-uploader--bordered { - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-uploader__input { - opacity: 0; - width: 100%; - height: 100%; - cursor: pointer !important; - z-index: 1; -} -.q-uploader__input::-webkit-file-upload-button { - cursor: pointer; -} -.q-uploader__file:before { - content: ""; - border-top-left-radius: inherit; - border-top-right-radius: inherit; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - pointer-events: none; - background: currentColor; - opacity: 0.04; -} -.q-uploader__header { - position: relative; - border-top-left-radius: inherit; - border-top-right-radius: inherit; - background-color: var(--q-primary); - color: #fff; - width: 100%; -} -.q-uploader__spinner { - font-size: 24px; - margin-right: 4px; -} -.q-uploader__header-content { - padding: 8px; -} -.q-uploader__dnd { - outline: 1px dashed currentColor; - outline-offset: -4px; - background: rgba(255, 255, 255, 0.6); -} -.q-uploader__overlay { - font-size: 36px; - color: #000; - background-color: rgba(255, 255, 255, 0.6); -} -.q-uploader__list { - position: relative; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - padding: 8px; - min-height: 60px; - flex: 1 1 auto; -} -.q-uploader__file { - border-radius: 4px 4px 0 0; - border: 1px solid rgba(0, 0, 0, 0.12); -} -.q-uploader__file .q-circular-progress { - font-size: 24px; -} -.q-uploader__file--img { - color: #fff; - height: 200px; - min-width: 200px; - background-position: 50% 50%; - background-size: cover; - background-repeat: no-repeat; -} -.q-uploader__file--img:before { - content: none; -} -.q-uploader__file--img .q-circular-progress { - color: #fff; -} -.q-uploader__file--img .q-uploader__file-header { - padding-bottom: 24px; - background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 20%, rgba(255, 255, 255, 0)); -} -.q-uploader__file + .q-uploader__file { - margin-top: 8px; -} -.q-uploader__file-header { - position: relative; - padding: 4px 8px; - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} -.q-uploader__file-header-content { - padding-right: 8px; -} -.q-uploader__file-status { - font-size: 24px; - margin-right: 4px; -} -.q-uploader__title { - font-size: 14px; - font-weight: bold; - line-height: 18px; - word-break: break-word; -} -.q-uploader__subtitle { - font-size: 12px; - line-height: 18px; -} -.q-uploader--disable .q-uploader__header, .q-uploader--disable .q-uploader__list { - pointer-events: none; -} -.q-uploader--dark { - border-color: rgba(255, 255, 255, 0.28); -} -.q-uploader--dark .q-uploader__file { - border-color: rgba(255, 255, 255, 0.28); -} -.q-uploader--dark .q-uploader__dnd, .q-uploader--dark .q-uploader__overlay { - background: rgba(255, 255, 255, 0.3); -} -.q-uploader--dark .q-uploader__overlay { - color: #fff; -} - -img.responsive { - max-width: 100%; - height: auto; -} - -.q-video { - position: relative; - overflow: hidden; - border-radius: inherit; -} -.q-video iframe, -.q-video object, -.q-video embed { - width: 100%; - height: 100%; -} -.q-video--responsive { - height: 0; -} -.q-video--responsive iframe, -.q-video--responsive object, -.q-video--responsive embed { - position: absolute; - top: 0; - left: 0; -} - -.q-virtual-scroll:focus { - outline: 0; -} -.q-virtual-scroll__content { - outline: none; - contain: content; -} -.q-virtual-scroll__content > * { - overflow-anchor: none; -} -.q-virtual-scroll__content > [data-q-vs-anchor] { - overflow-anchor: auto; -} -.q-virtual-scroll__padding { - background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */; - background-size: var(--q-virtual-scroll-item-width, 100%) var(--q-virtual-scroll-item-height, 50px) /* rtl:ignore */; -} -.q-table .q-virtual-scroll__padding tr { - height: 0 !important; -} -.q-table .q-virtual-scroll__padding td { - padding: 0 !important; -} -.q-virtual-scroll--horizontal { - display: flex; - flex-direction: row; - flex-wrap: nowrap; - align-items: stretch; -} -.q-virtual-scroll--horizontal .q-virtual-scroll__content { - display: flex; - flex-direction: row; - flex-wrap: nowrap; -} -.q-virtual-scroll--horizontal .q-virtual-scroll__padding, .q-virtual-scroll--horizontal .q-virtual-scroll__content, .q-virtual-scroll--horizontal .q-virtual-scroll__content > * { - flex: 0 0 auto; -} -.q-virtual-scroll--horizontal .q-virtual-scroll__padding { - background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 20%, rgba(128, 128, 128, 0.03) 20%, rgba(128, 128, 128, 0.08) 50%, rgba(128, 128, 128, 0.03) 80%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0)) /* rtl:ignore */; - background-size: var(--q-virtual-scroll-item-width, 50px) var(--q-virtual-scroll-item-height, 100%) /* rtl:ignore */; -} - -/* Directives */ -.q-ripple { - position: absolute; - top: 0; - left: 0 /* rtl:ignore */; - width: 100%; - height: 100%; - color: inherit; - border-radius: inherit; - z-index: 0; - pointer-events: none; - overflow: hidden; - contain: strict; -} -.q-ripple__inner { - position: absolute; - top: 0; - left: 0 /* rtl:ignore */; - opacity: 0; - color: inherit; - border-radius: 50%; - background: currentColor; - pointer-events: none; - will-change: transform, opacity; -} -.q-ripple__inner--enter { - transition: transform 0.225s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.1s cubic-bezier(0.4, 0, 0.2, 1); -} -.q-ripple__inner--leave { - transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); -} - -.q-morph--invisible, -.q-morph--internal { - opacity: 0 !important; - pointer-events: none !important; - position: fixed !important; - right: 200vw !important; - bottom: 200vh !important; -} - -/* Plugins */ -.q-loading { - color: #000; - position: fixed !important; -} -.q-loading__backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - opacity: 0.5; - z-index: -1; - background-color: #000; - transition: background-color 0.28s; -} -.q-loading__box { - border-radius: 4px; - padding: 18px; - color: #fff; - max-width: 450px; -} -.q-loading__message { - margin: 40px 20px 0; - text-align: center; -} - -.q-notifications__list { - z-index: 9500; - pointer-events: none; - left: 0; - right: 0; - margin-bottom: 10px; - position: relative; -} -.q-notifications__list--center { - top: 0; - bottom: 0; -} -.q-notifications__list--top { - top: 0; -} -.q-notifications__list--bottom { - bottom: 0; -} - -body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--top { - top: 20px; - top: env(safe-area-inset-top); -} -body.q-ios-padding .q-notifications__list--center, body.q-ios-padding .q-notifications__list--bottom { - bottom: env(safe-area-inset-bottom); -} - -.q-notification { - 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); - border-radius: 4px; - pointer-events: all; - display: inline-flex; - margin: 10px 10px 0; - transition: transform 1s, opacity 1s; - z-index: 9500; - flex-shrink: 0; - max-width: 95vw; - background: #323232; - color: #fff; - font-size: 14px; -} -.q-notification__icon { - font-size: 24px; - flex: 0 0 1em; -} -.q-notification__icon--additional { - margin-right: 16px; -} -.q-notification__avatar { - font-size: 32px; -} -.q-notification__avatar--additional { - margin-right: 8px; -} -.q-notification__spinner { - font-size: 32px; -} -.q-notification__spinner--additional { - margin-right: 8px; -} -.q-notification__message { - padding: 8px 0; -} -.q-notification__caption { - font-size: 0.9em; - opacity: 0.7; -} -.q-notification__actions { - color: var(--q-primary); -} -.q-notification__badge { - animation: q-notif-badge 0.42s; - padding: 4px 8px; - position: absolute; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); - background-color: var(--q-negative); - color: #fff; - border-radius: 4px; - font-size: 12px; - line-height: 12px; -} -.q-notification__badge--top-left, .q-notification__badge--top-right { - top: -6px; -} -.q-notification__badge--bottom-left, .q-notification__badge--bottom-right { - bottom: -6px; -} -.q-notification__badge--top-left, .q-notification__badge--bottom-left { - left: -22px; -} -.q-notification__badge--top-right, .q-notification__badge--bottom-right { - right: -22px; -} -.q-notification__progress { - z-index: -1; - position: absolute; - height: 3px; - bottom: 0; - left: -10px; - right: -10px; - animation: q-notif-progress linear; - background: currentColor; - opacity: 0.3; - border-radius: 4px 4px 0 0; - transform-origin: 0 50%; - transform: scaleX(0); -} -.q-notification--standard { - padding: 0 16px; - min-height: 48px; -} -.q-notification--standard .q-notification__actions { - padding: 6px 0 6px 8px; - margin-right: -8px; -} -.q-notification--multi-line { - min-height: 68px; - padding: 8px 16px; -} -.q-notification--multi-line .q-notification__badge--top-left, .q-notification--multi-line .q-notification__badge--top-right { - top: -15px; -} -.q-notification--multi-line .q-notification__badge--bottom-left, .q-notification--multi-line .q-notification__badge--bottom-right { - bottom: -15px; -} -.q-notification--multi-line .q-notification__progress { - bottom: -8px; -} -.q-notification--multi-line .q-notification__actions { - padding: 0; -} -.q-notification--multi-line .q-notification__actions--with-media { - padding-left: 25px; -} -.q-notification--top-left-enter-from, .q-notification--top-left-leave-to, .q-notification--top-enter-from, .q-notification--top-leave-to, .q-notification--top-right-enter-from, .q-notification--top-right-leave-to { - opacity: 0; - transform: translateY(-50px); - z-index: 9499; -} -.q-notification--left-enter-from, .q-notification--left-leave-to, .q-notification--center-enter-from, .q-notification--center-leave-to, .q-notification--right-enter-from, .q-notification--right-leave-to { - opacity: 0; - transform: rotateX(90deg); - z-index: 9499; -} -.q-notification--bottom-left-enter-from, .q-notification--bottom-left-leave-to, .q-notification--bottom-enter-from, .q-notification--bottom-leave-to, .q-notification--bottom-right-enter-from, .q-notification--bottom-right-leave-to { - opacity: 0; - transform: translateY(50px); - z-index: 9499; -} -.q-notification--top-left-leave-active, .q-notification--top-leave-active, .q-notification--top-right-leave-active, .q-notification--left-leave-active, .q-notification--center-leave-active, .q-notification--right-leave-active, .q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active { - position: absolute; - z-index: 9499; - margin-left: 0; - margin-right: 0; -} -.q-notification--top-leave-active, .q-notification--center-leave-active { - top: 0; -} -.q-notification--bottom-left-leave-active, .q-notification--bottom-leave-active, .q-notification--bottom-right-leave-active { - bottom: 0; -} - -@media (min-width: 600px) { - .q-notification { - max-width: 65vw; - } -} -@keyframes q-notif-badge { - 15% { - transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); - } - 30% { - transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); - } - 45% { - transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); - } - 60% { - transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); - } - 75% { - transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); - } -} -@keyframes q-notif-progress { - 0% { - transform: scaleX(1); - } - 100% { - transform: scaleX(0); - } -} -/* Core */ -/* * Animate.css additions - * * Adapted from: https://github.com/animate-css/animate.css/blob/6828621a01e145119db6194dc9b4d37325b48aa5/source/_base.css - * */ -:root { - --animate-duration: 0.3s; - --animate-delay: 0.3s; - --animate-repeat: 1; -} - -.animated { - animation-duration: var(--animate-duration); - animation-fill-mode: both; -} -.animated.infinite { - animation-iteration-count: infinite; -} -.animated.hinge { - animation-duration: 2s; -} -.animated.repeat-1 { - animation-iteration-count: var(--animate-repeat); -} -.animated.repeat-2 { - animation-iteration-count: calc(var(--animate-repeat) * 2); -} -.animated.repeat-3 { - animation-iteration-count: calc(var(--animate-repeat) * 3); -} -.animated.delay-1s { - animation-delay: var(--animate-delay); -} -.animated.delay-2s { - animation-delay: calc(var(--animate-delay) * 2); -} -.animated.delay-3s { - animation-delay: calc(var(--animate-delay) * 3); -} -.animated.delay-4s { - animation-delay: calc(var(--animate-delay) * 4); -} -.animated.delay-5s { - animation-delay: calc(var(--animate-delay) * 5); -} -.animated.faster { - animation-duration: calc(var(--animate-duration) / 2); -} -.animated.fast { - animation-duration: calc(var(--animate-duration) * 0.8); -} -.animated.slow { - animation-duration: calc(var(--animate-duration) * 2); -} -.animated.slower { - animation-duration: calc(var(--animate-duration) * 3); -} - -@media print, (prefers-reduced-motion: reduce) { - .animated { - animation-duration: 1ms !important; - transition-duration: 1ms !important; - animation-iteration-count: 1 !important; - } - - .animated[class*=Out] { - opacity: 0; - } -} -/* * Quasar animations - * */ -.q-animate--scale { - animation: q-scale 0.15s; - animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); -} - -@keyframes q-scale { - 0% { - transform: scale(1); - } - 50% { - transform: scale(1.04); - } - 100% { - transform: scale(1); - } -} -.q-animate--fade { - animation: q-fade 0.2s /* rtl:ignore */; -} - -@keyframes q-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -:root { - --q-primary: #1976D2; - --q-secondary: #26A69A; - --q-accent: #9C27B0; - --q-positive: #21BA45; - --q-negative: #C10015; - --q-info: #31CCEC; - --q-warning: #F2C037; - --q-dark: #1d1d1d; - --q-dark-page: #121212; -} - -.text-dark { - color: var(--q-dark) !important; -} - -.bg-dark { - background: var(--q-dark) !important; -} - -.text-primary { - color: var(--q-primary) !important; -} - -.bg-primary { - background: var(--q-primary) !important; -} - -.text-secondary { - color: var(--q-secondary) !important; -} - -.bg-secondary { - background: var(--q-secondary) !important; -} - -.text-accent { - color: var(--q-accent) !important; -} - -.bg-accent { - background: var(--q-accent) !important; -} - -.text-positive { - color: var(--q-positive) !important; -} - -.bg-positive { - background: var(--q-positive) !important; -} - -.text-negative { - color: var(--q-negative) !important; -} - -.bg-negative { - background: var(--q-negative) !important; -} - -.text-info { - color: var(--q-info) !important; -} - -.bg-info { - background: var(--q-info) !important; -} - -.text-warning { - color: var(--q-warning) !important; -} - -.bg-warning { - background: var(--q-warning) !important; -} - -.text-white { - color: #fff !important; -} - -.bg-white { - background: #fff !important; -} - -.text-black { - color: #000 !important; -} - -.bg-black { - background: #000 !important; -} - -.text-transparent { - color: transparent !important; -} - -.bg-transparent { - background: transparent !important; -} - -.text-separator { - color: rgba(0, 0, 0, 0.12) !important; -} - -.bg-separator { - background: rgba(0, 0, 0, 0.12) !important; -} - -.text-dark-separator { - color: rgba(255, 255, 255, 0.28) !important; -} - -.bg-dark-separator { - background: rgba(255, 255, 255, 0.28) !important; -} - -.text-red { - color: #f44336 !important; -} - -.text-red-1 { - color: #ffebee !important; -} - -.text-red-2 { - color: #ffcdd2 !important; -} - -.text-red-3 { - color: #ef9a9a !important; -} - -.text-red-4 { - color: #e57373 !important; -} - -.text-red-5 { - color: #ef5350 !important; -} - -.text-red-6 { - color: #f44336 !important; -} - -.text-red-7 { - color: #e53935 !important; -} - -.text-red-8 { - color: #d32f2f !important; -} - -.text-red-9 { - color: #c62828 !important; -} - -.text-red-10 { - color: #b71c1c !important; -} - -.text-red-11 { - color: #ff8a80 !important; -} - -.text-red-12 { - color: #ff5252 !important; -} - -.text-red-13 { - color: #ff1744 !important; -} - -.text-red-14 { - color: #d50000 !important; -} - -.text-pink { - color: #e91e63 !important; -} - -.text-pink-1 { - color: #fce4ec !important; -} - -.text-pink-2 { - color: #f8bbd0 !important; -} - -.text-pink-3 { - color: #f48fb1 !important; -} - -.text-pink-4 { - color: #f06292 !important; -} - -.text-pink-5 { - color: #ec407a !important; -} - -.text-pink-6 { - color: #e91e63 !important; -} - -.text-pink-7 { - color: #d81b60 !important; -} - -.text-pink-8 { - color: #c2185b !important; -} - -.text-pink-9 { - color: #ad1457 !important; -} - -.text-pink-10 { - color: #880e4f !important; -} - -.text-pink-11 { - color: #ff80ab !important; -} - -.text-pink-12 { - color: #ff4081 !important; -} - -.text-pink-13 { - color: #f50057 !important; -} - -.text-pink-14 { - color: #c51162 !important; -} - -.text-purple { - color: #9c27b0 !important; -} - -.text-purple-1 { - color: #f3e5f5 !important; -} - -.text-purple-2 { - color: #e1bee7 !important; -} - -.text-purple-3 { - color: #ce93d8 !important; -} - -.text-purple-4 { - color: #ba68c8 !important; -} - -.text-purple-5 { - color: #ab47bc !important; -} - -.text-purple-6 { - color: #9c27b0 !important; -} - -.text-purple-7 { - color: #8e24aa !important; -} - -.text-purple-8 { - color: #7b1fa2 !important; -} - -.text-purple-9 { - color: #6a1b9a !important; -} - -.text-purple-10 { - color: #4a148c !important; -} - -.text-purple-11 { - color: #ea80fc !important; -} - -.text-purple-12 { - color: #e040fb !important; -} - -.text-purple-13 { - color: #d500f9 !important; -} - -.text-purple-14 { - color: #aa00ff !important; -} - -.text-deep-purple { - color: #673ab7 !important; -} - -.text-deep-purple-1 { - color: #ede7f6 !important; -} - -.text-deep-purple-2 { - color: #d1c4e9 !important; -} - -.text-deep-purple-3 { - color: #b39ddb !important; -} - -.text-deep-purple-4 { - color: #9575cd !important; -} - -.text-deep-purple-5 { - color: #7e57c2 !important; -} - -.text-deep-purple-6 { - color: #673ab7 !important; -} - -.text-deep-purple-7 { - color: #5e35b1 !important; -} - -.text-deep-purple-8 { - color: #512da8 !important; -} - -.text-deep-purple-9 { - color: #4527a0 !important; -} - -.text-deep-purple-10 { - color: #311b92 !important; -} - -.text-deep-purple-11 { - color: #b388ff !important; -} - -.text-deep-purple-12 { - color: #7c4dff !important; -} - -.text-deep-purple-13 { - color: #651fff !important; -} - -.text-deep-purple-14 { - color: #6200ea !important; -} - -.text-indigo { - color: #3f51b5 !important; -} - -.text-indigo-1 { - color: #e8eaf6 !important; -} - -.text-indigo-2 { - color: #c5cae9 !important; -} - -.text-indigo-3 { - color: #9fa8da !important; -} - -.text-indigo-4 { - color: #7986cb !important; -} - -.text-indigo-5 { - color: #5c6bc0 !important; -} - -.text-indigo-6 { - color: #3f51b5 !important; -} - -.text-indigo-7 { - color: #3949ab !important; -} - -.text-indigo-8 { - color: #303f9f !important; -} - -.text-indigo-9 { - color: #283593 !important; -} - -.text-indigo-10 { - color: #1a237e !important; -} - -.text-indigo-11 { - color: #8c9eff !important; -} - -.text-indigo-12 { - color: #536dfe !important; -} - -.text-indigo-13 { - color: #3d5afe !important; -} - -.text-indigo-14 { - color: #304ffe !important; -} - -.text-blue { - color: #2196f3 !important; -} - -.text-blue-1 { - color: #e3f2fd !important; -} - -.text-blue-2 { - color: #bbdefb !important; -} - -.text-blue-3 { - color: #90caf9 !important; -} - -.text-blue-4 { - color: #64b5f6 !important; -} - -.text-blue-5 { - color: #42a5f5 !important; -} - -.text-blue-6 { - color: #2196f3 !important; -} - -.text-blue-7 { - color: #1e88e5 !important; -} - -.text-blue-8 { - color: #1976d2 !important; -} - -.text-blue-9 { - color: #1565c0 !important; -} - -.text-blue-10 { - color: #0d47a1 !important; -} - -.text-blue-11 { - color: #82b1ff !important; -} - -.text-blue-12 { - color: #448aff !important; -} - -.text-blue-13 { - color: #2979ff !important; -} - -.text-blue-14 { - color: #2962ff !important; -} - -.text-light-blue { - color: #03a9f4 !important; -} - -.text-light-blue-1 { - color: #e1f5fe !important; -} - -.text-light-blue-2 { - color: #b3e5fc !important; -} - -.text-light-blue-3 { - color: #81d4fa !important; -} - -.text-light-blue-4 { - color: #4fc3f7 !important; -} - -.text-light-blue-5 { - color: #29b6f6 !important; -} - -.text-light-blue-6 { - color: #03a9f4 !important; -} - -.text-light-blue-7 { - color: #039be5 !important; -} - -.text-light-blue-8 { - color: #0288d1 !important; -} - -.text-light-blue-9 { - color: #0277bd !important; -} - -.text-light-blue-10 { - color: #01579b !important; -} - -.text-light-blue-11 { - color: #80d8ff !important; -} - -.text-light-blue-12 { - color: #40c4ff !important; -} - -.text-light-blue-13 { - color: #00b0ff !important; -} - -.text-light-blue-14 { - color: #0091ea !important; -} - -.text-cyan { - color: #00bcd4 !important; -} - -.text-cyan-1 { - color: #e0f7fa !important; -} - -.text-cyan-2 { - color: #b2ebf2 !important; -} - -.text-cyan-3 { - color: #80deea !important; -} - -.text-cyan-4 { - color: #4dd0e1 !important; -} - -.text-cyan-5 { - color: #26c6da !important; -} - -.text-cyan-6 { - color: #00bcd4 !important; -} - -.text-cyan-7 { - color: #00acc1 !important; -} - -.text-cyan-8 { - color: #0097a7 !important; -} - -.text-cyan-9 { - color: #00838f !important; -} - -.text-cyan-10 { - color: #006064 !important; -} - -.text-cyan-11 { - color: #84ffff !important; -} - -.text-cyan-12 { - color: #18ffff !important; -} - -.text-cyan-13 { - color: #00e5ff !important; -} - -.text-cyan-14 { - color: #00b8d4 !important; -} - -.text-teal { - color: #009688 !important; -} - -.text-teal-1 { - color: #e0f2f1 !important; -} - -.text-teal-2 { - color: #b2dfdb !important; -} - -.text-teal-3 { - color: #80cbc4 !important; -} - -.text-teal-4 { - color: #4db6ac !important; -} - -.text-teal-5 { - color: #26a69a !important; -} - -.text-teal-6 { - color: #009688 !important; -} - -.text-teal-7 { - color: #00897b !important; -} - -.text-teal-8 { - color: #00796b !important; -} - -.text-teal-9 { - color: #00695c !important; -} - -.text-teal-10 { - color: #004d40 !important; -} - -.text-teal-11 { - color: #a7ffeb !important; -} - -.text-teal-12 { - color: #64ffda !important; -} - -.text-teal-13 { - color: #1de9b6 !important; -} - -.text-teal-14 { - color: #00bfa5 !important; -} - -.text-green { - color: #4caf50 !important; -} - -.text-green-1 { - color: #e8f5e9 !important; -} - -.text-green-2 { - color: #c8e6c9 !important; -} - -.text-green-3 { - color: #a5d6a7 !important; -} - -.text-green-4 { - color: #81c784 !important; -} - -.text-green-5 { - color: #66bb6a !important; -} - -.text-green-6 { - color: #4caf50 !important; -} - -.text-green-7 { - color: #43a047 !important; -} - -.text-green-8 { - color: #388e3c !important; -} - -.text-green-9 { - color: #2e7d32 !important; -} - -.text-green-10 { - color: #1b5e20 !important; -} - -.text-green-11 { - color: #b9f6ca !important; -} - -.text-green-12 { - color: #69f0ae !important; -} - -.text-green-13 { - color: #00e676 !important; -} - -.text-green-14 { - color: #00c853 !important; -} - -.text-light-green { - color: #8bc34a !important; -} - -.text-light-green-1 { - color: #f1f8e9 !important; -} - -.text-light-green-2 { - color: #dcedc8 !important; -} - -.text-light-green-3 { - color: #c5e1a5 !important; -} - -.text-light-green-4 { - color: #aed581 !important; -} - -.text-light-green-5 { - color: #9ccc65 !important; -} - -.text-light-green-6 { - color: #8bc34a !important; -} - -.text-light-green-7 { - color: #7cb342 !important; -} - -.text-light-green-8 { - color: #689f38 !important; -} - -.text-light-green-9 { - color: #558b2f !important; -} - -.text-light-green-10 { - color: #33691e !important; -} - -.text-light-green-11 { - color: #ccff90 !important; -} - -.text-light-green-12 { - color: #b2ff59 !important; -} - -.text-light-green-13 { - color: #76ff03 !important; -} - -.text-light-green-14 { - color: #64dd17 !important; -} - -.text-lime { - color: #cddc39 !important; -} - -.text-lime-1 { - color: #f9fbe7 !important; -} - -.text-lime-2 { - color: #f0f4c3 !important; -} - -.text-lime-3 { - color: #e6ee9c !important; -} - -.text-lime-4 { - color: #dce775 !important; -} - -.text-lime-5 { - color: #d4e157 !important; -} - -.text-lime-6 { - color: #cddc39 !important; -} - -.text-lime-7 { - color: #c0ca33 !important; -} - -.text-lime-8 { - color: #afb42b !important; -} - -.text-lime-9 { - color: #9e9d24 !important; -} - -.text-lime-10 { - color: #827717 !important; -} - -.text-lime-11 { - color: #f4ff81 !important; -} - -.text-lime-12 { - color: #eeff41 !important; -} - -.text-lime-13 { - color: #c6ff00 !important; -} - -.text-lime-14 { - color: #aeea00 !important; -} - -.text-yellow { - color: #ffeb3b !important; -} - -.text-yellow-1 { - color: #fffde7 !important; -} - -.text-yellow-2 { - color: #fff9c4 !important; -} - -.text-yellow-3 { - color: #fff59d !important; -} - -.text-yellow-4 { - color: #fff176 !important; -} - -.text-yellow-5 { - color: #ffee58 !important; -} - -.text-yellow-6 { - color: #ffeb3b !important; -} - -.text-yellow-7 { - color: #fdd835 !important; -} - -.text-yellow-8 { - color: #fbc02d !important; -} - -.text-yellow-9 { - color: #f9a825 !important; -} - -.text-yellow-10 { - color: #f57f17 !important; -} - -.text-yellow-11 { - color: #ffff8d !important; -} - -.text-yellow-12 { - color: #ffff00 !important; -} - -.text-yellow-13 { - color: #ffea00 !important; -} - -.text-yellow-14 { - color: #ffd600 !important; -} - -.text-amber { - color: #ffc107 !important; -} - -.text-amber-1 { - color: #fff8e1 !important; -} - -.text-amber-2 { - color: #ffecb3 !important; -} - -.text-amber-3 { - color: #ffe082 !important; -} - -.text-amber-4 { - color: #ffd54f !important; -} - -.text-amber-5 { - color: #ffca28 !important; -} - -.text-amber-6 { - color: #ffc107 !important; -} - -.text-amber-7 { - color: #ffb300 !important; -} - -.text-amber-8 { - color: #ffa000 !important; -} - -.text-amber-9 { - color: #ff8f00 !important; -} - -.text-amber-10 { - color: #ff6f00 !important; -} - -.text-amber-11 { - color: #ffe57f !important; -} - -.text-amber-12 { - color: #ffd740 !important; -} - -.text-amber-13 { - color: #ffc400 !important; -} - -.text-amber-14 { - color: #ffab00 !important; -} - -.text-orange { - color: #ff9800 !important; -} - -.text-orange-1 { - color: #fff3e0 !important; -} - -.text-orange-2 { - color: #ffe0b2 !important; -} - -.text-orange-3 { - color: #ffcc80 !important; -} - -.text-orange-4 { - color: #ffb74d !important; -} - -.text-orange-5 { - color: #ffa726 !important; -} - -.text-orange-6 { - color: #ff9800 !important; -} - -.text-orange-7 { - color: #fb8c00 !important; -} - -.text-orange-8 { - color: #f57c00 !important; -} - -.text-orange-9 { - color: #ef6c00 !important; -} - -.text-orange-10 { - color: #e65100 !important; -} - -.text-orange-11 { - color: #ffd180 !important; -} - -.text-orange-12 { - color: #ffab40 !important; -} - -.text-orange-13 { - color: #ff9100 !important; -} - -.text-orange-14 { - color: #ff6d00 !important; -} - -.text-deep-orange { - color: #ff5722 !important; -} - -.text-deep-orange-1 { - color: #fbe9e7 !important; -} - -.text-deep-orange-2 { - color: #ffccbc !important; -} - -.text-deep-orange-3 { - color: #ffab91 !important; -} - -.text-deep-orange-4 { - color: #ff8a65 !important; -} - -.text-deep-orange-5 { - color: #ff7043 !important; -} - -.text-deep-orange-6 { - color: #ff5722 !important; -} - -.text-deep-orange-7 { - color: #f4511e !important; -} - -.text-deep-orange-8 { - color: #e64a19 !important; -} - -.text-deep-orange-9 { - color: #d84315 !important; -} - -.text-deep-orange-10 { - color: #bf360c !important; -} - -.text-deep-orange-11 { - color: #ff9e80 !important; -} - -.text-deep-orange-12 { - color: #ff6e40 !important; -} - -.text-deep-orange-13 { - color: #ff3d00 !important; -} - -.text-deep-orange-14 { - color: #dd2c00 !important; -} - -.text-brown { - color: #795548 !important; -} - -.text-brown-1 { - color: #efebe9 !important; -} - -.text-brown-2 { - color: #d7ccc8 !important; -} - -.text-brown-3 { - color: #bcaaa4 !important; -} - -.text-brown-4 { - color: #a1887f !important; -} - -.text-brown-5 { - color: #8d6e63 !important; -} - -.text-brown-6 { - color: #795548 !important; -} - -.text-brown-7 { - color: #6d4c41 !important; -} - -.text-brown-8 { - color: #5d4037 !important; -} - -.text-brown-9 { - color: #4e342e !important; -} - -.text-brown-10 { - color: #3e2723 !important; -} - -.text-brown-11 { - color: #d7ccc8 !important; -} - -.text-brown-12 { - color: #bcaaa4 !important; -} - -.text-brown-13 { - color: #8d6e63 !important; -} - -.text-brown-14 { - color: #5d4037 !important; -} - -.text-grey { - color: #9e9e9e !important; -} - -.text-grey-1 { - color: #fafafa !important; -} - -.text-grey-2 { - color: #f5f5f5 !important; -} - -.text-grey-3 { - color: #eeeeee !important; -} - -.text-grey-4 { - color: #e0e0e0 !important; -} - -.text-grey-5 { - color: #bdbdbd !important; -} - -.text-grey-6 { - color: #9e9e9e !important; -} - -.text-grey-7 { - color: #757575 !important; -} - -.text-grey-8 { - color: #616161 !important; -} - -.text-grey-9 { - color: #424242 !important; -} - -.text-grey-10 { - color: #212121 !important; -} - -.text-grey-11 { - color: #f5f5f5 !important; -} - -.text-grey-12 { - color: #eeeeee !important; -} - -.text-grey-13 { - color: #bdbdbd !important; -} - -.text-grey-14 { - color: #616161 !important; -} - -.text-blue-grey { - color: #607d8b !important; -} - -.text-blue-grey-1 { - color: #eceff1 !important; -} - -.text-blue-grey-2 { - color: #cfd8dc !important; -} - -.text-blue-grey-3 { - color: #b0bec5 !important; -} - -.text-blue-grey-4 { - color: #90a4ae !important; -} - -.text-blue-grey-5 { - color: #78909c !important; -} - -.text-blue-grey-6 { - color: #607d8b !important; -} - -.text-blue-grey-7 { - color: #546e7a !important; -} - -.text-blue-grey-8 { - color: #455a64 !important; -} - -.text-blue-grey-9 { - color: #37474f !important; -} - -.text-blue-grey-10 { - color: #263238 !important; -} - -.text-blue-grey-11 { - color: #cfd8dc !important; -} - -.text-blue-grey-12 { - color: #b0bec5 !important; -} - -.text-blue-grey-13 { - color: #78909c !important; -} - -.text-blue-grey-14 { - color: #455a64 !important; -} - -.bg-red { - background: #f44336 !important; -} - -.bg-red-1 { - background: #ffebee !important; -} - -.bg-red-2 { - background: #ffcdd2 !important; -} - -.bg-red-3 { - background: #ef9a9a !important; -} - -.bg-red-4 { - background: #e57373 !important; -} - -.bg-red-5 { - background: #ef5350 !important; -} - -.bg-red-6 { - background: #f44336 !important; -} - -.bg-red-7 { - background: #e53935 !important; -} - -.bg-red-8 { - background: #d32f2f !important; -} - -.bg-red-9 { - background: #c62828 !important; -} - -.bg-red-10 { - background: #b71c1c !important; -} - -.bg-red-11 { - background: #ff8a80 !important; -} - -.bg-red-12 { - background: #ff5252 !important; -} - -.bg-red-13 { - background: #ff1744 !important; -} - -.bg-red-14 { - background: #d50000 !important; -} - -.bg-pink { - background: #e91e63 !important; -} - -.bg-pink-1 { - background: #fce4ec !important; -} - -.bg-pink-2 { - background: #f8bbd0 !important; -} - -.bg-pink-3 { - background: #f48fb1 !important; -} - -.bg-pink-4 { - background: #f06292 !important; -} - -.bg-pink-5 { - background: #ec407a !important; -} - -.bg-pink-6 { - background: #e91e63 !important; -} - -.bg-pink-7 { - background: #d81b60 !important; -} - -.bg-pink-8 { - background: #c2185b !important; -} - -.bg-pink-9 { - background: #ad1457 !important; -} - -.bg-pink-10 { - background: #880e4f !important; -} - -.bg-pink-11 { - background: #ff80ab !important; -} - -.bg-pink-12 { - background: #ff4081 !important; -} - -.bg-pink-13 { - background: #f50057 !important; -} - -.bg-pink-14 { - background: #c51162 !important; -} - -.bg-purple { - background: #9c27b0 !important; -} - -.bg-purple-1 { - background: #f3e5f5 !important; -} - -.bg-purple-2 { - background: #e1bee7 !important; -} - -.bg-purple-3 { - background: #ce93d8 !important; -} - -.bg-purple-4 { - background: #ba68c8 !important; -} - -.bg-purple-5 { - background: #ab47bc !important; -} - -.bg-purple-6 { - background: #9c27b0 !important; -} - -.bg-purple-7 { - background: #8e24aa !important; -} - -.bg-purple-8 { - background: #7b1fa2 !important; -} - -.bg-purple-9 { - background: #6a1b9a !important; -} - -.bg-purple-10 { - background: #4a148c !important; -} - -.bg-purple-11 { - background: #ea80fc !important; -} - -.bg-purple-12 { - background: #e040fb !important; -} - -.bg-purple-13 { - background: #d500f9 !important; -} - -.bg-purple-14 { - background: #aa00ff !important; -} - -.bg-deep-purple { - background: #673ab7 !important; -} - -.bg-deep-purple-1 { - background: #ede7f6 !important; -} - -.bg-deep-purple-2 { - background: #d1c4e9 !important; -} - -.bg-deep-purple-3 { - background: #b39ddb !important; -} - -.bg-deep-purple-4 { - background: #9575cd !important; -} - -.bg-deep-purple-5 { - background: #7e57c2 !important; -} - -.bg-deep-purple-6 { - background: #673ab7 !important; -} - -.bg-deep-purple-7 { - background: #5e35b1 !important; -} - -.bg-deep-purple-8 { - background: #512da8 !important; -} - -.bg-deep-purple-9 { - background: #4527a0 !important; -} - -.bg-deep-purple-10 { - background: #311b92 !important; -} - -.bg-deep-purple-11 { - background: #b388ff !important; -} - -.bg-deep-purple-12 { - background: #7c4dff !important; -} - -.bg-deep-purple-13 { - background: #651fff !important; -} - -.bg-deep-purple-14 { - background: #6200ea !important; -} - -.bg-indigo { - background: #3f51b5 !important; -} - -.bg-indigo-1 { - background: #e8eaf6 !important; -} - -.bg-indigo-2 { - background: #c5cae9 !important; -} - -.bg-indigo-3 { - background: #9fa8da !important; -} - -.bg-indigo-4 { - background: #7986cb !important; -} - -.bg-indigo-5 { - background: #5c6bc0 !important; -} - -.bg-indigo-6 { - background: #3f51b5 !important; -} - -.bg-indigo-7 { - background: #3949ab !important; -} - -.bg-indigo-8 { - background: #303f9f !important; -} - -.bg-indigo-9 { - background: #283593 !important; -} - -.bg-indigo-10 { - background: #1a237e !important; -} - -.bg-indigo-11 { - background: #8c9eff !important; -} - -.bg-indigo-12 { - background: #536dfe !important; -} - -.bg-indigo-13 { - background: #3d5afe !important; -} - -.bg-indigo-14 { - background: #304ffe !important; -} - -.bg-blue { - background: #2196f3 !important; -} - -.bg-blue-1 { - background: #e3f2fd !important; -} - -.bg-blue-2 { - background: #bbdefb !important; -} - -.bg-blue-3 { - background: #90caf9 !important; -} - -.bg-blue-4 { - background: #64b5f6 !important; -} - -.bg-blue-5 { - background: #42a5f5 !important; -} - -.bg-blue-6 { - background: #2196f3 !important; -} - -.bg-blue-7 { - background: #1e88e5 !important; -} - -.bg-blue-8 { - background: #1976d2 !important; -} - -.bg-blue-9 { - background: #1565c0 !important; -} - -.bg-blue-10 { - background: #0d47a1 !important; -} - -.bg-blue-11 { - background: #82b1ff !important; -} - -.bg-blue-12 { - background: #448aff !important; -} - -.bg-blue-13 { - background: #2979ff !important; -} - -.bg-blue-14 { - background: #2962ff !important; -} - -.bg-light-blue { - background: #03a9f4 !important; -} - -.bg-light-blue-1 { - background: #e1f5fe !important; -} - -.bg-light-blue-2 { - background: #b3e5fc !important; -} - -.bg-light-blue-3 { - background: #81d4fa !important; -} - -.bg-light-blue-4 { - background: #4fc3f7 !important; -} - -.bg-light-blue-5 { - background: #29b6f6 !important; -} - -.bg-light-blue-6 { - background: #03a9f4 !important; -} - -.bg-light-blue-7 { - background: #039be5 !important; -} - -.bg-light-blue-8 { - background: #0288d1 !important; -} - -.bg-light-blue-9 { - background: #0277bd !important; -} - -.bg-light-blue-10 { - background: #01579b !important; -} - -.bg-light-blue-11 { - background: #80d8ff !important; -} - -.bg-light-blue-12 { - background: #40c4ff !important; -} - -.bg-light-blue-13 { - background: #00b0ff !important; -} - -.bg-light-blue-14 { - background: #0091ea !important; -} - -.bg-cyan { - background: #00bcd4 !important; -} - -.bg-cyan-1 { - background: #e0f7fa !important; -} - -.bg-cyan-2 { - background: #b2ebf2 !important; -} - -.bg-cyan-3 { - background: #80deea !important; -} - -.bg-cyan-4 { - background: #4dd0e1 !important; -} - -.bg-cyan-5 { - background: #26c6da !important; -} - -.bg-cyan-6 { - background: #00bcd4 !important; -} - -.bg-cyan-7 { - background: #00acc1 !important; -} - -.bg-cyan-8 { - background: #0097a7 !important; -} - -.bg-cyan-9 { - background: #00838f !important; -} - -.bg-cyan-10 { - background: #006064 !important; -} - -.bg-cyan-11 { - background: #84ffff !important; -} - -.bg-cyan-12 { - background: #18ffff !important; -} - -.bg-cyan-13 { - background: #00e5ff !important; -} - -.bg-cyan-14 { - background: #00b8d4 !important; -} - -.bg-teal { - background: #009688 !important; -} - -.bg-teal-1 { - background: #e0f2f1 !important; -} - -.bg-teal-2 { - background: #b2dfdb !important; -} - -.bg-teal-3 { - background: #80cbc4 !important; -} - -.bg-teal-4 { - background: #4db6ac !important; -} - -.bg-teal-5 { - background: #26a69a !important; -} - -.bg-teal-6 { - background: #009688 !important; -} - -.bg-teal-7 { - background: #00897b !important; -} - -.bg-teal-8 { - background: #00796b !important; -} - -.bg-teal-9 { - background: #00695c !important; -} - -.bg-teal-10 { - background: #004d40 !important; -} - -.bg-teal-11 { - background: #a7ffeb !important; -} - -.bg-teal-12 { - background: #64ffda !important; -} - -.bg-teal-13 { - background: #1de9b6 !important; -} - -.bg-teal-14 { - background: #00bfa5 !important; -} - -.bg-green { - background: #4caf50 !important; -} - -.bg-green-1 { - background: #e8f5e9 !important; -} - -.bg-green-2 { - background: #c8e6c9 !important; -} - -.bg-green-3 { - background: #a5d6a7 !important; -} - -.bg-green-4 { - background: #81c784 !important; -} - -.bg-green-5 { - background: #66bb6a !important; -} - -.bg-green-6 { - background: #4caf50 !important; -} - -.bg-green-7 { - background: #43a047 !important; -} - -.bg-green-8 { - background: #388e3c !important; -} - -.bg-green-9 { - background: #2e7d32 !important; -} - -.bg-green-10 { - background: #1b5e20 !important; -} - -.bg-green-11 { - background: #b9f6ca !important; -} - -.bg-green-12 { - background: #69f0ae !important; -} - -.bg-green-13 { - background: #00e676 !important; -} - -.bg-green-14 { - background: #00c853 !important; -} - -.bg-light-green { - background: #8bc34a !important; -} - -.bg-light-green-1 { - background: #f1f8e9 !important; -} - -.bg-light-green-2 { - background: #dcedc8 !important; -} - -.bg-light-green-3 { - background: #c5e1a5 !important; -} - -.bg-light-green-4 { - background: #aed581 !important; -} - -.bg-light-green-5 { - background: #9ccc65 !important; -} - -.bg-light-green-6 { - background: #8bc34a !important; -} - -.bg-light-green-7 { - background: #7cb342 !important; -} - -.bg-light-green-8 { - background: #689f38 !important; -} - -.bg-light-green-9 { - background: #558b2f !important; -} - -.bg-light-green-10 { - background: #33691e !important; -} - -.bg-light-green-11 { - background: #ccff90 !important; -} - -.bg-light-green-12 { - background: #b2ff59 !important; -} - -.bg-light-green-13 { - background: #76ff03 !important; -} - -.bg-light-green-14 { - background: #64dd17 !important; -} - -.bg-lime { - background: #cddc39 !important; -} - -.bg-lime-1 { - background: #f9fbe7 !important; -} - -.bg-lime-2 { - background: #f0f4c3 !important; -} - -.bg-lime-3 { - background: #e6ee9c !important; -} - -.bg-lime-4 { - background: #dce775 !important; -} - -.bg-lime-5 { - background: #d4e157 !important; -} - -.bg-lime-6 { - background: #cddc39 !important; -} - -.bg-lime-7 { - background: #c0ca33 !important; -} - -.bg-lime-8 { - background: #afb42b !important; -} - -.bg-lime-9 { - background: #9e9d24 !important; -} - -.bg-lime-10 { - background: #827717 !important; -} - -.bg-lime-11 { - background: #f4ff81 !important; -} - -.bg-lime-12 { - background: #eeff41 !important; -} - -.bg-lime-13 { - background: #c6ff00 !important; -} - -.bg-lime-14 { - background: #aeea00 !important; -} - -.bg-yellow { - background: #ffeb3b !important; -} - -.bg-yellow-1 { - background: #fffde7 !important; -} - -.bg-yellow-2 { - background: #fff9c4 !important; -} - -.bg-yellow-3 { - background: #fff59d !important; -} - -.bg-yellow-4 { - background: #fff176 !important; -} - -.bg-yellow-5 { - background: #ffee58 !important; -} - -.bg-yellow-6 { - background: #ffeb3b !important; -} - -.bg-yellow-7 { - background: #fdd835 !important; -} - -.bg-yellow-8 { - background: #fbc02d !important; -} - -.bg-yellow-9 { - background: #f9a825 !important; -} - -.bg-yellow-10 { - background: #f57f17 !important; -} - -.bg-yellow-11 { - background: #ffff8d !important; -} - -.bg-yellow-12 { - background: #ffff00 !important; -} - -.bg-yellow-13 { - background: #ffea00 !important; -} - -.bg-yellow-14 { - background: #ffd600 !important; -} - -.bg-amber { - background: #ffc107 !important; -} - -.bg-amber-1 { - background: #fff8e1 !important; -} - -.bg-amber-2 { - background: #ffecb3 !important; -} - -.bg-amber-3 { - background: #ffe082 !important; -} - -.bg-amber-4 { - background: #ffd54f !important; -} - -.bg-amber-5 { - background: #ffca28 !important; -} - -.bg-amber-6 { - background: #ffc107 !important; -} - -.bg-amber-7 { - background: #ffb300 !important; -} - -.bg-amber-8 { - background: #ffa000 !important; -} - -.bg-amber-9 { - background: #ff8f00 !important; -} - -.bg-amber-10 { - background: #ff6f00 !important; -} - -.bg-amber-11 { - background: #ffe57f !important; -} - -.bg-amber-12 { - background: #ffd740 !important; -} - -.bg-amber-13 { - background: #ffc400 !important; -} - -.bg-amber-14 { - background: #ffab00 !important; -} - -.bg-orange { - background: #ff9800 !important; -} - -.bg-orange-1 { - background: #fff3e0 !important; -} - -.bg-orange-2 { - background: #ffe0b2 !important; -} - -.bg-orange-3 { - background: #ffcc80 !important; -} - -.bg-orange-4 { - background: #ffb74d !important; -} - -.bg-orange-5 { - background: #ffa726 !important; -} - -.bg-orange-6 { - background: #ff9800 !important; -} - -.bg-orange-7 { - background: #fb8c00 !important; -} - -.bg-orange-8 { - background: #f57c00 !important; -} - -.bg-orange-9 { - background: #ef6c00 !important; -} - -.bg-orange-10 { - background: #e65100 !important; -} - -.bg-orange-11 { - background: #ffd180 !important; -} - -.bg-orange-12 { - background: #ffab40 !important; -} - -.bg-orange-13 { - background: #ff9100 !important; -} - -.bg-orange-14 { - background: #ff6d00 !important; -} - -.bg-deep-orange { - background: #ff5722 !important; -} - -.bg-deep-orange-1 { - background: #fbe9e7 !important; -} - -.bg-deep-orange-2 { - background: #ffccbc !important; -} - -.bg-deep-orange-3 { - background: #ffab91 !important; -} - -.bg-deep-orange-4 { - background: #ff8a65 !important; -} - -.bg-deep-orange-5 { - background: #ff7043 !important; -} - -.bg-deep-orange-6 { - background: #ff5722 !important; -} - -.bg-deep-orange-7 { - background: #f4511e !important; -} - -.bg-deep-orange-8 { - background: #e64a19 !important; -} - -.bg-deep-orange-9 { - background: #d84315 !important; -} - -.bg-deep-orange-10 { - background: #bf360c !important; -} - -.bg-deep-orange-11 { - background: #ff9e80 !important; -} - -.bg-deep-orange-12 { - background: #ff6e40 !important; -} - -.bg-deep-orange-13 { - background: #ff3d00 !important; -} - -.bg-deep-orange-14 { - background: #dd2c00 !important; -} - -.bg-brown { - background: #795548 !important; -} - -.bg-brown-1 { - background: #efebe9 !important; -} - -.bg-brown-2 { - background: #d7ccc8 !important; -} - -.bg-brown-3 { - background: #bcaaa4 !important; -} - -.bg-brown-4 { - background: #a1887f !important; -} - -.bg-brown-5 { - background: #8d6e63 !important; -} - -.bg-brown-6 { - background: #795548 !important; -} - -.bg-brown-7 { - background: #6d4c41 !important; -} - -.bg-brown-8 { - background: #5d4037 !important; -} - -.bg-brown-9 { - background: #4e342e !important; -} - -.bg-brown-10 { - background: #3e2723 !important; -} - -.bg-brown-11 { - background: #d7ccc8 !important; -} - -.bg-brown-12 { - background: #bcaaa4 !important; -} - -.bg-brown-13 { - background: #8d6e63 !important; -} - -.bg-brown-14 { - background: #5d4037 !important; -} - -.bg-grey { - background: #9e9e9e !important; -} - -.bg-grey-1 { - background: #fafafa !important; -} - -.bg-grey-2 { - background: #f5f5f5 !important; -} - -.bg-grey-3 { - background: #eeeeee !important; -} - -.bg-grey-4 { - background: #e0e0e0 !important; -} - -.bg-grey-5 { - background: #bdbdbd !important; -} - -.bg-grey-6 { - background: #9e9e9e !important; -} - -.bg-grey-7 { - background: #757575 !important; -} - -.bg-grey-8 { - background: #616161 !important; -} - -.bg-grey-9 { - background: #424242 !important; -} - -.bg-grey-10 { - background: #212121 !important; -} - -.bg-grey-11 { - background: #f5f5f5 !important; -} - -.bg-grey-12 { - background: #eeeeee !important; -} - -.bg-grey-13 { - background: #bdbdbd !important; -} - -.bg-grey-14 { - background: #616161 !important; -} - -.bg-blue-grey { - background: #607d8b !important; -} - -.bg-blue-grey-1 { - background: #eceff1 !important; -} - -.bg-blue-grey-2 { - background: #cfd8dc !important; -} - -.bg-blue-grey-3 { - background: #b0bec5 !important; -} - -.bg-blue-grey-4 { - background: #90a4ae !important; -} - -.bg-blue-grey-5 { - background: #78909c !important; -} - -.bg-blue-grey-6 { - background: #607d8b !important; -} - -.bg-blue-grey-7 { - background: #546e7a !important; -} - -.bg-blue-grey-8 { - background: #455a64 !important; -} - -.bg-blue-grey-9 { - background: #37474f !important; -} - -.bg-blue-grey-10 { - background: #263238 !important; -} - -.bg-blue-grey-11 { - background: #cfd8dc !important; -} - -.bg-blue-grey-12 { - background: #b0bec5 !important; -} - -.bg-blue-grey-13 { - background: #78909c !important; -} - -.bg-blue-grey-14 { - background: #455a64 !important; -} - -.shadow-transition { - transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -.shadow-1 { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); -} - -.shadow-up-1 { - box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.14), 0 -2px 1px -1px rgba(0, 0, 0, 0.12); -} - -.shadow-2 { - 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); -} - -.shadow-up-2 { - 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); -} - -.shadow-3 { - box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2), 0 3px 4px rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12); -} - -.shadow-up-3 { - box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.14), 0 -3px 3px -2px rgba(0, 0, 0, 0.12); -} - -.shadow-4 { - box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.14), 0 1px 10px rgba(0, 0, 0, 0.12); -} - -.shadow-up-4 { - box-shadow: 0 -2px 4px -1px rgba(0, 0, 0, 0.2), 0 -4px 5px rgba(0, 0, 0, 0.14), 0 -1px 10px rgba(0, 0, 0, 0.12); -} - -.shadow-5 { - 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); -} - -.shadow-up-5 { - 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); -} - -.shadow-6 { - box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12); -} - -.shadow-up-6 { - box-shadow: 0 -3px 5px -1px rgba(0, 0, 0, 0.2), 0 -6px 10px rgba(0, 0, 0, 0.14), 0 -1px 18px rgba(0, 0, 0, 0.12); -} - -.shadow-7 { - box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12); -} - -.shadow-up-7 { - box-shadow: 0 -4px 5px -2px rgba(0, 0, 0, 0.2), 0 -7px 10px 1px rgba(0, 0, 0, 0.14), 0 -2px 16px 1px rgba(0, 0, 0, 0.12); -} - -.shadow-8 { - box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.shadow-up-8 { - box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2), 0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12); -} - -.shadow-9 { - box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); -} - -.shadow-up-9 { - box-shadow: 0 -5px 6px -3px rgba(0, 0, 0, 0.2), 0 -9px 12px 1px rgba(0, 0, 0, 0.14), 0 -3px 16px 2px rgba(0, 0, 0, 0.12); -} - -.shadow-10 { - box-shadow: 0 6px 6px -3px rgba(0, 0, 0, 0.2), 0 10px 14px 1px rgba(0, 0, 0, 0.14), 0 4px 18px 3px rgba(0, 0, 0, 0.12); -} - -.shadow-up-10 { - box-shadow: 0 -6px 6px -3px rgba(0, 0, 0, 0.2), 0 -10px 14px 1px rgba(0, 0, 0, 0.14), 0 -4px 18px 3px rgba(0, 0, 0, 0.12); -} - -.shadow-11 { - box-shadow: 0 6px 7px -4px rgba(0, 0, 0, 0.2), 0 11px 15px 1px rgba(0, 0, 0, 0.14), 0 4px 20px 3px rgba(0, 0, 0, 0.12); -} - -.shadow-up-11 { - box-shadow: 0 -6px 7px -4px rgba(0, 0, 0, 0.2), 0 -11px 15px 1px rgba(0, 0, 0, 0.14), 0 -4px 20px 3px rgba(0, 0, 0, 0.12); -} - -.shadow-12 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-up-12 { - box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -12px 17px 2px rgba(0, 0, 0, 0.14), 0 -5px 22px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-13 { - box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-up-13 { - box-shadow: 0 -7px 8px -4px rgba(0, 0, 0, 0.2), 0 -13px 19px 2px rgba(0, 0, 0, 0.14), 0 -5px 24px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-14 { - box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-up-14 { - box-shadow: 0 -7px 9px -4px rgba(0, 0, 0, 0.2), 0 -14px 21px 2px rgba(0, 0, 0, 0.14), 0 -5px 26px 4px rgba(0, 0, 0, 0.12); -} - -.shadow-15 { - box-shadow: 0 8px 9px -5px rgba(0, 0, 0, 0.2), 0 15px 22px 2px rgba(0, 0, 0, 0.14), 0 6px 28px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-up-15 { - box-shadow: 0 -8px 9px -5px rgba(0, 0, 0, 0.2), 0 -15px 22px 2px rgba(0, 0, 0, 0.14), 0 -6px 28px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-16 { - box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-up-16 { - box-shadow: 0 -8px 10px -5px rgba(0, 0, 0, 0.2), 0 -16px 24px 2px rgba(0, 0, 0, 0.14), 0 -6px 30px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-17 { - box-shadow: 0 8px 11px -5px rgba(0, 0, 0, 0.2), 0 17px 26px 2px rgba(0, 0, 0, 0.14), 0 6px 32px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-up-17 { - box-shadow: 0 -8px 11px -5px rgba(0, 0, 0, 0.2), 0 -17px 26px 2px rgba(0, 0, 0, 0.14), 0 -6px 32px 5px rgba(0, 0, 0, 0.12); -} - -.shadow-18 { - box-shadow: 0 9px 11px -5px rgba(0, 0, 0, 0.2), 0 18px 28px 2px rgba(0, 0, 0, 0.14), 0 7px 34px 6px rgba(0, 0, 0, 0.12); -} - -.shadow-up-18 { - box-shadow: 0 -9px 11px -5px rgba(0, 0, 0, 0.2), 0 -18px 28px 2px rgba(0, 0, 0, 0.14), 0 -7px 34px 6px rgba(0, 0, 0, 0.12); -} - -.shadow-19 { - box-shadow: 0 9px 12px -6px rgba(0, 0, 0, 0.2), 0 19px 29px 2px rgba(0, 0, 0, 0.14), 0 7px 36px 6px rgba(0, 0, 0, 0.12); -} - -.shadow-up-19 { - box-shadow: 0 -9px 12px -6px rgba(0, 0, 0, 0.2), 0 -19px 29px 2px rgba(0, 0, 0, 0.14), 0 -7px 36px 6px rgba(0, 0, 0, 0.12); -} - -.shadow-20 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 20px 31px 3px rgba(0, 0, 0, 0.14), 0 8px 38px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-up-20 { - box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -20px 31px 3px rgba(0, 0, 0, 0.14), 0 -8px 38px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-21 { - box-shadow: 0 10px 13px -6px rgba(0, 0, 0, 0.2), 0 21px 33px 3px rgba(0, 0, 0, 0.14), 0 8px 40px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-up-21 { - box-shadow: 0 -10px 13px -6px rgba(0, 0, 0, 0.2), 0 -21px 33px 3px rgba(0, 0, 0, 0.14), 0 -8px 40px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-22 { - box-shadow: 0 10px 14px -6px rgba(0, 0, 0, 0.2), 0 22px 35px 3px rgba(0, 0, 0, 0.14), 0 8px 42px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-up-22 { - box-shadow: 0 -10px 14px -6px rgba(0, 0, 0, 0.2), 0 -22px 35px 3px rgba(0, 0, 0, 0.14), 0 -8px 42px 7px rgba(0, 0, 0, 0.12); -} - -.shadow-23 { - box-shadow: 0 11px 14px -7px rgba(0, 0, 0, 0.2), 0 23px 36px 3px rgba(0, 0, 0, 0.14), 0 9px 44px 8px rgba(0, 0, 0, 0.12); -} - -.shadow-up-23 { - box-shadow: 0 -11px 14px -7px rgba(0, 0, 0, 0.2), 0 -23px 36px 3px rgba(0, 0, 0, 0.14), 0 -9px 44px 8px rgba(0, 0, 0, 0.12); -} - -.shadow-24 { - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); -} - -.shadow-up-24 { - box-shadow: 0 -11px 15px -7px rgba(0, 0, 0, 0.2), 0 -24px 38px 3px rgba(0, 0, 0, 0.14), 0 -9px 46px 8px rgba(0, 0, 0, 0.12); -} - -.no-shadow, .shadow-0 { - box-shadow: none !important; -} - -.inset-shadow { - box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; -} - -.inset-shadow-down { - box-shadow: 0 -7px 9px -7px rgba(0, 0, 0, 0.7) inset !important; -} - -.z-marginals { - z-index: 2000; -} - -.z-notify { - z-index: 9500; -} - -.z-fullscreen { - z-index: 6000; -} - -.z-inherit { - z-index: inherit !important; -} - -.row, .column, .flex { - display: flex; - flex-wrap: wrap; -} -.row.inline, .column.inline, .flex.inline { - display: inline-flex; -} - -.row.reverse { - flex-direction: row-reverse; -} - -.column { - flex-direction: column; -} -.column.reverse { - flex-direction: column-reverse; -} - -.wrap { - flex-wrap: wrap; -} - -.no-wrap { - flex-wrap: nowrap; -} - -.reverse-wrap { - flex-wrap: wrap-reverse; -} - -.order-first { - order: -10000; -} -.order-last { - order: 10000; -} -.order-none { - order: 0; -} - -.justify-start { - justify-content: flex-start; -} -.justify-end { - justify-content: flex-end; -} -.justify-center, .flex-center { - justify-content: center; -} -.justify-between { - justify-content: space-between; -} -.justify-around { - justify-content: space-around; -} -.justify-evenly { - justify-content: space-evenly; -} - -.items-start { - align-items: flex-start; -} -.items-end { - align-items: flex-end; -} -.items-center, .flex-center { - align-items: center; -} -.items-baseline { - align-items: baseline; -} -.items-stretch { - align-items: stretch; -} - -.content-start { - align-content: flex-start; -} -.content-end { - align-content: flex-end; -} -.content-center { - align-content: center; -} -.content-stretch { - align-content: stretch; -} -.content-between { - align-content: space-between; -} -.content-around { - align-content: space-around; -} - -.self-start { - align-self: flex-start; -} -.self-end { - align-self: flex-end; -} -.self-center { - align-self: center; -} -.self-baseline { - align-self: baseline; -} -.self-stretch { - align-self: stretch; -} - -.q-gutter-x-none, .q-gutter-none { - margin-left: 0; -} -.q-gutter-x-none > *, .q-gutter-none > * { - margin-left: 0; -} -.q-gutter-y-none, .q-gutter-none { - margin-top: 0; -} -.q-gutter-y-none > *, .q-gutter-none > * { - margin-top: 0; -} -.q-col-gutter-x-none, .q-col-gutter-none { - margin-left: 0; -} -.q-col-gutter-x-none > *, .q-col-gutter-none > * { - padding-left: 0; -} -.q-col-gutter-y-none, .q-col-gutter-none { - margin-top: 0; -} -.q-col-gutter-y-none > *, .q-col-gutter-none > * { - padding-top: 0; -} -.q-gutter-x-xs, .q-gutter-xs { - margin-left: -4px; -} -.q-gutter-x-xs > *, .q-gutter-xs > * { - margin-left: 4px; -} -.q-gutter-y-xs, .q-gutter-xs { - margin-top: -4px; -} -.q-gutter-y-xs > *, .q-gutter-xs > * { - margin-top: 4px; -} -.q-col-gutter-x-xs, .q-col-gutter-xs { - margin-left: -4px; -} -.q-col-gutter-x-xs > *, .q-col-gutter-xs > * { - padding-left: 4px; -} -.q-col-gutter-y-xs, .q-col-gutter-xs { - margin-top: -4px; -} -.q-col-gutter-y-xs > *, .q-col-gutter-xs > * { - padding-top: 4px; -} -.q-gutter-x-sm, .q-gutter-sm { - margin-left: -8px; -} -.q-gutter-x-sm > *, .q-gutter-sm > * { - margin-left: 8px; -} -.q-gutter-y-sm, .q-gutter-sm { - margin-top: -8px; -} -.q-gutter-y-sm > *, .q-gutter-sm > * { - margin-top: 8px; -} -.q-col-gutter-x-sm, .q-col-gutter-sm { - margin-left: -8px; -} -.q-col-gutter-x-sm > *, .q-col-gutter-sm > * { - padding-left: 8px; -} -.q-col-gutter-y-sm, .q-col-gutter-sm { - margin-top: -8px; -} -.q-col-gutter-y-sm > *, .q-col-gutter-sm > * { - padding-top: 8px; -} -.q-gutter-x-md, .q-gutter-md { - margin-left: -16px; -} -.q-gutter-x-md > *, .q-gutter-md > * { - margin-left: 16px; -} -.q-gutter-y-md, .q-gutter-md { - margin-top: -16px; -} -.q-gutter-y-md > *, .q-gutter-md > * { - margin-top: 16px; -} -.q-col-gutter-x-md, .q-col-gutter-md { - margin-left: -16px; -} -.q-col-gutter-x-md > *, .q-col-gutter-md > * { - padding-left: 16px; -} -.q-col-gutter-y-md, .q-col-gutter-md { - margin-top: -16px; -} -.q-col-gutter-y-md > *, .q-col-gutter-md > * { - padding-top: 16px; -} -.q-gutter-x-lg, .q-gutter-lg { - margin-left: -24px; -} -.q-gutter-x-lg > *, .q-gutter-lg > * { - margin-left: 24px; -} -.q-gutter-y-lg, .q-gutter-lg { - margin-top: -24px; -} -.q-gutter-y-lg > *, .q-gutter-lg > * { - margin-top: 24px; -} -.q-col-gutter-x-lg, .q-col-gutter-lg { - margin-left: -24px; -} -.q-col-gutter-x-lg > *, .q-col-gutter-lg > * { - padding-left: 24px; -} -.q-col-gutter-y-lg, .q-col-gutter-lg { - margin-top: -24px; -} -.q-col-gutter-y-lg > *, .q-col-gutter-lg > * { - padding-top: 24px; -} -.q-gutter-x-xl, .q-gutter-xl { - margin-left: -48px; -} -.q-gutter-x-xl > *, .q-gutter-xl > * { - margin-left: 48px; -} -.q-gutter-y-xl, .q-gutter-xl { - margin-top: -48px; -} -.q-gutter-y-xl > *, .q-gutter-xl > * { - margin-top: 48px; -} -.q-col-gutter-x-xl, .q-col-gutter-xl { - margin-left: -48px; -} -.q-col-gutter-x-xl > *, .q-col-gutter-xl > * { - padding-left: 48px; -} -.q-col-gutter-y-xl, .q-col-gutter-xl { - margin-top: -48px; -} -.q-col-gutter-y-xl > *, .q-col-gutter-xl > * { - padding-top: 48px; -} -@media (min-width: 0) { - .row > .col, .flex > .col, .row > .col-auto, .flex > .col-auto, .row > .col-grow, .flex > .col-grow, .row > .col-shrink, .flex > .col-shrink, .row > .col-xs, .flex > .col-xs, .row > .col-xs-auto, .row > .col-12, .row > .col-xs-12, .row > .col-11, .row > .col-xs-11, .row > .col-10, .row > .col-xs-10, .row > .col-9, .row > .col-xs-9, .row > .col-8, .row > .col-xs-8, .row > .col-7, .row > .col-xs-7, .row > .col-6, .row > .col-xs-6, .row > .col-5, .row > .col-xs-5, .row > .col-4, .row > .col-xs-4, .row > .col-3, .row > .col-xs-3, .row > .col-2, .row > .col-xs-2, .row > .col-1, .row > .col-xs-1, .row > .col-0, .row > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .row > .col-xs-grow, .flex > .col-xs-grow, .row > .col-xs-shrink, .flex > .col-xs-shrink { - width: auto; - min-width: 0; - max-width: 100%; - } - .column > .col, .flex > .col, .column > .col-auto, .flex > .col-auto, .column > .col-grow, .flex > .col-grow, .column > .col-shrink, .flex > .col-shrink, .column > .col-xs, .flex > .col-xs, .column > .col-xs-auto, .column > .col-12, .column > .col-xs-12, .column > .col-11, .column > .col-xs-11, .column > .col-10, .column > .col-xs-10, .column > .col-9, .column > .col-xs-9, .column > .col-8, .column > .col-xs-8, .column > .col-7, .column > .col-xs-7, .column > .col-6, .column > .col-xs-6, .column > .col-5, .column > .col-xs-5, .column > .col-4, .column > .col-xs-4, .column > .col-3, .column > .col-xs-3, .column > .col-2, .column > .col-xs-2, .column > .col-1, .column > .col-xs-1, .column > .col-0, .column > .col-xs-0, .flex > .col-xs-auto, .flex > .col-12, .flex > .col-xs-12, .flex > .col-11, .flex > .col-xs-11, .flex > .col-10, .flex > .col-xs-10, .flex > .col-9, .flex > .col-xs-9, .flex > .col-8, .flex > .col-xs-8, .flex > .col-7, .flex > .col-xs-7, .flex > .col-6, .flex > .col-xs-6, .flex > .col-5, .flex > .col-xs-5, .flex > .col-4, .flex > .col-xs-4, .flex > .col-3, .flex > .col-xs-3, .flex > .col-2, .flex > .col-xs-2, .flex > .col-1, .flex > .col-xs-1, .flex > .col-0, .flex > .col-xs-0, .column > .col-xs-grow, .flex > .col-xs-grow, .column > .col-xs-shrink, .flex > .col-xs-shrink { - height: auto; - min-height: 0; - max-height: 100%; - } - .col, .col-xs { - flex: 10000 1 0%; - } - .col-auto, .col-xs-auto, .col-12, .col-xs-12, .col-11, .col-xs-11, .col-10, .col-xs-10, .col-9, .col-xs-9, .col-8, .col-xs-8, .col-7, .col-xs-7, .col-6, .col-xs-6, .col-5, .col-xs-5, .col-4, .col-xs-4, .col-3, .col-xs-3, .col-2, .col-xs-2, .col-1, .col-xs-1, .col-0, .col-xs-0 { - flex: 0 0 auto; - } - .col-grow, .col-xs-grow { - flex: 1 0 auto; - } - .col-shrink, .col-xs-shrink { - flex: 0 1 auto; - } - - .row > .col-0, .row > .col-xs-0 { - height: auto; - width: 0%; - } - .row > .offset-0, .row > .offset-xs-0 { - margin-left: 0%; - } - - .column > .col-0, .column > .col-xs-0 { - height: 0%; - width: auto; - } - - .row > .col-1, .row > .col-xs-1 { - height: auto; - width: 8.3333%; - } - .row > .offset-1, .row > .offset-xs-1 { - margin-left: 8.3333%; - } - - .column > .col-1, .column > .col-xs-1 { - height: 8.3333%; - width: auto; - } - - .row > .col-2, .row > .col-xs-2 { - height: auto; - width: 16.6667%; - } - .row > .offset-2, .row > .offset-xs-2 { - margin-left: 16.6667%; - } - - .column > .col-2, .column > .col-xs-2 { - height: 16.6667%; - width: auto; - } - - .row > .col-3, .row > .col-xs-3 { - height: auto; - width: 25%; - } - .row > .offset-3, .row > .offset-xs-3 { - margin-left: 25%; - } - - .column > .col-3, .column > .col-xs-3 { - height: 25%; - width: auto; - } - - .row > .col-4, .row > .col-xs-4 { - height: auto; - width: 33.3333%; - } - .row > .offset-4, .row > .offset-xs-4 { - margin-left: 33.3333%; - } - - .column > .col-4, .column > .col-xs-4 { - height: 33.3333%; - width: auto; - } - - .row > .col-5, .row > .col-xs-5 { - height: auto; - width: 41.6667%; - } - .row > .offset-5, .row > .offset-xs-5 { - margin-left: 41.6667%; - } - - .column > .col-5, .column > .col-xs-5 { - height: 41.6667%; - width: auto; - } - - .row > .col-6, .row > .col-xs-6 { - height: auto; - width: 50%; - } - .row > .offset-6, .row > .offset-xs-6 { - margin-left: 50%; - } - - .column > .col-6, .column > .col-xs-6 { - height: 50%; - width: auto; - } - - .row > .col-7, .row > .col-xs-7 { - height: auto; - width: 58.3333%; - } - .row > .offset-7, .row > .offset-xs-7 { - margin-left: 58.3333%; - } - - .column > .col-7, .column > .col-xs-7 { - height: 58.3333%; - width: auto; - } - - .row > .col-8, .row > .col-xs-8 { - height: auto; - width: 66.6667%; - } - .row > .offset-8, .row > .offset-xs-8 { - margin-left: 66.6667%; - } - - .column > .col-8, .column > .col-xs-8 { - height: 66.6667%; - width: auto; - } - - .row > .col-9, .row > .col-xs-9 { - height: auto; - width: 75%; - } - .row > .offset-9, .row > .offset-xs-9 { - margin-left: 75%; - } - - .column > .col-9, .column > .col-xs-9 { - height: 75%; - width: auto; - } - - .row > .col-10, .row > .col-xs-10 { - height: auto; - width: 83.3333%; - } - .row > .offset-10, .row > .offset-xs-10 { - margin-left: 83.3333%; - } - - .column > .col-10, .column > .col-xs-10 { - height: 83.3333%; - width: auto; - } - - .row > .col-11, .row > .col-xs-11 { - height: auto; - width: 91.6667%; - } - .row > .offset-11, .row > .offset-xs-11 { - margin-left: 91.6667%; - } - - .column > .col-11, .column > .col-xs-11 { - height: 91.6667%; - width: auto; - } - - .row > .col-12, .row > .col-xs-12 { - height: auto; - width: 100%; - } - .row > .offset-12, .row > .offset-xs-12 { - margin-left: 100%; - } - - .column > .col-12, .column > .col-xs-12 { - height: 100%; - width: auto; - } - - .row > .col-all { - height: auto; - flex: 0 0 100%; - } -} -@media (min-width: 600px) { - .row > .col-sm, .flex > .col-sm, .row > .col-sm-auto, .row > .col-sm-12, .row > .col-sm-11, .row > .col-sm-10, .row > .col-sm-9, .row > .col-sm-8, .row > .col-sm-7, .row > .col-sm-6, .row > .col-sm-5, .row > .col-sm-4, .row > .col-sm-3, .row > .col-sm-2, .row > .col-sm-1, .row > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .row > .col-sm-grow, .flex > .col-sm-grow, .row > .col-sm-shrink, .flex > .col-sm-shrink { - width: auto; - min-width: 0; - max-width: 100%; - } - .column > .col-sm, .flex > .col-sm, .column > .col-sm-auto, .column > .col-sm-12, .column > .col-sm-11, .column > .col-sm-10, .column > .col-sm-9, .column > .col-sm-8, .column > .col-sm-7, .column > .col-sm-6, .column > .col-sm-5, .column > .col-sm-4, .column > .col-sm-3, .column > .col-sm-2, .column > .col-sm-1, .column > .col-sm-0, .flex > .col-sm-auto, .flex > .col-sm-12, .flex > .col-sm-11, .flex > .col-sm-10, .flex > .col-sm-9, .flex > .col-sm-8, .flex > .col-sm-7, .flex > .col-sm-6, .flex > .col-sm-5, .flex > .col-sm-4, .flex > .col-sm-3, .flex > .col-sm-2, .flex > .col-sm-1, .flex > .col-sm-0, .column > .col-sm-grow, .flex > .col-sm-grow, .column > .col-sm-shrink, .flex > .col-sm-shrink { - height: auto; - min-height: 0; - max-height: 100%; - } - .col-sm { - flex: 10000 1 0%; - } - .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-sm-0 { - flex: 0 0 auto; - } - .col-sm-grow { - flex: 1 0 auto; - } - .col-sm-shrink { - flex: 0 1 auto; - } - - .row > .col-sm-0 { - height: auto; - width: 0%; - } - .row > .offset-sm-0 { - margin-left: 0%; - } - - .column > .col-sm-0 { - height: 0%; - width: auto; - } - - .row > .col-sm-1 { - height: auto; - width: 8.3333%; - } - .row > .offset-sm-1 { - margin-left: 8.3333%; - } - - .column > .col-sm-1 { - height: 8.3333%; - width: auto; - } - - .row > .col-sm-2 { - height: auto; - width: 16.6667%; - } - .row > .offset-sm-2 { - margin-left: 16.6667%; - } - - .column > .col-sm-2 { - height: 16.6667%; - width: auto; - } - - .row > .col-sm-3 { - height: auto; - width: 25%; - } - .row > .offset-sm-3 { - margin-left: 25%; - } - - .column > .col-sm-3 { - height: 25%; - width: auto; - } - - .row > .col-sm-4 { - height: auto; - width: 33.3333%; - } - .row > .offset-sm-4 { - margin-left: 33.3333%; - } - - .column > .col-sm-4 { - height: 33.3333%; - width: auto; - } - - .row > .col-sm-5 { - height: auto; - width: 41.6667%; - } - .row > .offset-sm-5 { - margin-left: 41.6667%; - } - - .column > .col-sm-5 { - height: 41.6667%; - width: auto; - } - - .row > .col-sm-6 { - height: auto; - width: 50%; - } - .row > .offset-sm-6 { - margin-left: 50%; - } - - .column > .col-sm-6 { - height: 50%; - width: auto; - } - - .row > .col-sm-7 { - height: auto; - width: 58.3333%; - } - .row > .offset-sm-7 { - margin-left: 58.3333%; - } - - .column > .col-sm-7 { - height: 58.3333%; - width: auto; - } - - .row > .col-sm-8 { - height: auto; - width: 66.6667%; - } - .row > .offset-sm-8 { - margin-left: 66.6667%; - } - - .column > .col-sm-8 { - height: 66.6667%; - width: auto; - } - - .row > .col-sm-9 { - height: auto; - width: 75%; - } - .row > .offset-sm-9 { - margin-left: 75%; - } - - .column > .col-sm-9 { - height: 75%; - width: auto; - } - - .row > .col-sm-10 { - height: auto; - width: 83.3333%; - } - .row > .offset-sm-10 { - margin-left: 83.3333%; - } - - .column > .col-sm-10 { - height: 83.3333%; - width: auto; - } - - .row > .col-sm-11 { - height: auto; - width: 91.6667%; - } - .row > .offset-sm-11 { - margin-left: 91.6667%; - } - - .column > .col-sm-11 { - height: 91.6667%; - width: auto; - } - - .row > .col-sm-12 { - height: auto; - width: 100%; - } - .row > .offset-sm-12 { - margin-left: 100%; - } - - .column > .col-sm-12 { - height: 100%; - width: auto; - } -} -@media (min-width: 1024px) { - .row > .col-md, .flex > .col-md, .row > .col-md-auto, .row > .col-md-12, .row > .col-md-11, .row > .col-md-10, .row > .col-md-9, .row > .col-md-8, .row > .col-md-7, .row > .col-md-6, .row > .col-md-5, .row > .col-md-4, .row > .col-md-3, .row > .col-md-2, .row > .col-md-1, .row > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .row > .col-md-grow, .flex > .col-md-grow, .row > .col-md-shrink, .flex > .col-md-shrink { - width: auto; - min-width: 0; - max-width: 100%; - } - .column > .col-md, .flex > .col-md, .column > .col-md-auto, .column > .col-md-12, .column > .col-md-11, .column > .col-md-10, .column > .col-md-9, .column > .col-md-8, .column > .col-md-7, .column > .col-md-6, .column > .col-md-5, .column > .col-md-4, .column > .col-md-3, .column > .col-md-2, .column > .col-md-1, .column > .col-md-0, .flex > .col-md-auto, .flex > .col-md-12, .flex > .col-md-11, .flex > .col-md-10, .flex > .col-md-9, .flex > .col-md-8, .flex > .col-md-7, .flex > .col-md-6, .flex > .col-md-5, .flex > .col-md-4, .flex > .col-md-3, .flex > .col-md-2, .flex > .col-md-1, .flex > .col-md-0, .column > .col-md-grow, .flex > .col-md-grow, .column > .col-md-shrink, .flex > .col-md-shrink { - height: auto; - min-height: 0; - max-height: 100%; - } - .col-md { - flex: 10000 1 0%; - } - .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-md-0 { - flex: 0 0 auto; - } - .col-md-grow { - flex: 1 0 auto; - } - .col-md-shrink { - flex: 0 1 auto; - } - - .row > .col-md-0 { - height: auto; - width: 0%; - } - .row > .offset-md-0 { - margin-left: 0%; - } - - .column > .col-md-0 { - height: 0%; - width: auto; - } - - .row > .col-md-1 { - height: auto; - width: 8.3333%; - } - .row > .offset-md-1 { - margin-left: 8.3333%; - } - - .column > .col-md-1 { - height: 8.3333%; - width: auto; - } - - .row > .col-md-2 { - height: auto; - width: 16.6667%; - } - .row > .offset-md-2 { - margin-left: 16.6667%; - } - - .column > .col-md-2 { - height: 16.6667%; - width: auto; - } - - .row > .col-md-3 { - height: auto; - width: 25%; - } - .row > .offset-md-3 { - margin-left: 25%; - } - - .column > .col-md-3 { - height: 25%; - width: auto; - } - - .row > .col-md-4 { - height: auto; - width: 33.3333%; - } - .row > .offset-md-4 { - margin-left: 33.3333%; - } - - .column > .col-md-4 { - height: 33.3333%; - width: auto; - } - - .row > .col-md-5 { - height: auto; - width: 41.6667%; - } - .row > .offset-md-5 { - margin-left: 41.6667%; - } - - .column > .col-md-5 { - height: 41.6667%; - width: auto; - } - - .row > .col-md-6 { - height: auto; - width: 50%; - } - .row > .offset-md-6 { - margin-left: 50%; - } - - .column > .col-md-6 { - height: 50%; - width: auto; - } - - .row > .col-md-7 { - height: auto; - width: 58.3333%; - } - .row > .offset-md-7 { - margin-left: 58.3333%; - } - - .column > .col-md-7 { - height: 58.3333%; - width: auto; - } - - .row > .col-md-8 { - height: auto; - width: 66.6667%; - } - .row > .offset-md-8 { - margin-left: 66.6667%; - } - - .column > .col-md-8 { - height: 66.6667%; - width: auto; - } - - .row > .col-md-9 { - height: auto; - width: 75%; - } - .row > .offset-md-9 { - margin-left: 75%; - } - - .column > .col-md-9 { - height: 75%; - width: auto; - } - - .row > .col-md-10 { - height: auto; - width: 83.3333%; - } - .row > .offset-md-10 { - margin-left: 83.3333%; - } - - .column > .col-md-10 { - height: 83.3333%; - width: auto; - } - - .row > .col-md-11 { - height: auto; - width: 91.6667%; - } - .row > .offset-md-11 { - margin-left: 91.6667%; - } - - .column > .col-md-11 { - height: 91.6667%; - width: auto; - } - - .row > .col-md-12 { - height: auto; - width: 100%; - } - .row > .offset-md-12 { - margin-left: 100%; - } - - .column > .col-md-12 { - height: 100%; - width: auto; - } -} -@media (min-width: 1440px) { - .row > .col-lg, .flex > .col-lg, .row > .col-lg-auto, .row > .col-lg-12, .row > .col-lg-11, .row > .col-lg-10, .row > .col-lg-9, .row > .col-lg-8, .row > .col-lg-7, .row > .col-lg-6, .row > .col-lg-5, .row > .col-lg-4, .row > .col-lg-3, .row > .col-lg-2, .row > .col-lg-1, .row > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .row > .col-lg-grow, .flex > .col-lg-grow, .row > .col-lg-shrink, .flex > .col-lg-shrink { - width: auto; - min-width: 0; - max-width: 100%; - } - .column > .col-lg, .flex > .col-lg, .column > .col-lg-auto, .column > .col-lg-12, .column > .col-lg-11, .column > .col-lg-10, .column > .col-lg-9, .column > .col-lg-8, .column > .col-lg-7, .column > .col-lg-6, .column > .col-lg-5, .column > .col-lg-4, .column > .col-lg-3, .column > .col-lg-2, .column > .col-lg-1, .column > .col-lg-0, .flex > .col-lg-auto, .flex > .col-lg-12, .flex > .col-lg-11, .flex > .col-lg-10, .flex > .col-lg-9, .flex > .col-lg-8, .flex > .col-lg-7, .flex > .col-lg-6, .flex > .col-lg-5, .flex > .col-lg-4, .flex > .col-lg-3, .flex > .col-lg-2, .flex > .col-lg-1, .flex > .col-lg-0, .column > .col-lg-grow, .flex > .col-lg-grow, .column > .col-lg-shrink, .flex > .col-lg-shrink { - height: auto; - min-height: 0; - max-height: 100%; - } - .col-lg { - flex: 10000 1 0%; - } - .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-lg-0 { - flex: 0 0 auto; - } - .col-lg-grow { - flex: 1 0 auto; - } - .col-lg-shrink { - flex: 0 1 auto; - } - - .row > .col-lg-0 { - height: auto; - width: 0%; - } - .row > .offset-lg-0 { - margin-left: 0%; - } - - .column > .col-lg-0 { - height: 0%; - width: auto; - } - - .row > .col-lg-1 { - height: auto; - width: 8.3333%; - } - .row > .offset-lg-1 { - margin-left: 8.3333%; - } - - .column > .col-lg-1 { - height: 8.3333%; - width: auto; - } - - .row > .col-lg-2 { - height: auto; - width: 16.6667%; - } - .row > .offset-lg-2 { - margin-left: 16.6667%; - } - - .column > .col-lg-2 { - height: 16.6667%; - width: auto; - } - - .row > .col-lg-3 { - height: auto; - width: 25%; - } - .row > .offset-lg-3 { - margin-left: 25%; - } - - .column > .col-lg-3 { - height: 25%; - width: auto; - } - - .row > .col-lg-4 { - height: auto; - width: 33.3333%; - } - .row > .offset-lg-4 { - margin-left: 33.3333%; - } - - .column > .col-lg-4 { - height: 33.3333%; - width: auto; - } - - .row > .col-lg-5 { - height: auto; - width: 41.6667%; - } - .row > .offset-lg-5 { - margin-left: 41.6667%; - } - - .column > .col-lg-5 { - height: 41.6667%; - width: auto; - } - - .row > .col-lg-6 { - height: auto; - width: 50%; - } - .row > .offset-lg-6 { - margin-left: 50%; - } - - .column > .col-lg-6 { - height: 50%; - width: auto; - } - - .row > .col-lg-7 { - height: auto; - width: 58.3333%; - } - .row > .offset-lg-7 { - margin-left: 58.3333%; - } - - .column > .col-lg-7 { - height: 58.3333%; - width: auto; - } - - .row > .col-lg-8 { - height: auto; - width: 66.6667%; - } - .row > .offset-lg-8 { - margin-left: 66.6667%; - } - - .column > .col-lg-8 { - height: 66.6667%; - width: auto; - } - - .row > .col-lg-9 { - height: auto; - width: 75%; - } - .row > .offset-lg-9 { - margin-left: 75%; - } - - .column > .col-lg-9 { - height: 75%; - width: auto; - } - - .row > .col-lg-10 { - height: auto; - width: 83.3333%; - } - .row > .offset-lg-10 { - margin-left: 83.3333%; - } - - .column > .col-lg-10 { - height: 83.3333%; - width: auto; - } - - .row > .col-lg-11 { - height: auto; - width: 91.6667%; - } - .row > .offset-lg-11 { - margin-left: 91.6667%; - } - - .column > .col-lg-11 { - height: 91.6667%; - width: auto; - } - - .row > .col-lg-12 { - height: auto; - width: 100%; - } - .row > .offset-lg-12 { - margin-left: 100%; - } - - .column > .col-lg-12 { - height: 100%; - width: auto; - } -} -@media (min-width: 1920px) { - .row > .col-xl, .flex > .col-xl, .row > .col-xl-auto, .row > .col-xl-12, .row > .col-xl-11, .row > .col-xl-10, .row > .col-xl-9, .row > .col-xl-8, .row > .col-xl-7, .row > .col-xl-6, .row > .col-xl-5, .row > .col-xl-4, .row > .col-xl-3, .row > .col-xl-2, .row > .col-xl-1, .row > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .row > .col-xl-grow, .flex > .col-xl-grow, .row > .col-xl-shrink, .flex > .col-xl-shrink { - width: auto; - min-width: 0; - max-width: 100%; - } - .column > .col-xl, .flex > .col-xl, .column > .col-xl-auto, .column > .col-xl-12, .column > .col-xl-11, .column > .col-xl-10, .column > .col-xl-9, .column > .col-xl-8, .column > .col-xl-7, .column > .col-xl-6, .column > .col-xl-5, .column > .col-xl-4, .column > .col-xl-3, .column > .col-xl-2, .column > .col-xl-1, .column > .col-xl-0, .flex > .col-xl-auto, .flex > .col-xl-12, .flex > .col-xl-11, .flex > .col-xl-10, .flex > .col-xl-9, .flex > .col-xl-8, .flex > .col-xl-7, .flex > .col-xl-6, .flex > .col-xl-5, .flex > .col-xl-4, .flex > .col-xl-3, .flex > .col-xl-2, .flex > .col-xl-1, .flex > .col-xl-0, .column > .col-xl-grow, .flex > .col-xl-grow, .column > .col-xl-shrink, .flex > .col-xl-shrink { - height: auto; - min-height: 0; - max-height: 100%; - } - .col-xl { - flex: 10000 1 0%; - } - .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-xl-0 { - flex: 0 0 auto; - } - .col-xl-grow { - flex: 1 0 auto; - } - .col-xl-shrink { - flex: 0 1 auto; - } - - .row > .col-xl-0 { - height: auto; - width: 0%; - } - .row > .offset-xl-0 { - margin-left: 0%; - } - - .column > .col-xl-0 { - height: 0%; - width: auto; - } - - .row > .col-xl-1 { - height: auto; - width: 8.3333%; - } - .row > .offset-xl-1 { - margin-left: 8.3333%; - } - - .column > .col-xl-1 { - height: 8.3333%; - width: auto; - } - - .row > .col-xl-2 { - height: auto; - width: 16.6667%; - } - .row > .offset-xl-2 { - margin-left: 16.6667%; - } - - .column > .col-xl-2 { - height: 16.6667%; - width: auto; - } - - .row > .col-xl-3 { - height: auto; - width: 25%; - } - .row > .offset-xl-3 { - margin-left: 25%; - } - - .column > .col-xl-3 { - height: 25%; - width: auto; - } - - .row > .col-xl-4 { - height: auto; - width: 33.3333%; - } - .row > .offset-xl-4 { - margin-left: 33.3333%; - } - - .column > .col-xl-4 { - height: 33.3333%; - width: auto; - } - - .row > .col-xl-5 { - height: auto; - width: 41.6667%; - } - .row > .offset-xl-5 { - margin-left: 41.6667%; - } - - .column > .col-xl-5 { - height: 41.6667%; - width: auto; - } - - .row > .col-xl-6 { - height: auto; - width: 50%; - } - .row > .offset-xl-6 { - margin-left: 50%; - } - - .column > .col-xl-6 { - height: 50%; - width: auto; - } - - .row > .col-xl-7 { - height: auto; - width: 58.3333%; - } - .row > .offset-xl-7 { - margin-left: 58.3333%; - } - - .column > .col-xl-7 { - height: 58.3333%; - width: auto; - } - - .row > .col-xl-8 { - height: auto; - width: 66.6667%; - } - .row > .offset-xl-8 { - margin-left: 66.6667%; - } - - .column > .col-xl-8 { - height: 66.6667%; - width: auto; - } - - .row > .col-xl-9 { - height: auto; - width: 75%; - } - .row > .offset-xl-9 { - margin-left: 75%; - } - - .column > .col-xl-9 { - height: 75%; - width: auto; - } - - .row > .col-xl-10 { - height: auto; - width: 83.3333%; - } - .row > .offset-xl-10 { - margin-left: 83.3333%; - } - - .column > .col-xl-10 { - height: 83.3333%; - width: auto; - } - - .row > .col-xl-11 { - height: auto; - width: 91.6667%; - } - .row > .offset-xl-11 { - margin-left: 91.6667%; - } - - .column > .col-xl-11 { - height: 91.6667%; - width: auto; - } - - .row > .col-xl-12 { - height: auto; - width: 100%; - } - .row > .offset-xl-12 { - margin-left: 100%; - } - - .column > .col-xl-12 { - height: 100%; - width: auto; - } -} -.rounded-borders { - border-radius: 4px; -} - -.border-radius-inherit { - border-radius: inherit; -} - -.no-transition { - transition: none !important; -} - -.transition-0 { - transition: 0s !important; -} - -.glossy { - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important; -} -.q-placeholder::placeholder { - color: inherit; - opacity: 0.7; -} - -/* body */ -.q-body--fullscreen-mixin, .q-body--prevent-scroll { - position: fixed !important; -} - -.q-body--force-scrollbar-x { - overflow-x: scroll; -} - -.q-body--force-scrollbar-y { - overflow-y: scroll; -} - -.q-no-input-spinner { - -moz-appearance: textfield !important; -} -.q-no-input-spinner::-webkit-outer-spin-button, .q-no-input-spinner::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; -} - -.q-link { - outline: 0; - text-decoration: none; -} -.q-link--focusable:focus-visible { - -webkit-text-decoration: underline dashed currentColor 1px; - text-decoration: underline dashed currentColor 1px; -} - -body.electron .q-electron-drag { - -webkit-user-select: none; - -webkit-app-region: drag; -} -body.electron .q-electron-drag .q-btn-item, body.electron .q-electron-drag--exception { - -webkit-app-region: no-drag; -} - -img.responsive { - max-width: 100%; - height: auto; -} - -.non-selectable { - -webkit-user-select: none !important; - user-select: none !important; -} - -.scroll { - overflow: auto; -} - -.scroll, .scroll-x, .scroll-y { - -webkit-overflow-scrolling: touch; - will-change: scroll-position; -} - -.scroll-x { - overflow-x: auto; -} - -.scroll-y { - overflow-y: auto; -} - -.no-scroll { - overflow: hidden !important; -} - -.no-pointer-events, -.no-pointer-events--children, -.no-pointer-events--children * { - pointer-events: none !important; -} - -.all-pointer-events { - pointer-events: all !important; -} - -.cursor-pointer { - cursor: pointer !important; -} -.cursor-not-allowed { - cursor: not-allowed !important; -} -.cursor-inherit { - cursor: inherit !important; -} -.cursor-none { - cursor: none !important; -} - -[aria-busy=true] { - cursor: progress; -} - -[aria-controls] { - cursor: pointer; -} - -[aria-disabled] { - cursor: default; -} - -.rotate-45 { - transform: rotate(45deg) /* rtl:ignore */; -} - -.rotate-90 { - transform: rotate(90deg) /* rtl:ignore */; -} - -.rotate-135 { - transform: rotate(135deg) /* rtl:ignore */; -} - -.rotate-180 { - transform: rotate(180deg) /* rtl:ignore */; -} - -.rotate-225 { - transform: rotate(225deg) /* rtl:ignore */; -} - -.rotate-270 { - transform: rotate(270deg) /* rtl:ignore */; -} - -.rotate-315 { - transform: rotate(315deg) /* rtl:ignore */; -} - -.flip-horizontal { - transform: scaleX(-1); -} - -.flip-vertical { - transform: scaleY(-1); -} - -.float-left { - float: left; -} - -.float-right { - float: right; -} - -.relative-position { - position: relative; -} - -.fixed, -.fixed-full, -.fullscreen, -.fixed-center, -.fixed-bottom, -.fixed-left, -.fixed-right, -.fixed-top, -.fixed-top-left, -.fixed-top-right, -.fixed-bottom-left, -.fixed-bottom-right { - position: fixed; -} - -.absolute, -.absolute-full, -.absolute-center, -.absolute-bottom, -.absolute-left, -.absolute-right, -.absolute-top, -.absolute-top-left, -.absolute-top-right, -.absolute-bottom-left, -.absolute-bottom-right { - position: absolute; -} - -.fixed-top, .absolute-top { - top: 0; - left: 0; - right: 0; -} - -.fixed-right, .absolute-right { - top: 0; - right: 0; - bottom: 0; -} - -.fixed-bottom, .absolute-bottom { - right: 0; - bottom: 0; - left: 0; -} - -.fixed-left, .absolute-left { - top: 0; - bottom: 0; - left: 0; -} - -.fixed-top-left, .absolute-top-left { - top: 0; - left: 0; -} - -.fixed-top-right, .absolute-top-right { - top: 0; - right: 0; -} - -.fixed-bottom-left, .absolute-bottom-left { - bottom: 0; - left: 0; -} - -.fixed-bottom-right, .absolute-bottom-right { - bottom: 0; - right: 0; -} - -.fullscreen { - z-index: 6000; - border-radius: 0 !important; - max-width: 100vw; - max-height: 100vh; -} - -body.q-ios-padding .fullscreen { - padding-top: 20px !important; - padding-top: env(safe-area-inset-top) !important; - padding-bottom: env(safe-area-inset-bottom) !important; -} - -.absolute-full, .fullscreen, .fixed-full { - top: 0; - right: 0; - bottom: 0; - left: 0; -} - -.fixed-center, .absolute-center { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); -} - -.vertical-top { - vertical-align: top !important; -} -.vertical-middle { - vertical-align: middle !important; -} -.vertical-bottom { - vertical-align: bottom !important; -} - -.on-left { - margin-right: 12px; -} - -.on-right { - margin-left: 12px; -} - -/* internal: */ -.q-position-engine { - margin-top: var(--q-pe-top, 0) !important; - margin-left: var(--q-pe-left, 0) !important; - will-change: auto; - visibility: collapse; -} - -:root { - --q-size-xs: 0; - --q-size-sm: 600px; - --q-size-md: 1024px; - --q-size-lg: 1440px; - --q-size-xl: 1920px; -} - -.fit { - width: 100% !important; - height: 100% !important; -} - -.full-height { - height: 100% !important; -} - -.full-width { - width: 100% !important; - margin-left: 0 !important; - margin-right: 0 !important; -} - -.window-height { - margin-top: 0 !important; - margin-bottom: 0 !important; - height: 100vh !important; -} - -.window-width { - margin-left: 0 !important; - margin-right: 0 !important; - width: 100vw !important; -} - -.block { - display: block !important; -} - -.inline-block { - display: inline-block !important; -} - -.q-pa-none { - padding: 0 0; -} - -.q-pl-none { - padding-left: 0; -} - -.q-pr-none { - padding-right: 0; -} - -.q-pt-none { - padding-top: 0; -} - -.q-pb-none { - padding-bottom: 0; -} - -.q-px-none { - padding-left: 0; - padding-right: 0; -} - -.q-py-none { - padding-top: 0; - padding-bottom: 0; -} - -.q-ma-none { - margin: 0 0; -} - -.q-ml-none { - margin-left: 0; -} - -.q-mr-none { - margin-right: 0; -} - -.q-mt-none { - margin-top: 0; -} - -.q-mb-none { - margin-bottom: 0; -} - -.q-mx-none { - margin-left: 0; - margin-right: 0; -} - -.q-my-none { - margin-top: 0; - margin-bottom: 0; -} - -.q-pa-xs { - padding: 4px 4px; -} - -.q-pl-xs { - padding-left: 4px; -} - -.q-pr-xs { - padding-right: 4px; -} - -.q-pt-xs { - padding-top: 4px; -} - -.q-pb-xs { - padding-bottom: 4px; -} - -.q-px-xs { - padding-left: 4px; - padding-right: 4px; -} - -.q-py-xs { - padding-top: 4px; - padding-bottom: 4px; -} - -.q-ma-xs { - margin: 4px 4px; -} - -.q-ml-xs { - margin-left: 4px; -} - -.q-mr-xs { - margin-right: 4px; -} - -.q-mt-xs { - margin-top: 4px; -} - -.q-mb-xs { - margin-bottom: 4px; -} - -.q-mx-xs { - margin-left: 4px; - margin-right: 4px; -} - -.q-my-xs { - margin-top: 4px; - margin-bottom: 4px; -} - -.q-pa-sm { - padding: 8px 8px; -} - -.q-pl-sm { - padding-left: 8px; -} - -.q-pr-sm { - padding-right: 8px; -} - -.q-pt-sm { - padding-top: 8px; -} - -.q-pb-sm { - padding-bottom: 8px; -} - -.q-px-sm { - padding-left: 8px; - padding-right: 8px; -} - -.q-py-sm { - padding-top: 8px; - padding-bottom: 8px; -} - -.q-ma-sm { - margin: 8px 8px; -} - -.q-ml-sm { - margin-left: 8px; -} - -.q-mr-sm { - margin-right: 8px; -} - -.q-mt-sm { - margin-top: 8px; -} - -.q-mb-sm { - margin-bottom: 8px; -} - -.q-mx-sm { - margin-left: 8px; - margin-right: 8px; -} - -.q-my-sm { - margin-top: 8px; - margin-bottom: 8px; -} - -.q-pa-md { - padding: 16px 16px; -} - -.q-pl-md { - padding-left: 16px; -} - -.q-pr-md { - padding-right: 16px; -} - -.q-pt-md { - padding-top: 16px; -} - -.q-pb-md { - padding-bottom: 16px; -} - -.q-px-md { - padding-left: 16px; - padding-right: 16px; -} - -.q-py-md { - padding-top: 16px; - padding-bottom: 16px; -} - -.q-ma-md { - margin: 16px 16px; -} - -.q-ml-md { - margin-left: 16px; -} - -.q-mr-md { - margin-right: 16px; -} - -.q-mt-md { - margin-top: 16px; -} - -.q-mb-md { - margin-bottom: 16px; -} - -.q-mx-md { - margin-left: 16px; - margin-right: 16px; -} - -.q-my-md { - margin-top: 16px; - margin-bottom: 16px; -} - -.q-pa-lg { - padding: 24px 24px; -} - -.q-pl-lg { - padding-left: 24px; -} - -.q-pr-lg { - padding-right: 24px; -} - -.q-pt-lg { - padding-top: 24px; -} - -.q-pb-lg { - padding-bottom: 24px; -} - -.q-px-lg { - padding-left: 24px; - padding-right: 24px; -} - -.q-py-lg { - padding-top: 24px; - padding-bottom: 24px; -} - -.q-ma-lg { - margin: 24px 24px; -} - -.q-ml-lg { - margin-left: 24px; -} - -.q-mr-lg { - margin-right: 24px; -} - -.q-mt-lg { - margin-top: 24px; -} - -.q-mb-lg { - margin-bottom: 24px; -} - -.q-mx-lg { - margin-left: 24px; - margin-right: 24px; -} - -.q-my-lg { - margin-top: 24px; - margin-bottom: 24px; -} - -.q-pa-xl { - padding: 48px 48px; -} - -.q-pl-xl { - padding-left: 48px; -} - -.q-pr-xl { - padding-right: 48px; -} - -.q-pt-xl { - padding-top: 48px; -} - -.q-pb-xl { - padding-bottom: 48px; -} - -.q-px-xl { - padding-left: 48px; - padding-right: 48px; -} - -.q-py-xl { - padding-top: 48px; - padding-bottom: 48px; -} - -.q-ma-xl { - margin: 48px 48px; -} - -.q-ml-xl { - margin-left: 48px; -} - -.q-mr-xl { - margin-right: 48px; -} - -.q-mt-xl { - margin-top: 48px; -} - -.q-mb-xl { - margin-bottom: 48px; -} - -.q-mx-xl { - margin-left: 48px; - margin-right: 48px; -} - -.q-my-xl { - margin-top: 48px; - margin-bottom: 48px; -} - -.q-mt-auto, .q-my-auto { - margin-top: auto; -} - -.q-ml-auto { - margin-left: auto; -} - -.q-mb-auto, .q-my-auto { - margin-bottom: auto; -} - -.q-mr-auto { - margin-right: auto; -} - -.q-mx-auto { - margin-left: auto; - margin-right: auto; -} - -.q-touch { - -webkit-user-select: none; - user-select: none; - user-drag: none; - -khtml-user-drag: none; - -webkit-user-drag: none; -} - -.q-touch-x { - touch-action: pan-x; -} - -.q-touch-y { - touch-action: pan-y; -} - -:root { - --q-transition-duration: .3s; -} - -.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active, .q-transition--fade-enter-active, .q-transition--fade-leave-active, .q-transition--scale-enter-active, .q-transition--scale-leave-active, .q-transition--rotate-enter-active, .q-transition--rotate-leave-active, .q-transition--flip-enter-active, .q-transition--flip-leave-active { - --q-transition-duration: .3s; - --q-transition-easing: cubic-bezier(0.215,0.61,0.355,1); -} -.q-transition--slide-right-leave-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-leave-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-leave-active, .q-transition--fade-leave-active, .q-transition--scale-leave-active, .q-transition--rotate-leave-active, .q-transition--flip-leave-active { - position: absolute; -} -.q-transition--slide-right-enter-active, .q-transition--slide-right-leave-active, .q-transition--slide-left-enter-active, .q-transition--slide-left-leave-active, .q-transition--slide-up-enter-active, .q-transition--slide-up-leave-active, .q-transition--slide-down-enter-active, .q-transition--slide-down-leave-active { - transition: transform var(--q-transition-duration) var(--q-transition-easing); -} -.q-transition--slide-right-enter-from { - transform: translate3d(-100%, 0, 0); -} -.q-transition--slide-right-leave-to { - transform: translate3d(100%, 0, 0); -} -.q-transition--slide-left-enter-from { - transform: translate3d(100%, 0, 0); -} -.q-transition--slide-left-leave-to { - transform: translate3d(-100%, 0, 0); -} -.q-transition--slide-up-enter-from { - transform: translate3d(0, 100%, 0); -} -.q-transition--slide-up-leave-to { - transform: translate3d(0, -100%, 0); -} -.q-transition--slide-down-enter-from { - transform: translate3d(0, -100%, 0); -} -.q-transition--slide-down-leave-to { - transform: translate3d(0, 100%, 0); -} -.q-transition--jump-right-enter-active, .q-transition--jump-right-leave-active, .q-transition--jump-left-enter-active, .q-transition--jump-left-leave-active, .q-transition--jump-up-enter-active, .q-transition--jump-up-leave-active, .q-transition--jump-down-enter-active, .q-transition--jump-down-leave-active { - transition: opacity var(--q-transition-duration), transform var(--q-transition-duration); -} -.q-transition--jump-right-enter-from, .q-transition--jump-right-leave-to, .q-transition--jump-left-enter-from, .q-transition--jump-left-leave-to, .q-transition--jump-up-enter-from, .q-transition--jump-up-leave-to, .q-transition--jump-down-enter-from, .q-transition--jump-down-leave-to { - opacity: 0; -} -.q-transition--jump-right-enter-from { - transform: translate3d(-15px, 0, 0); -} -.q-transition--jump-right-leave-to { - transform: translate3d(15px, 0, 0); -} -.q-transition--jump-left-enter-from { - transform: translate3d(15px, 0, 0); -} -.q-transition--jump-left-leave-to { - transform: translateX(-15px); -} -.q-transition--jump-up-enter-from { - transform: translate3d(0, 15px, 0); -} -.q-transition--jump-up-leave-to { - transform: translate3d(0, -15px, 0); -} -.q-transition--jump-down-enter-from { - transform: translate3d(0, -15px, 0); -} -.q-transition--jump-down-leave-to { - transform: translate3d(0, 15px, 0); -} -.q-transition--fade-enter-active, .q-transition--fade-leave-active { - transition: opacity var(--q-transition-duration) ease-out; -} -.q-transition--fade-enter-from, .q-transition--fade-leave-to { - opacity: 0; -} -.q-transition--scale-enter-active, .q-transition--scale-leave-active { - transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing); -} -.q-transition--scale-enter-from, .q-transition--scale-leave-to { - opacity: 0; - transform: scale3d(0, 0, 1); -} -.q-transition--rotate-enter-active, .q-transition--rotate-leave-active { - transition: opacity var(--q-transition-duration), transform var(--q-transition-duration) var(--q-transition-easing); - transform-style: preserve-3d; -} -.q-transition--rotate-enter-from, .q-transition--rotate-leave-to { - opacity: 0; - transform: scale3d(0, 0, 1) rotate3d(0, 0, 1, 90deg); -} -.q-transition--flip-right-enter-active, .q-transition--flip-right-leave-active, .q-transition--flip-left-enter-active, .q-transition--flip-left-leave-active, .q-transition--flip-up-enter-active, .q-transition--flip-up-leave-active, .q-transition--flip-down-enter-active, .q-transition--flip-down-leave-active { - transition: transform var(--q-transition-duration); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; -} -.q-transition--flip-right-enter-to, .q-transition--flip-right-leave-from, .q-transition--flip-left-enter-to, .q-transition--flip-left-leave-from, .q-transition--flip-up-enter-to, .q-transition--flip-up-leave-from, .q-transition--flip-down-enter-to, .q-transition--flip-down-leave-from { - transform: perspective(400px) rotate3d(1, 1, 0, 0deg); -} -.q-transition--flip-right-enter-from { - transform: perspective(400px) rotate3d(0, 1, 0, -180deg); -} -.q-transition--flip-right-leave-to { - transform: perspective(400px) rotate3d(0, 1, 0, 180deg); -} -.q-transition--flip-left-enter-from { - transform: perspective(400px) rotate3d(0, 1, 0, 180deg); -} -.q-transition--flip-left-leave-to { - transform: perspective(400px) rotate3d(0, 1, 0, -180deg); -} -.q-transition--flip-up-enter-from { - transform: perspective(400px) rotate3d(1, 0, 0, -180deg); -} -.q-transition--flip-up-leave-to { - transform: perspective(400px) rotate3d(1, 0, 0, 180deg); -} -.q-transition--flip-down-enter-from { - transform: perspective(400px) rotate3d(1, 0, 0, 180deg); -} -.q-transition--flip-down-leave-to { - transform: perspective(400px) rotate3d(1, 0, 0, -180deg); -} - -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; -} - -h1 { - font-size: 6rem; - font-weight: 300; - line-height: 6rem; - letter-spacing: -0.01562em; -} - -h2 { - font-size: 3.75rem; - font-weight: 300; - line-height: 3.75rem; - letter-spacing: -0.00833em; -} - -h3 { - font-size: 3rem; - font-weight: 400; - line-height: 3.125rem; - letter-spacing: normal; -} - -h4 { - font-size: 2.125rem; - font-weight: 400; - line-height: 2.5rem; - letter-spacing: 0.00735em; -} - -h5 { - font-size: 1.5rem; - font-weight: 400; - line-height: 2rem; - letter-spacing: normal; -} - -h6 { - font-size: 1.25rem; - font-weight: 500; - line-height: 2rem; - letter-spacing: 0.0125em; -} - -p { - margin: 0 0 16px; -} - -.text-h1 { - font-size: 6rem; - font-weight: 300; - line-height: 6rem; - letter-spacing: -0.01562em; -} -.text-h2 { - font-size: 3.75rem; - font-weight: 300; - line-height: 3.75rem; - letter-spacing: -0.00833em; -} -.text-h3 { - font-size: 3rem; - font-weight: 400; - line-height: 3.125rem; - letter-spacing: normal; -} -.text-h4 { - font-size: 2.125rem; - font-weight: 400; - line-height: 2.5rem; - letter-spacing: 0.00735em; -} -.text-h5 { - font-size: 1.5rem; - font-weight: 400; - line-height: 2rem; - letter-spacing: normal; -} -.text-h6 { - font-size: 1.25rem; - font-weight: 500; - line-height: 2rem; - letter-spacing: 0.0125em; -} -.text-subtitle1 { - font-size: 1rem; - font-weight: 400; - line-height: 1.75rem; - letter-spacing: 0.00937em; -} -.text-subtitle2 { - font-size: 0.875rem; - font-weight: 500; - line-height: 1.375rem; - letter-spacing: 0.00714em; -} -.text-body1 { - font-size: 1rem; - font-weight: 400; - line-height: 1.5rem; - letter-spacing: 0.03125em; -} -.text-body2 { - font-size: 0.875rem; - font-weight: 400; - line-height: 1.25rem; - letter-spacing: 0.01786em; -} -.text-overline { - font-size: 0.75rem; - font-weight: 500; - line-height: 2rem; - letter-spacing: 0.16667em; -} -.text-caption { - font-size: 0.75rem; - font-weight: 400; - line-height: 1.25rem; - letter-spacing: 0.03333em; -} -.text-uppercase { - text-transform: uppercase; -} -.text-lowercase { - text-transform: lowercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-center { - text-align: center; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-justify { - text-align: justify; - -webkit-hyphens: auto; - hyphens: auto; -} -.text-italic { - font-style: italic; -} -.text-bold { - font-weight: bold; -} -.text-no-wrap { - white-space: nowrap; -} -.text-strike { - text-decoration: line-through; -} -.text-weight-thin { - font-weight: 100; -} -.text-weight-light { - font-weight: 300; -} -.text-weight-regular { - font-weight: 400; -} -.text-weight-medium { - font-weight: 500; -} -.text-weight-bold { - font-weight: 700; -} -.text-weight-bolder { - font-weight: 900; -} - -small { - font-size: 80%; -} - -big { - font-size: 170%; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -.no-margin { - margin: 0 !important; -} - -.no-padding { - padding: 0 !important; -} - -.no-border { - border: 0 !important; -} - -.no-border-radius { - border-radius: 0 !important; -} - -.no-box-shadow { - box-shadow: none !important; -} - -.no-outline { - outline: 0 !important; -} - -.ellipsis { - text-overflow: ellipsis; - white-space: nowrap; - overflow: hidden; -} -.ellipsis-2-lines, .ellipsis-3-lines { - overflow: hidden; - display: -webkit-box; - -webkit-box-orient: vertical; -} -.ellipsis-2-lines { - -webkit-line-clamp: 2; -} -.ellipsis-3-lines { - -webkit-line-clamp: 3; -} - -.readonly { - cursor: default !important; -} - -.disabled, .disabled *, [disabled], [disabled] * { - outline: 0 !important; - cursor: not-allowed !important; -} - -.disabled, [disabled] { - opacity: 0.6 !important; -} - -.hidden { - display: none !important; -} - -.invisible { - visibility: hidden !important; -} - -.transparent { - background: transparent !important; -} - -.overflow-auto { - overflow: auto !important; -} - -.overflow-hidden { - overflow: hidden !important; -} - -.overflow-hidden-y { - overflow-y: hidden !important; -} - -.hide-scrollbar { - scrollbar-width: none; - -ms-overflow-style: none; -} -.hide-scrollbar::-webkit-scrollbar { - width: 0; - height: 0; - display: none; -} - -.dimmed:after, .light-dimmed:after { - content: ""; - position: absolute; - top: 0; - right: 0 /* rtl:ignore */; - bottom: 0; - left: 0 /* rtl:ignore */; -} - -.dimmed:after { - background: rgba(0, 0, 0, 0.4) !important; -} - -.light-dimmed:after { - background: rgba(255, 255, 255, 0.6) !important; -} - -.z-top { - z-index: 7000 !important; -} - -.z-max { - z-index: 9998 !important; -} - -body:not(.desktop) .desktop-only, -body.desktop .desktop-hide { - display: none !important; -} - -body:not(.mobile) .mobile-only, -body.mobile .mobile-hide { - display: none !important; -} - -body:not(.native-mobile) .native-mobile-only, -body.native-mobile .native-mobile-hide { - display: none !important; -} - -body:not(.cordova) .cordova-only, -body.cordova .cordova-hide { - display: none !important; -} - -body:not(.capacitor) .capacitor-only, -body.capacitor .capacitor-hide { - display: none !important; -} - -body:not(.electron) .electron-only, -body.electron .electron-hide { - display: none !important; -} - -body:not(.touch) .touch-only, -body.touch .touch-hide { - display: none !important; -} - -body:not(.within-iframe) .within-iframe-only, -body.within-iframe .within-iframe-hide { - display: none !important; -} - -body:not(.platform-ios) .platform-ios-only, -body.platform-ios .platform-ios-hide { - display: none !important; -} - -body:not(.platform-android) .platform-android-only, -body.platform-android .platform-android-hide { - display: none !important; -} - -@media all and (orientation: portrait) { - .orientation-landscape { - display: none !important; - } -} -@media all and (orientation: landscape) { - .orientation-portrait { - display: none !important; - } -} -@media screen { - .print-only { - display: none !important; - } -} -@media print { - .print-hide { - display: none !important; - } -} -@media (max-width: 599.98px) { - .xs-hide, .gt-xs, .sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl { - display: none !important; - } -} -@media (min-width: 600px) and (max-width: 1023.98px) { - .sm-hide, .xs, .lt-sm, .gt-sm, .md, .gt-md, .lg, .gt-lg, .xl { - display: none !important; - } -} -@media (min-width: 1024px) and (max-width: 1439.98px) { - .md-hide, .xs, .lt-sm, .sm, .lt-md, .gt-md, .lg, .gt-lg, .xl { - display: none !important; - } -} -@media (min-width: 1440px) and (max-width: 1919.98px) { - .lg-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .gt-lg, .xl { - display: none !important; - } -} -@media (min-width: 1920px) { - .xl-hide, .xs, .lt-sm, .sm, .lt-md, .md, .lt-lg, .lg, .lt-xl { - display: none !important; - } -} -.q-focus-helper, .q-focusable, .q-manual-focusable, .q-hoverable { - outline: 0; -} - -body.desktop .q-focus-helper { - position: absolute; - top: 0; - left: 0 /* rtl:ignore */; - width: 100%; - height: 100%; - pointer-events: none; - border-radius: inherit; - opacity: 0; - transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1); -} -body.desktop .q-focus-helper:before, body.desktop .q-focus-helper:after { - content: ""; - position: absolute; - top: 0; - left: 0 /* rtl:ignore */; - width: 100%; - height: 100%; - opacity: 0; - border-radius: inherit; - transition: background-color 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), opacity 0.6s cubic-bezier(0.25, 0.8, 0.5, 1); -} -body.desktop .q-focus-helper:before { - background: #000; -} -body.desktop .q-focus-helper:after { - background: #fff; -} -body.desktop .q-focus-helper--rounded { - border-radius: 4px; -} -body.desktop .q-focus-helper--round { - border-radius: 50%; -} -body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper, body.desktop .q-hoverable:hover > .q-focus-helper { - background: currentColor; - opacity: 0.15; -} -body.desktop .q-focusable:focus > .q-focus-helper:before, body.desktop .q-manual-focusable--focused > .q-focus-helper:before, body.desktop .q-hoverable:hover > .q-focus-helper:before { - opacity: 0.1; -} -body.desktop .q-focusable:focus > .q-focus-helper:after, body.desktop .q-manual-focusable--focused > .q-focus-helper:after, body.desktop .q-hoverable:hover > .q-focus-helper:after { - opacity: 0.4; -} -body.desktop .q-focusable:focus > .q-focus-helper, body.desktop .q-manual-focusable--focused > .q-focus-helper { - opacity: 0.22; -} - -body.body--dark { - color: #fff; - background: var(--q-dark-page); -} - -.q-dark { - color: #fff; - background: var(--q-dark); -} \ No newline at end of file +/*! 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;} +} + +/*! 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;} +} +/*! 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;} + } +} +/*! 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;} +} +/*! 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