@hbuesing/ui-library 9.0.0 → 9.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.css +1 -1
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- :root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.Ur{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Vr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Wr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Zr{font-size:var(--uil-xxl);line-height:2.25rem}._r{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.t{margin:auto;border-radius:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.t::backdrop{background-color:#00000080}.t.ri{width:25%}.t.ii{width:50%}.t.oi{width:75%}.t .k{font-weight:700;padding:.5rem}.t .k.li{background-color:var(--uil-info);color:var(--uil-white)}.t .k.hr{background-color:var(--uil-success);color:var(--uil-white)}.t .k.vr{background-color:var(--uil-warning);color:var(--uil-black-light)}.t .k.gr{background-color:var(--uil-error);color:var(--uil-white)}.t .k.ai,.t .k.hr,.t .k.vr,.t .k.gr{border-top-left-radius:4px;border-top-right-radius:4px}.t .br{display:flex;flex-direction:column;padding:.5rem}.t .br.ti{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.t .I{display:flex;gap:2rem;padding:.5rem}.t .I.ei{justify-content:start}.t .I.ni{justify-content:end}.t .I.ui{justify-content:space-between}.n{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.n.si{--uil-top: var(--uil-l)}.n.di{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.n.ci{left:50%;transform:translate(-50%)}.n.hi{top:50%;transform:translateY(-50%)}.n.vi{left:50%;top:50%;transform:translate(-50%)}.n.gi{--uil-left: var(--uil-l)}.n.bi{--uil-right: var(--uil-l);align-items:end}.n::-webkit-scrollbar{display:none}.n .y{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.n .y.pi{opacity:1;transform:translateY(0)}.n .y.xi{opacity:0;transform:translateY(-6px)}.n .y.fi{color:var(--uil-white);background-color:var(--uil-info)}.n .y.wi{color:var(--uil-white);background-color:var(--uil-success)}.n .y.mi{color:var(--uil-black);background-color:var(--uil-warning)}.n .y.ki{color:var(--uil-white);background-color:var(--uil-error)}.n .y .pr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.n .y .pr:hover{background-color:#0000001a}.v{display:flex;align-items:center;gap:var(--uil-s)}.v:has(input:disabled) .xr{color:var(--uil-grey-dark)}.v .xr{color:var(--uil-black-w)}.v .f{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.v .f:hover,.v .f:has(input:checked){border-color:var(--uil-black-w)}.v .f.yi{border-radius:2px}.v .f.fr,.v .f.fr .zi{border-radius:50%}.v .f:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.v .f input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.v .f input:checked~.T{transform:scale(1)}.v .f input:disabled~.T{background-color:var(--uil-grey-dark)}.v .f .T{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.U{display:flex;gap:var(--uil-m)}.U.Fi{flex-direction:row}.U.Yi{flex-direction:column}.Y{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.Y{--uil-pagination-size: var(--uil-xxl)}}.Y .D{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.Y .D:disabled{cursor:default}.Y .D:disabled .wr{fill:var(--uil-grey-alt)}.Y .D.ji,.Y .D:not(:disabled):hover{background-color:var(--uil-grey)}.Y .D .wr{fill:var(--uil-black-lighter);height:100%;width:100%}.J{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.J{gap:var(--uil-s)}}.J .mr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.J .mr .Xi{fill:var(--uil-grey-dark)}.j{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.j.kr{animation:1.5s ease-in-out 0s infinite yr}.j.kr .E{animation:1.5s ease-in-out 0s infinite zr}.j .E{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.j .E.V{stroke:var(--uil-info)}.j .E.W{stroke:var(--uil-success)}.j .E.Z{stroke:var(--uil-warning)}.j .E._{stroke:var(--uil-error)}@keyframes zr{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes yr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.b{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.b.V{background-color:var(--uil-info-o)}.b.W{background-color:var(--uil-success-o)}.b.Z{background-color:var(--uil-warning-o)}.b._{background-color:var(--uil-error-o)}.b.Ai{background-color:var(--uil-grey-alt)}.b .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.b .A.Ci{animation:2.5s ease-in-out 0s infinite Fr}.b .A.Di{animation:2.5s ease-in-out 0s infinite Yr}.b .A.V{background-color:var(--uil-info)}.b .A.W{background-color:var(--uil-success)}.b .A.Z{background-color:var(--uil-warning)}.b .A._{background-color:var(--uil-error)}@keyframes Fr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes Yr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.jr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.jr .Ei{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.p{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.p{min-width:50%;width:auto}}@media(min-width:1025px){.p{min-width:40%}}@media(min-width:1250px){.p{min-width:25%}}@media(min-width:1920px){.p{min-width:15%}}.p.Xr{right:100%}.p.Xr.Ar{transform:translate(100%)}.p.Cr{left:100%}.p.Cr.Ar{transform:translate(-100%)}.p nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.p .qi{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.p .Dr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.p .Dr:hover{font-size:var(--uil-xxl);opacity:1}.Bi{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .o{padding-left:0}.r .i.g .z{left:0}.r .i.g .s{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .u.K{margin-right:.875rem}.r .i.g~.rr{margin-left:0}.r .i.x,.r .i.x .s{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.x .u.K{margin-left:.875rem}.r .i.x .u.Gi{margin-right:.875rem}.r .i.g:not(:has(.o:disabled)):not(.w):not(:focus-within):not(:has(.u.C)):has(.o:placeholder-shown):hover,.r .i.g:not(:has(.o:disabled)):not(.w):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s,.r .i.x:not(:has(.o:disabled)):not(.w):not(:focus-within):not(:has(.u.C)):has(.o:placeholder-shown):hover,.r .i.x:not(:has(.o:disabled)):not(.w):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s{border-color:var(--uil-black-w)}.r .i.g:focus-within,.r .i.g:has(.o:not(:placeholder-shown)),.r .i.g:has(.o:disabled:not(:placeholder-shown)),.r .i.g:has(.u.C),.r .i.x:focus-within,.r .i.x:has(.o:not(:placeholder-shown)),.r .i.x:has(.o:disabled:not(:placeholder-shown)),.r .i.x:has(.u.C){border-color:transparent}.r .i.g:has(.u.K),.r .i.x:has(.u.K){flex-direction:row-reverse}.r .i.g:has(.o:disabled),.r .i.x:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.w .z{color:var(--uil-error);opacity:1}.r .i.w,.r .i.w .s{border-color:var(--uil-error)}.r .i:not(.w) .o:not(:disabled):focus~.z{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.w) .o:focus~.s{border-color:var(--uil-input-focus-color)}.r .i .s{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box}.r .i .s .Hi{visibility:hidden;padding:0 2px}.r .i .z{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease}.r .i .z.Ii{top:var(--uil-m)}.r .i .q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .q.Ji{margin-left:var(--uil-xxxs)}.r .i .o{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .o:disabled{color:var(--uil-grey-dark)}.r .i .o:disabled~.s,.r .i .o:disabled:not(:placeholder-shown)~.s{border-color:var(--uil-grey-alt)}.r .i .o:disabled~.z{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.u.ir,.r .i .o:not(:placeholder-shown)~.u.ir{visibility:visible}.r .i .o:focus~.s{border-width:2px;padding:7px}.r .i .Er{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Er~.s{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75}.r .i .u.ir{visibility:hidden}.r .i .o:focus~*.s,.r .i .o:not(:placeholder-shown)~*.s,.r .i .u.C~*.s{visibility:visible}.r .i .o:focus~*.z,.r .i .o:not(:placeholder-shown)~*.z,.r .i .u.C~*.z{top:-.65rem}.r .i .o:focus~* .q,.r .i .o:not(:placeholder-shown)~* .q,.r .i .u.C~* .q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .rr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .rr.w{color:var(--uil-error)}.B{gap:var(--uil-xs)}@media(min-width:760px){.B{gap:var(--uil-m)}}.B .Ki{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.B p{margin:0}.B .Li{display:flex;gap:var(--uil-xxs);height:100%}.d{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.d[open]{overflow-x:auto}.d[open] .F.Mi{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.d[open] .F .L{rotate:90deg}.d .F{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.d .F::marker{content:none}.d .F::-webkit-details-marker{display:none}.d .F.Ni .L{margin-right:var(--uil-s)}.d .F.qr{flex-direction:row-reverse;justify-content:space-between}.d .F.qr .L{margin-left:var(--uil-s)}.d .F .L{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.d .Oi{padding:var(--uil-xs)}.M{display:flex;flex-direction:column}.M .d{border-radius:unset;border-bottom:none}.M .d:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.M .d:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.X{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.X.Pi li:last-child{font-weight:700}.X li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.X .Br:last-child,.X .Br:hover{color:var(--uil-black-w)}.X .or{background-color:transparent;border:none;padding:0;margin:0}.X .or svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.X .or svg:hover{fill:var(--uil-black-w)}.Gr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Gr.Qi{animation:ease-in-out var(--uil-pulse-anim) infinite Hr}@keyframes Hr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.a{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.a.N{box-shadow:0 0 2px 0 var(--uil-black-alt)}.a.Ri{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.a.Si{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.a.lr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.a.lr.O,.a.lr.ar{--uil-button-color: var(--uil-warning-alt)}.a.Ti{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.a:not(:disabled).N{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.a:not(:disabled).N:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.a:not(:disabled).O{color:var(--uil-button-color);border-color:var(--uil-button-color)}.a:not(:disabled).O:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a:not(:disabled).ar{color:var(--uil-button-color)}.a:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a.tr{cursor:default;color:var(--uil-grey-dark)}.a.tr.N{background-color:var(--uil-grey-light)}.a.tr.O{border-color:var(--uil-grey-dark)}.a.Ir{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.a.Ir.er{border-radius:var(--uil-m)}.a.Jr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Jr.er{border-radius:var(--uil-xl)}.a.Kr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Kr.er{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.P{padding:.7rem 0;width:var(--uil-xxxl)}.l.P .c{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.P .c:has(input:checked){left:calc(100% - var(--uil-m))}.l.P .G{border-radius:6px}.l.Q{padding:var(--uil-xs) 0;width:2.75rem}.l.Q .c{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.Q .c:has(input:checked){left:calc(100% - var(--uil-l))}.l.Q .G{border-radius:9px}.l.R{padding:var(--uil-xxs) 0;width:4.25rem}.l.R .c{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.R .c:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.R .G{border-radius:var(--uil-s)}.l.Ui{--uil-switch-color: var(--uil-info)}.l.Vi{--uil-switch-color: var(--uil-success)}.l.Wi{--uil-switch-color: var(--uil-warning)}.l.Zi{--uil-switch-color: var(--uil-error)}.l .G{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.l .c{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.l .c:not(:has(input:disabled)):hover,.l .c:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.l .c:not(:has(input:disabled)):has(input:checked)~.G{background-color:var(--uil-switch-color)}.l .c:not(:has(input:disabled)):has(input:checked) .nr{background-color:var(--uil-switch-color)}.l .c:has(input:disabled){cursor:default}.l .c:has(input:disabled) .nr{background-color:var(--uil-grey-dark)}.l .c .nr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.l .c input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.h{position:relative;width:100%;min-width:10rem}.h .S{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-black-alt);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-xs);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.h .S.ur{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.h .S.ur .Lr{fill:var(--uil-grey-dark)}.h .S .Lr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w)}.h .m{position:absolute;display:flex;flex-direction:column;gap:var(--uil-xxs);padding:var(--uil-xs);box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999}.h .m.Mr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.h .m.Nr{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.h .m.Mr.Or,.h .m.Nr.Or{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.h .m .Pr{display:flex;flex-direction:column;gap:var(--uil-xxs)}.h .m .Pr ._i{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline}.h .m .sr{cursor:pointer;color:var(--uil-black-w);border-radius:var(--uil-xxs)}.h .m .sr.ro{background-color:var(--uil-grey-light-alt)}.h .m .sr.ur{color:var(--uil-grey-alt);cursor:default}.e{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.e.dr{cursor:pointer}.e.dr:focus,.e.dr:hover{opacity:.85}.e.Qr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.e.Rr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.e.Sr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.e.io{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.e.cr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.e.cr .H{fill:var(--uil-tag-color)}.e.oo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.e.lo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.e.ao{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.e.Tr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.e.Tr.cr{--uil-tag-color: var(--uil-warning-alt)}.e.to{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.e .H{cursor:pointer}.e .H.Qr{width:var(--uil-m);height:var(--uil-m)}.e .H.Rr{width:var(--uil-xl);height:var(--uil-xl)}.e .H.Sr{width:var(--uil-xxl);height:var(--uil-xxl)}
1
+ :root{--uil-black: #000000;--uil-black-w: #000000;--uil-black-alt: #222222;--uil-black-light: #2b2b2b;--uil-black-lighter: #333333;--uil-box-shadow-w: rgba(0, 0, 0, .3);--uil-switch-hover-w: rgba(0, 0, 0, .05);--uil-white: #ffffff;--uil-white-b: #ffffff;--uil-white-alt: #ffffff;--uil-grey-light: #f3f3f3;--uil-grey-light-alt: rgba(243, 243, 243, 1);--uil-grey: #e9e9e9;--uil-grey-alt: #cfcfcf;--uil-grey-dark: #757575;--uil-info-hover: 39, 121, 202;--uil-success-hover: 0, 156, 115;--uil-warning-hover: 255, 215, 0;--uil-error-hover: 207, 9, 52;--uil-info: #2876CD;--uil-success: #00875A;--uil-warning: #FFD700;--uil-warning-alt: #84722A;--uil-error: #CF0934;--uil-info-o: rgba(39, 121, 202, .3);--uil-success-o: rgba(0, 156, 115, .3);--uil-warning-o: rgba(255, 215, 0, .3);--uil-error-o: rgba(207, 9, 52, .3);--uil-top: initial;--uil-bottom: initial;--uil-left: initial;--uil-right: initial;--uil-progress-delay: .25s;--uil-pulse-anim: 2.5s;--uil-xxxs: .125rem;--uil-xxs: .25rem;--uil-xs: .5rem;--uil-s: .75rem;--uil-m: 1rem;--uil-l: 1.25rem;--uil-xl: 1.5rem;--uil-xxl: 1.75rem;--uil-xxxl: 2rem}.Ur{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Vr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Wr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Zr{font-size:var(--uil-xxl);line-height:2.25rem}._r{--uil-black-w: #ffffff;--uil-black-alt: #c3c3c3;--uil-black-lighter: #dddddd;--uil-grey: #616161;--uil-grey-dark: #a3a3a3;--uil-grey-alt: #5c5c5c;--uil-grey-light-alt: rgba(243, 243, 243, .3);--uil-white-alt: #3a3a3a;--uil-white-b: #000000;--uil-info: #7bb4ff;--uil-info-hover: 123, 180, 255;--uil-success: #00cc96;--uil-success-hover: 0, 204, 150;--uil-warning: #FFFF3E;--uil-warning-alt: #dcdc38;--uil-warning-hover: 255, 255, 30;--uil-error: #fb0b41;--uil-error-hover: 239, 34, 79;--uil-info-o: rgba(123, 180, 255, .3);--uil-success-o: rgba(0, 204, 150, .3);--uil-warning-o: rgba(255, 255, 62, .3);--uil-error-o: rgba(251, 11, 65, .3);--uil-box-shadow-w: rgba(150, 150, 150, .3);--uil-switch-hover-w: rgba(255, 255, 255, .1)}.t{margin:auto;border-radius:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.t::backdrop{background-color:#00000080}.t.ri{width:25%}.t.ii{width:50%}.t.oi{width:75%}.t .k{font-weight:700;padding:.5rem}.t .k.li{background-color:var(--uil-info);color:var(--uil-white)}.t .k.hr{background-color:var(--uil-success);color:var(--uil-white)}.t .k.vr{background-color:var(--uil-warning);color:var(--uil-black-light)}.t .k.gr{background-color:var(--uil-error);color:var(--uil-white)}.t .k.ai,.t .k.hr,.t .k.vr,.t .k.gr{border-top-left-radius:4px;border-top-right-radius:4px}.t .br{display:flex;flex-direction:column;padding:.5rem}.t .br.ti{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.t .I{display:flex;gap:2rem;padding:.5rem}.t .I.ei{justify-content:start}.t .I.ni{justify-content:end}.t .I.ui{justify-content:space-between}.n{display:flex;flex-direction:column;gap:var(--uil-m);background-color:transparent;border:none;padding:var(--uil-xs);height:60%;max-height:60%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;z-index:2147483647;position:fixed;top:var(--uil-top);bottom:var(--uil-bottom);left:var(--uil-left);right:var(--uil-right)}.n.si{--uil-top: var(--uil-l)}.n.di{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.n.ci{left:50%;transform:translate(-50%)}.n.hi{top:50%;transform:translateY(-50%)}.n.vi{left:50%;top:50%;transform:translate(-50%)}.n.gi{--uil-left: var(--uil-l)}.n.bi{--uil-right: var(--uil-l);align-items:end}.n::-webkit-scrollbar{display:none}.n .y{display:flex;align-items:center;gap:var(--uil-s);opacity:0;color:var(--uil-white-alt);background-color:var(--uil-black-lighter);padding:var(--uil-xs);width:fit-content;border-radius:3px;transition:all .5s linear;transform:translateY(6px);box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-webkit-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w);-moz-box-shadow:1px 5px 6px -1px var(--uil-box-shadow-w)}.n .y.pi{opacity:1;transform:translateY(0)}.n .y.xi{opacity:0;transform:translateY(-6px)}.n .y.fi{color:var(--uil-white);background-color:var(--uil-info)}.n .y.wi{color:var(--uil-white);background-color:var(--uil-success)}.n .y.mi{color:var(--uil-black);background-color:var(--uil-warning)}.n .y.ki{color:var(--uil-white);background-color:var(--uil-error)}.n .y .pr{height:var(--uil-s);width:var(--uil-s);box-sizing:content-box;padding:var(--uil-xs);border-radius:50%;cursor:pointer;border:none;background-color:transparent;fill:var(--uil-white-b)}.n .y .pr:hover{background-color:#0000001a}.v{display:flex;align-items:center;gap:var(--uil-s)}.v:has(input:disabled) .xr{color:var(--uil-grey-dark)}.v .xr{color:var(--uil-black-w)}.v .f{position:relative;display:block;min-height:var(--uil-l);min-width:var(--uil-l);border:2px solid var(--uil-grey-dark);box-sizing:border-box;cursor:pointer}.v .f:hover,.v .f:has(input:checked){border-color:var(--uil-black-w)}.v .f.yi{border-radius:2px}.v .f.fr,.v .f.fr .zi{border-radius:50%}.v .f:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.v .f input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.v .f input:checked~.T{transform:scale(1)}.v .f input:disabled~.T{background-color:var(--uil-grey-dark)}.v .f .T{position:absolute;top:25%;left:25%;background-color:var(--uil-info);width:var(--uil-xs);height:var(--uil-xs);transform:scale(0);transition:.1s ease}.U{display:flex;gap:var(--uil-m)}.U.Fi{flex-direction:row}.U.Yi{flex-direction:column}.Y{--uil-pagination-size: var(--uil-xl);color:var(--uil-black-w);display:flex;align-items:center;margin:0;padding:0;min-height:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}@media(min-width:760px){.Y{--uil-pagination-size: var(--uil-xxl)}}.Y .D{border:none;outline:none;background-color:transparent;padding:var(--uil-xxs);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;height:var(--uil-pagination-size);width:var(--uil-pagination-size);font-size:calc(var(--uil-pagination-size) - var(--uil-xs))}.Y .D:disabled{cursor:default}.Y .D:disabled .wr{fill:var(--uil-grey-alt)}.Y .D.ji,.Y .D:not(:disabled):hover{background-color:var(--uil-grey)}.Y .D .wr{fill:var(--uil-black-lighter);height:100%;width:100%}.J{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.J{gap:var(--uil-s)}}.J .mr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.J .mr .Xi{fill:var(--uil-grey-dark)}.j{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.j.kr{animation:1.5s ease-in-out 0s infinite yr}.j.kr .E{animation:1.5s ease-in-out 0s infinite zr}.j .E{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.j .E.V{stroke:var(--uil-info)}.j .E.W{stroke:var(--uil-success)}.j .E.Z{stroke:var(--uil-warning)}.j .E._{stroke:var(--uil-error)}@keyframes zr{0%{stroke-dasharray:1px,120px;stroke-dashoffset:0}50%{stroke-dasharray:90px,120px;stroke-dashoffset:-10px}to{stroke-dasharray:1px,120px;stroke-dashoffset:-120px}}@keyframes yr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.b{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.b.V{background-color:var(--uil-info-o)}.b.W{background-color:var(--uil-success-o)}.b.Z{background-color:var(--uil-warning-o)}.b._{background-color:var(--uil-error-o)}.b.Ai{background-color:var(--uil-grey-alt)}.b .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.b .A.Ci{animation:2.5s ease-in-out 0s infinite Fr}.b .A.Di{animation:2.5s ease-in-out 0s infinite Yr}.b .A.V{background-color:var(--uil-info)}.b .A.W{background-color:var(--uil-success)}.b .A.Z{background-color:var(--uil-warning)}.b .A._{background-color:var(--uil-error)}@keyframes Fr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes Yr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.jr{background-color:transparent;border:none;padding:0;cursor:pointer;display:flex;width:fit-content;height:fit-content}.jr .Ei{width:var(--uil-xxl);height:var(--uil-xxl);fill:var(--uil-black-w)}.p{width:100%;height:100%;position:fixed;top:0;z-index:99;transition:all .5s ease-in-out;display:flex;flex-direction:column;gap:var(--uil-xl);box-sizing:border-box;padding:var(--uil-xl) 2rem;background-color:var(--uil-white-alt);color:var(--uil-black-w)}@media(min-width:760px){.p{min-width:50%;width:auto}}@media(min-width:1025px){.p{min-width:40%}}@media(min-width:1250px){.p{min-width:25%}}@media(min-width:1920px){.p{min-width:15%}}.p.Xr{right:100%}.p.Xr.Ar{transform:translate(100%)}.p.Cr{left:100%}.p.Cr.Ar{transform:translate(-100%)}.p nav{display:flex;flex-direction:column;gap:var(--uil-xl);overflow:auto;height:100%}.p .qi{font-size:var(--uil-xxl);line-height:var(--uil-xxl);font-weight:400;width:100%;padding-bottom:var(--uil-xxs);margin-top:var(--uil-xxxl);border-bottom:1px solid var(--uil-grey-dark);cursor:default}.p .Dr{font-size:var(--uil-xl);line-height:var(--uil-xl);opacity:.75;font-weight:400;cursor:default;width:100%}.p .Dr:hover{font-size:var(--uil-xxl);opacity:1}.Bi{position:fixed;inset:0;background-color:var(--uil-black);opacity:.5;z-index:90}.r{width:100%;--uil-input-focus-color: var(--uil-info)}.r .i{position:relative;display:flex;align-items:center;width:100%;box-sizing:border-box}.r .i.g{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .o{padding-left:0}.r .i.g .z{left:0}.r .i.g .s{border-bottom:1px solid var(--uil-grey-dark)}.r .i.g .u.K{margin-right:.875rem}.r .i.g~.rr{margin-left:0}.r .i.x,.r .i.x .s{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.x .u.K{margin-left:.875rem}.r .i.x .u.Gi{margin-right:.875rem}.r .i.g:not(:has(.o:disabled)):not(.w):not(:focus-within):not(:has(.u.C)):has(.o:placeholder-shown):hover,.r .i.g:not(:has(.o:disabled)):not(.w):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s,.r .i.x:not(:has(.o:disabled)):not(.w):not(:focus-within):not(:has(.u.C)):has(.o:placeholder-shown):hover,.r .i.x:not(:has(.o:disabled)):not(.w):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s{border-color:var(--uil-black-w)}.r .i.g:focus-within,.r .i.g:has(.o:not(:placeholder-shown)),.r .i.g:has(.o:disabled:not(:placeholder-shown)),.r .i.g:has(.u.C),.r .i.x:focus-within,.r .i.x:has(.o:not(:placeholder-shown)),.r .i.x:has(.o:disabled:not(:placeholder-shown)),.r .i.x:has(.u.C){border-color:transparent}.r .i.g:has(.u.K),.r .i.x:has(.u.K){flex-direction:row-reverse}.r .i.g:has(.o:disabled),.r .i.x:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.w .z{color:var(--uil-error);opacity:1}.r .i.w,.r .i.w .s{border-color:var(--uil-error)}.r .i:not(.w) .o:not(:disabled):focus~.z{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.w) .o:focus~.s{border-color:var(--uil-input-focus-color)}.r .i .s{border-radius:0;padding:var(--uil-xs);margin:0;position:absolute;left:0;right:0;bottom:0;pointer-events:none;visibility:hidden;border:none;min-height:2.1875rem;box-sizing:content-box;font-size:var(--uil-m)}.r .i .s .Hi{visibility:hidden;padding:0 2px}.r .i .z{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease;font-size:var(--uil-m)}.r .i .z.Ii{top:var(--uil-m)}.r .i .q{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .q.Ji{margin-left:var(--uil-xxxs)}.r .i .o{box-sizing:border-box;width:100%;color:var(--uil-black-w);background-color:transparent;border-radius:0;padding:var(--uil-xs);padding-left:.65rem;border:none;outline:none}.r .i .o:disabled{color:var(--uil-grey-dark)}.r .i .o:disabled~.s,.r .i .o:disabled:not(:placeholder-shown)~.s{border-color:var(--uil-grey-alt)}.r .i .o:disabled~.z{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.u.ir,.r .i .o:not(:placeholder-shown)~.u.ir{visibility:visible}.r .i .o:focus~.s{border-width:2px;padding:7px}.r .i .Er{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Er~.s{top:-.5rem}.r .i .u{min-width:fit-content;opacity:.75}.r .i .u.ir{visibility:hidden}.r .i .o:focus~*.s,.r .i .o:not(:placeholder-shown)~*.s,.r .i .u.C~*.s{visibility:visible}.r .i .o:focus~*.z,.r .i .o:not(:placeholder-shown)~*.z,.r .i .u.C~*.z{top:-.65rem}.r .i .o:focus~* .q,.r .i .o:not(:placeholder-shown)~* .q,.r .i .u.C~* .q{font-size:var(--uil-m);line-height:var(--uil-m)}.r .rr{color:var(--uil-grey-dark);font-size:var(--uil-m);line-height:var(--uil-m);margin-left:var(--uil-s);margin-top:var(--uil-xxs);min-height:var(--uil-m)}.r .rr.w{color:var(--uil-error)}.B{gap:var(--uil-xs)}@media(min-width:760px){.B{gap:var(--uil-m)}}.B .Ki{color:var(--uil-black-alt);background-color:var(--uil-white-alt);border:1px solid var(--uil-black-alt);border-radius:3px;outline:none;padding:var(--uil-xxs) var(--uil-xxs) var(--uil-xxs) 0;height:100%}.B p{margin:0}.B .Li{display:flex;gap:var(--uil-xxs);height:100%}.d{width:100%;color:var(--uil-black-w);background-color:var(--uil-white-alt);box-shadow:0 1px 3px -1px var(--uil-grey-alt);border:1px solid var(--uil-grey-alt);border-radius:5px}.d[open]{overflow-x:auto}.d[open] .F.Mi{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.d[open] .F .L{rotate:90deg}.d .F{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.d .F::marker{content:none}.d .F::-webkit-details-marker{display:none}.d .F.Ni .L{margin-right:var(--uil-s)}.d .F.qr{flex-direction:row-reverse;justify-content:space-between}.d .F.qr .L{margin-left:var(--uil-s)}.d .F .L{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.d .Oi{padding:var(--uil-xs)}.M{display:flex;flex-direction:column}.M .d{border-radius:unset;border-bottom:none}.M .d:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.M .d:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.X{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.X.Pi li:last-child{font-weight:700}.X li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.X .Br:last-child,.X .Br:hover{color:var(--uil-black-w)}.X .or{background-color:transparent;border:none;padding:0;margin:0}.X .or svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.X .or svg:hover{fill:var(--uil-black-w)}.Gr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Gr.Qi{animation:ease-in-out var(--uil-pulse-anim) infinite Hr}@keyframes Hr{0%{opacity:1}50%{opacity:.45}to{opacity:1}}.a{display:block;border:1px solid transparent;border-radius:5px;box-sizing:border-box;background-color:transparent;cursor:pointer;text-decoration:none}.a.N{box-shadow:0 0 2px 0 var(--uil-black-alt)}.a.Ri{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.a.Si{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.a.lr{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.a.lr.O,.a.lr.ar{--uil-button-color: var(--uil-warning-alt)}.a.Ti{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-error);--uil-button-hover-color: var(--uil-error-hover)}.a:not(:disabled).N{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.a:not(:disabled).N:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.a:not(:disabled).O{color:var(--uil-button-color);border-color:var(--uil-button-color)}.a:not(:disabled).O:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a:not(:disabled).ar{color:var(--uil-button-color)}.a:not(:disabled).ar:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a.tr{cursor:default;color:var(--uil-grey-dark)}.a.tr.N{background-color:var(--uil-grey-light)}.a.tr.O{border-color:var(--uil-grey-dark)}.a.Ir{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.a.Ir.er{border-radius:var(--uil-m)}.a.Jr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Jr.er{border-radius:var(--uil-xl)}.a.Kr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Kr.er{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.P{padding:.7rem 0;width:var(--uil-xxxl)}.l.P .c{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.P .c:has(input:checked){left:calc(100% - var(--uil-m))}.l.P .G{border-radius:6px}.l.Q{padding:var(--uil-xs) 0;width:2.75rem}.l.Q .c{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.Q .c:has(input:checked){left:calc(100% - var(--uil-l))}.l.Q .G{border-radius:9px}.l.R{padding:var(--uil-xxs) 0;width:4.25rem}.l.R .c{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.R .c:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.R .G{border-radius:var(--uil-s)}.l.Ui{--uil-switch-color: var(--uil-info)}.l.Vi{--uil-switch-color: var(--uil-success)}.l.Wi{--uil-switch-color: var(--uil-warning)}.l.Zi{--uil-switch-color: var(--uil-error)}.l .G{height:100%;width:100%;opacity:.25;z-index:-1;background-color:var(--uil-black-lighter);transition:background-color .1s ease-in-out}.l .c{position:absolute;left:0;cursor:pointer;transition:left .15s ease-in-out;border-radius:50%}.l .c:not(:has(input:disabled)):hover,.l .c:not(:has(input:disabled)):has(input:focus){outline:6px solid var(--uil-switch-hover-w)}.l .c:not(:has(input:disabled)):has(input:checked)~.G{background-color:var(--uil-switch-color)}.l .c:not(:has(input:disabled)):has(input:checked) .nr{background-color:var(--uil-switch-color)}.l .c:has(input:disabled){cursor:default}.l .c:has(input:disabled) .nr{background-color:var(--uil-grey-dark)}.l .c .nr{width:100%;height:100%;border-radius:50%;background-color:var(--uil-white);box-shadow:1px 1px 3px -1px var(--uil-black-alt)}.l .c input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.h{position:relative;width:100%;min-width:10rem}.h .S{padding:var(--uil-xs);font-size:var(--uil-l);line-height:var(--uil-xl);border:1px solid var(--uil-black-alt);background-color:var(--uil-white-alt);border-radius:var(--uil-xs);width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--uil-xs);color:var(--uil-black-w);cursor:pointer;white-space:nowrap}.h .S.ur{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.h .S.ur .Lr{fill:var(--uil-grey-dark)}.h .S .Lr{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w)}.h .m{position:absolute;display:flex;flex-direction:column;gap:var(--uil-xxs);padding:var(--uil-xs);box-sizing:border-box;background-color:var(--uil-white-alt);width:100%;border:1px solid var(--uil-black-alt);border-radius:var(--uil-xs);cursor:default;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .1s ease;z-index:999}.h .m.Mr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.h .m.Nr{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.h .m.Mr.Or,.h .m.Nr.Or{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.h .m .Pr{display:flex;flex-direction:column;gap:var(--uil-xxs)}.h .m .Pr ._i{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline}.h .m .sr{cursor:pointer;color:var(--uil-black-w);border-radius:var(--uil-xxs)}.h .m .sr.ro{background-color:var(--uil-grey-light-alt)}.h .m .sr.ur{color:var(--uil-grey-alt);cursor:default}.e{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.e.dr{cursor:pointer}.e.dr:focus,.e.dr:hover{opacity:.85}.e.Qr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.e.Rr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.e.Sr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.e.io{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.e.cr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.e.cr .H{fill:var(--uil-tag-color)}.e.oo{box-shadow:0 0 2px 0 var(--uil-black-alt)}.e.lo{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.e.ao{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.e.Tr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.e.Tr.cr{--uil-tag-color: var(--uil-warning-alt)}.e.to{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.e .H{cursor:pointer}.e .H.Qr{width:var(--uil-m);height:var(--uil-m)}.e .H.Rr{width:var(--uil-xl);height:var(--uil-xl)}.e .H.Sr{width:var(--uil-xxl);height:var(--uil-xxl)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "private": false,
3
3
  "name": "@hbuesing/ui-library",
4
- "version": "9.0.0",
4
+ "version": "9.0.1",
5
5
  "description": "Collection of reusable ui components for react based applications",
6
6
  "source": "src/index.ts",
7
7
  "type": "module",