@hbuesing/ui-library 8.1.0 → 8.1.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.
- package/dist/index.css +1 -1
- 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}.Or{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Pr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Qr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Rr{font-size:var(--uil-xxl);line-height:2.25rem}.Sr{--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)}.e{margin:auto;border-radius:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.e::backdrop{background-color:#00000080}.e.Tr{width:25%}.e.Ur{width:50%}.e.Vr{width:75%}.e .m{font-weight:700;padding:.5rem}.e .m.Wr{background-color:var(--uil-info);color:var(--uil-white)}.e .m.cr{background-color:var(--uil-success);color:var(--uil-white)}.e .m.hr{background-color:var(--uil-warning);color:var(--uil-black-light)}.e .m.vr{background-color:var(--uil-error);color:var(--uil-white)}.e .m.Zr,.e .m.cr,.e .m.hr,.e .m.vr{border-top-left-radius:4px;border-top-right-radius:4px}.e .br{display:flex;flex-direction:column;padding:.5rem}.e .br._r{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .H{display:flex;gap:2rem;padding:.5rem}.e .H.ri{justify-content:start}.e .H.ii{justify-content:end}.e .H.oi{justify-content:space-between}.u{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)}.u.li{--uil-top: var(--uil-l)}.u.ai{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.u.ei{left:50%;transform:translate(-50%)}.u.ti{top:50%;transform:translateY(-50%)}.u.ui{left:50%;top:50%;transform:translate(-50%)}.u.ni{--uil-left: var(--uil-l)}.u.si{--uil-right: var(--uil-l);align-items:end}.u::-webkit-scrollbar{display:none}.u .k{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)}.u .k.di{opacity:1;transform:translateY(0)}.u .k.ci{opacity:0;transform:translateY(-6px)}.u .k.hi{color:var(--uil-white);background-color:var(--uil-info)}.u .k.vi{color:var(--uil-white);background-color:var(--uil-success)}.u .k.bi{color:var(--uil-black);background-color:var(--uil-warning)}.u .k.gi{color:var(--uil-white);background-color:var(--uil-error)}.u .k .gr{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)}.u .k .gr:hover{background-color:#0000001a}.v{display:flex;align-items:center;gap:var(--uil-s)}.v:has(input:disabled) .pr{color:var(--uil-grey-dark)}.v .pr{color:var(--uil-black-w)}.v .x{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 .x:hover,.v .x:has(input:checked){border-color:var(--uil-black-w)}.v .x.pi{border-radius:2px}.v .x.xr,.v .x.xr .xi{border-radius:50%}.v .x:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.v .x input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.v .x input:checked~.S{transform:scale(1)}.v .x input:disabled~.S{background-color:var(--uil-grey-dark)}.v .x .S{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}.T{display:flex;gap:var(--uil-m)}.T.fi{flex-direction:row}.T.wi{flex-direction:column}.F{--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){.F{--uil-pagination-size: var(--uil-xxl)}}.F .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))}.F .D:disabled{cursor:default}.F .D:disabled .fr{fill:var(--uil-grey-alt)}.F .D.mi,.F .D:not(:disabled):hover{background-color:var(--uil-grey)}.F .D .fr{fill:var(--uil-black-lighter);height:100%;width:100%}.I{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.I{gap:var(--uil-s)}}.I .wr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.I .wr .ki{fill:var(--uil-grey-dark)}.Y{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.Y.mr{animation:1.5s ease-in-out 0s infinite kr}.Y.mr .E{animation:1.5s ease-in-out 0s infinite yr}.Y .E{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.Y .E.U{stroke:var(--uil-info)}.Y .E.V{stroke:var(--uil-success)}.Y .E.W{stroke:var(--uil-warning)}.Y .E.Z{stroke:var(--uil-error)}@keyframes yr{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 kr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.g{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.g.U{background-color:var(--uil-info-o)}.g.V{background-color:var(--uil-success-o)}.g.W{background-color:var(--uil-warning-o)}.g.Z{background-color:var(--uil-error-o)}.g.yi{background-color:var(--uil-grey-alt)}.g .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.g .A.zi{animation:2.5s ease-in-out 0s infinite zr}.g .A.Fi{animation:2.5s ease-in-out 0s infinite Fr}.g .A.U{background-color:var(--uil-info)}.g .A.V{background-color:var(--uil-success)}.g .A.W{background-color:var(--uil-warning)}.g .A.Z{background-color:var(--uil-error)}@keyframes zr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes Fr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.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.b{border-bottom:1px solid var(--uil-grey-dark)}.r .i.b .o{padding-left:0}.r .i.b .y{left:0}.r .i.b .s{border-bottom:1px solid var(--uil-grey-dark)}.r .i.b .n.J{margin-right:.875rem}.r .i.b~._{margin-left:0}.r .i.p,.r .i.p .s{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.p .n.J{margin-left:.875rem}.r .i.p .n.Yi{margin-right:.875rem}.r .i.b:not(:has(.o:disabled)):not(.f):not(:focus-within):not(:has(.n.C)):has(.o:placeholder-shown):hover,.r .i.b:not(:has(.o:disabled)):not(.f):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s,.r .i.p:not(:has(.o:disabled)):not(.f):not(:focus-within):not(:has(.n.C)):has(.o:placeholder-shown):hover,.r .i.p:not(:has(.o:disabled)):not(.f):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s{border-color:var(--uil-black-w)}.r .i.b:focus-within,.r .i.b:has(.o:not(:placeholder-shown)),.r .i.b:has(.o:disabled:not(:placeholder-shown)),.r .i.b:has(.n.C),.r .i.p:focus-within,.r .i.p:has(.o:not(:placeholder-shown)),.r .i.p:has(.o:disabled:not(:placeholder-shown)),.r .i.p:has(.n.C){border-color:transparent}.r .i.b:has(.n.J),.r .i.p:has(.n.J){flex-direction:row-reverse}.r .i.b:has(.o:disabled),.r .i.p:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.f .y{color:var(--uil-error);opacity:1}.r .i.f,.r .i.f .s{border-color:var(--uil-error)}.r .i:not(.f) .o:not(:disabled):focus~.y{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.f) .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 .ji{visibility:hidden;padding:0 2px}.r .i .y{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease}.r .i .y.Ai{top:var(--uil-m)}.r .i .X{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .X.Ci{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~.y{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.n.rr,.r .i .o:not(:placeholder-shown)~.n.rr{visibility:visible}.r .i .o:focus~.s{border-width:2px;padding:7px}.r .i .Yr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Yr~.s{top:-.5rem}.r .i .n{min-width:fit-content;opacity:.75}.r .i .n.rr{visibility:hidden}.r .i .o:focus~*.s,.r .i .o:not(:placeholder-shown)~*.s,.r .i .n.C~*.s{visibility:visible}.r .i .o:focus~*.y,.r .i .o:not(:placeholder-shown)~*.y,.r .i .n.C~*.y{top:-.65rem}.r .i .o:focus~* .X,.r .i .o:not(:placeholder-shown)~* .X,.r .i .n.C~* .X{font-size:var(--uil-m);line-height:var(--uil-m)}.r ._{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 ._.f{color:var(--uil-error)}.q{gap:var(--uil-xs)}@media(min-width:760px){.q{gap:var(--uil-m)}}.q .Di{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%}.q p{margin:0}.q .Ei{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] .z.Xi{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.d[open] .z .K{rotate:90deg}.d .z{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.d .z::marker{content:none}.d .z::-webkit-details-marker{display:none}.d .z.qi .K{margin-right:var(--uil-s)}.d .z.jr{flex-direction:row-reverse;justify-content:space-between}.d .z.jr .K{margin-left:var(--uil-s)}.d .z .K{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.d .Bi{padding:var(--uil-xs)}.L{display:flex;flex-direction:column}.L .d{border-radius:unset;border-bottom:none}.L .d:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.L .d:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.j{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.j.Gi li:last-child{font-weight:700}.j li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.j .Ar:last-child,.j .Ar:hover{color:var(--uil-black-w)}.j .ir{background-color:transparent;border:none;padding:0;margin:0}.j .ir svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.j .ir svg:hover{fill:var(--uil-black-w)}.Cr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Cr.Hi{animation:ease-in-out var(--uil-pulse-anim) infinite Dr}@keyframes Dr{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.M{box-shadow:0 0 2px 0 var(--uil-black-alt)}.a.Ii{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.a.Ji{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.a.or{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.a.or.N,.a.or.lr{--uil-button-color: var(--uil-warning-alt)}.a.Ki{--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).M{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.a:not(:disabled).M:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.a:not(:disabled).N{color:var(--uil-button-color);border-color:var(--uil-button-color)}.a:not(:disabled).N:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a:not(:disabled).lr{color:var(--uil-button-color)}.a:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a.ar{cursor:default;color:var(--uil-grey-dark)}.a.ar.M{background-color:var(--uil-grey-light)}.a.ar.N{border-color:var(--uil-grey-dark)}.a.Er{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.a.Er.er{border-radius:var(--uil-m)}.a.Xr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Xr.er{border-radius:var(--uil-xl)}.a.qr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.qr.er{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.O{padding:.7rem 0;width:var(--uil-xxxl)}.l.O .c{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.O .c:has(input:checked){left:calc(100% - var(--uil-m))}.l.O .B{border-radius:6px}.l.P{padding:var(--uil-xs) 0;width:2.75rem}.l.P .c{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.P .c:has(input:checked){left:calc(100% - var(--uil-l))}.l.P .B{border-radius:9px}.l.Q{padding:var(--uil-xxs) 0;width:4.25rem}.l.Q .c{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.Q .c:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.Q .B{border-radius:var(--uil-s)}.l.Li{--uil-switch-color: var(--uil-info)}.l.Mi{--uil-switch-color: var(--uil-success)}.l.Ni{--uil-switch-color: var(--uil-warning)}.l.Oi{--uil-switch-color: var(--uil-error)}.l .B{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)~.B{background-color:var(--uil-switch-color)}.l .c:not(:has(input:disabled)):has(input:checked) .tr{background-color:var(--uil-switch-color)}.l .c:has(input:disabled){cursor:default}.l .c:has(input:disabled) .tr{background-color:var(--uil-grey-dark)}.l .c .tr{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 .R{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 .R.ur{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.h .R.ur .Br{fill:var(--uil-grey-dark)}.h .R .Br{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w)}.h .w{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}.h .w.Gr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.h .w.Hr{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.h .w.Gr.Ir,.h .w.Hr.Ir{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.h .w .Jr{display:flex;flex-direction:column;gap:var(--uil-xxs)}.h .w .Jr .Pi{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline}.h .w .nr{cursor:pointer;color:var(--uil-black-w);border-radius:var(--uil-xxs)}.h .w .nr.Qi{background-color:var(--uil-grey-light-alt)}.h .w .nr.ur{color:var(--uil-grey-alt);cursor:default}.t{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.t.sr{cursor:pointer}.t.sr:focus,.t.sr:hover{opacity:.85}.t.Kr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.t.Lr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.t.Mr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.t.Ri{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.t.dr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.t.dr .G{fill:var(--uil-tag-color)}.t.Si{box-shadow:0 0 2px 0 var(--uil-black-alt)}.t.Ti{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.t.Ui{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.t.Nr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.t.Nr.dr{--uil-tag-color: var(--uil-warning-alt)}.t.Vi{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.t .G{cursor:pointer}.t .G.Kr{width:var(--uil-m);height:var(--uil-m)}.t .G.Lr{width:var(--uil-xl);height:var(--uil-xl)}.t .G.Mr{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}.Or{min-height:fit-content;min-width:fit-content;height:fit-content;width:fit-content}.Pr{font-size:var(--uil-m);line-height:var(--uil-xl)}.Qr{font-size:var(--uil-l);line-height:var(--uil-xxl)}.Rr{font-size:var(--uil-xxl);line-height:2.25rem}.Sr{--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)}.e{margin:auto;border-radius:5px;background-color:var(--uil-white-alt);padding:0;border:transparent}.e::backdrop{background-color:#00000080}.e.Tr{width:25%}.e.Ur{width:50%}.e.Vr{width:75%}.e .m{font-weight:700;padding:.5rem}.e .m.Wr{background-color:var(--uil-info);color:var(--uil-white)}.e .m.cr{background-color:var(--uil-success);color:var(--uil-white)}.e .m.hr{background-color:var(--uil-warning);color:var(--uil-black-light)}.e .m.vr{background-color:var(--uil-error);color:var(--uil-white)}.e .m.Zr,.e .m.cr,.e .m.hr,.e .m.vr{border-top-left-radius:4px;border-top-right-radius:4px}.e .br{display:flex;flex-direction:column;padding:.5rem}.e .br._r{border-top:1px solid var(--uil-grey-alt);border-bottom:1px solid var(--uil-grey-alt)}.e .H{display:flex;gap:2rem;padding:.5rem}.e .H.ri{justify-content:start}.e .H.ii{justify-content:end}.e .H.oi{justify-content:space-between}.u{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)}.u.li{--uil-top: var(--uil-l)}.u.ai{--uil-bottom: var(--uil-l);flex-direction:column-reverse}.u.ei{left:50%;transform:translate(-50%)}.u.ti{top:50%;transform:translateY(-50%)}.u.ui{left:50%;top:50%;transform:translate(-50%)}.u.ni{--uil-left: var(--uil-l)}.u.si{--uil-right: var(--uil-l);align-items:end}.u::-webkit-scrollbar{display:none}.u .k{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)}.u .k.di{opacity:1;transform:translateY(0)}.u .k.ci{opacity:0;transform:translateY(-6px)}.u .k.hi{color:var(--uil-white);background-color:var(--uil-info)}.u .k.vi{color:var(--uil-white);background-color:var(--uil-success)}.u .k.bi{color:var(--uil-black);background-color:var(--uil-warning)}.u .k.gi{color:var(--uil-white);background-color:var(--uil-error)}.u .k .gr{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)}.u .k .gr:hover{background-color:#0000001a}.v{display:flex;align-items:center;gap:var(--uil-s)}.v:has(input:disabled) .pr{color:var(--uil-grey-dark)}.v .pr{color:var(--uil-black-w)}.v .x{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 .x:hover,.v .x:has(input:checked){border-color:var(--uil-black-w)}.v .x.pi{border-radius:2px}.v .x.xr,.v .x.xr .xi{border-radius:50%}.v .x:has(input:disabled){border-color:var(--uil-grey-alt);cursor:default}.v .x input{position:absolute;cursor:pointer;height:0;width:0;opacity:0}.v .x input:checked~.S{transform:scale(1)}.v .x input:disabled~.S{background-color:var(--uil-grey-dark)}.v .x .S{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}.T{display:flex;gap:var(--uil-m)}.T.fi{flex-direction:row}.T.wi{flex-direction:column}.F{--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){.F{--uil-pagination-size: var(--uil-xxl)}}.F .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))}.F .D:disabled{cursor:default}.F .D:disabled .fr{fill:var(--uil-grey-alt)}.F .D.mi,.F .D:not(:disabled):hover{background-color:var(--uil-grey)}.F .D .fr{fill:var(--uil-black-lighter);height:100%;width:100%}.I{list-style:none;gap:var(--uil-xs)}@media(min-width:760px){.I{gap:var(--uil-s)}}.I .wr{height:var(--uil-pagination-size);width:var(--uil-pagination-size)}.I .wr .ki{fill:var(--uil-grey-dark)}.Y{height:1.875rem;width:1.875rem;transform:rotate(-90deg)}.Y.mr{animation:1.5s ease-in-out 0s infinite kr}.Y.mr .E{animation:1.5s ease-in-out 0s infinite yr}.Y .E{transition:stroke-dashoffset var(--uil-progress-delay) ease-in-out 0ms}.Y .E.U{stroke:var(--uil-info)}.Y .E.V{stroke:var(--uil-success)}.Y .E.W{stroke:var(--uil-warning)}.Y .E.Z{stroke:var(--uil-error)}@keyframes yr{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 kr{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.g{overflow:hidden;position:relative;min-width:5rem;width:100%;height:5px}.g.U{background-color:var(--uil-info-o)}.g.V{background-color:var(--uil-success-o)}.g.W{background-color:var(--uil-warning-o)}.g.Z{background-color:var(--uil-error-o)}.g.yi{background-color:var(--uil-grey-alt)}.g .A{position:absolute;right:0;left:0;height:100%;width:auto;transition:right var(--uil-progress-delay) ease-in-out 0ms}.g .A.zi{animation:2.5s ease-in-out 0s infinite zr}.g .A.Fi{animation:2.5s ease-in-out 0s infinite Fr}.g .A.U{background-color:var(--uil-info)}.g .A.V{background-color:var(--uil-success)}.g .A.W{background-color:var(--uil-warning)}.g .A.Z{background-color:var(--uil-error)}@keyframes zr{0%{left:-25%;right:100%}60%{left:100%;right:-90%}to{left:100%;right:-90%}}@keyframes Fr{0%{left:-25%;right:100%}55%{left:-35%;right:100%}to{left:100%;right:-150%}}.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.b{border-bottom:1px solid var(--uil-grey-dark)}.r .i.b .o{padding-left:0}.r .i.b .y{left:0}.r .i.b .s{border-bottom:1px solid var(--uil-grey-dark)}.r .i.b .n.J{margin-right:.875rem}.r .i.b~._{margin-left:0}.r .i.p,.r .i.p .s{border:1px solid var(--uil-grey-dark);border-radius:5px}.r .i.p .n.J{margin-left:.875rem}.r .i.p .n.Yi{margin-right:.875rem}.r .i.b:not(:has(.o:disabled)):not(.f):not(:focus-within):not(:has(.n.C)):has(.o:placeholder-shown):hover,.r .i.b:not(:has(.o:disabled)):not(.f):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s,.r .i.p:not(:has(.o:disabled)):not(.f):not(:focus-within):not(:has(.n.C)):has(.o:placeholder-shown):hover,.r .i.p:not(:has(.o:disabled)):not(.f):not(:focus-within):has(:not(.o:placeholder-shown)):hover .s{border-color:var(--uil-black-w)}.r .i.b:focus-within,.r .i.b:has(.o:not(:placeholder-shown)),.r .i.b:has(.o:disabled:not(:placeholder-shown)),.r .i.b:has(.n.C),.r .i.p:focus-within,.r .i.p:has(.o:not(:placeholder-shown)),.r .i.p:has(.o:disabled:not(:placeholder-shown)),.r .i.p:has(.n.C){border-color:transparent}.r .i.b:has(.n.J),.r .i.p:has(.n.J){flex-direction:row-reverse}.r .i.b:has(.o:disabled),.r .i.p:has(.o:disabled){border-color:var(--uil-grey-alt)}.r .i.f .y{color:var(--uil-error);opacity:1}.r .i.f,.r .i.f .s{border-color:var(--uil-error)}.r .i:not(.f) .o:not(:disabled):focus~.y{opacity:1;color:var(--uil-input-focus-color)}.r .i:not(.f) .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 .ji{visibility:hidden;padding:0 2px}.r .i .y{position:absolute;top:25%;left:.7rem;cursor:text;color:var(--uil-black-w);opacity:.6;transition:top .25s ease}.r .i .y.Ai{top:var(--uil-m)}.r .i .X{font-size:var(--uil-l);line-height:var(--uil-l);transition:font-size .2s ease}.r .i .X.Ci{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~.y{color:var(--uil-grey-dark);opacity:1;cursor:default}.r .i .o:focus~.n.rr,.r .i .o:not(:placeholder-shown)~.n.rr{visibility:visible}.r .i .o:focus~.s{border-width:2px;padding:7px}.r .i .Yr{min-width:fit-content;min-height:fit-content;margin:var(--uil-xxs);resize:var(--uil-textarea-resize)}.r .i .Yr~.s{top:-.5rem}.r .i .n{min-width:fit-content;opacity:.75}.r .i .n.rr{visibility:hidden}.r .i .o:focus~*.s,.r .i .o:not(:placeholder-shown)~*.s,.r .i .n.C~*.s{visibility:visible}.r .i .o:focus~*.y,.r .i .o:not(:placeholder-shown)~*.y,.r .i .n.C~*.y{top:-.65rem}.r .i .o:focus~* .X,.r .i .o:not(:placeholder-shown)~* .X,.r .i .n.C~* .X{font-size:var(--uil-m);line-height:var(--uil-m)}.r ._{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 ._.f{color:var(--uil-error)}.q{gap:var(--uil-xs)}@media(min-width:760px){.q{gap:var(--uil-m)}}.q .Di{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%}.q p{margin:0}.q .Ei{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] .z.Xi{border-bottom:1px solid var(--uil-grey-alt);box-shadow:0 0 1px 0 var(--uil-grey-alt)}.d[open] .z .K{rotate:90deg}.d .z{width:100%;cursor:pointer;display:flex;align-items:center;padding:var(--uil-xs);box-sizing:border-box}.d .z::marker{content:none}.d .z::-webkit-details-marker{display:none}.d .z.qi .K{margin-right:var(--uil-s)}.d .z.jr{flex-direction:row-reverse;justify-content:space-between}.d .z.jr .K{margin-left:var(--uil-s)}.d .z .K{height:var(--uil-s);width:var(--uil-s);fill:var(--uil-black-lighter);transition:rotate .2s ease-in-out}.d .Bi{padding:var(--uil-xs)}.L{display:flex;flex-direction:column}.L .d{border-radius:unset;border-bottom:none}.L .d:first-of-type{border-top-left-radius:5px;border-top-right-radius:5px}.L .d:last-of-type{border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--uil-grey-alt)}.j{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.j.Gi li:last-child{font-weight:700}.j li{cursor:default;color:var(--uil-grey-dark);display:flex;align-items:center}.j .Ar:last-child,.j .Ar:hover{color:var(--uil-black-w)}.j .ir{background-color:transparent;border:none;padding:0;margin:0}.j .ir svg{cursor:pointer;fill:var(--uil-grey-dark);height:var(--uil-xl);width:var(--uil-xl)}.j .ir svg:hover{fill:var(--uil-black-w)}.Cr{background-color:var(--uil-grey-alt);height:var(--uil-m);width:100%}.Cr.Hi{animation:ease-in-out var(--uil-pulse-anim) infinite Dr}@keyframes Dr{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.M{box-shadow:0 0 2px 0 var(--uil-black-alt)}.a.Ii{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-info);--uil-button-hover-color: var(--uil-info-hover)}.a.Ji{--uil-button-font-color: var(--uil-white-b);--uil-button-color: var(--uil-success);--uil-button-hover-color: var(--uil-success-hover)}.a.or{--uil-button-font-color: var(--uil-black-light);--uil-button-color: var(--uil-warning);--uil-button-hover-color: var(--uil-warning-hover)}.a.or.N,.a.or.lr{--uil-button-color: var(--uil-warning-alt)}.a.Ki{--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).M{color:var(--uil-button-font-color);background-color:var(--uil-button-color)}.a:not(:disabled).M:hover{background-color:rgba(var(--uil-button-hover-color),.8)}.a:not(:disabled).N{color:var(--uil-button-color);border-color:var(--uil-button-color)}.a:not(:disabled).N:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a:not(:disabled).lr{color:var(--uil-button-color)}.a:not(:disabled).lr:hover{background-color:rgba(var(--uil-button-hover-color),.08)}.a.ar{cursor:default;color:var(--uil-grey-dark)}.a.ar.M{background-color:var(--uil-grey-light)}.a.ar.N{border-color:var(--uil-grey-dark)}.a.Er{letter-spacing:1px;padding:var(--uil-xxs) var(--uil-xs)}.a.Er.er{border-radius:var(--uil-m)}.a.Xr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.Xr.er{border-radius:var(--uil-xl)}.a.qr{letter-spacing:2px;padding:var(--uil-xs) var(--uil-s)}.a.qr.er{border-radius:var(--uil-xxl)}.l{height:var(--uil-xxxl);position:relative;display:inline-flex;box-sizing:border-box}.l.O{padding:.7rem 0;width:var(--uil-xxxl)}.l.O .c{width:var(--uil-m);height:var(--uil-m);top:var(--uil-xs)}.l.O .c:has(input:checked){left:calc(100% - var(--uil-m))}.l.O .B{border-radius:6px}.l.P{padding:var(--uil-xs) 0;width:2.75rem}.l.P .c{width:var(--uil-l);height:var(--uil-l);top:.375rem}.l.P .c:has(input:checked){left:calc(100% - var(--uil-l))}.l.P .B{border-radius:9px}.l.Q{padding:var(--uil-xxs) 0;width:4.25rem}.l.Q .c{width:var(--uil-xxxl);height:var(--uil-xxxl);top:.0125rem}.l.Q .c:has(input:checked){left:calc(100% - var(--uil-xxxl))}.l.Q .B{border-radius:var(--uil-s)}.l.Li{--uil-switch-color: var(--uil-info)}.l.Mi{--uil-switch-color: var(--uil-success)}.l.Ni{--uil-switch-color: var(--uil-warning)}.l.Oi{--uil-switch-color: var(--uil-error)}.l .B{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)~.B{background-color:var(--uil-switch-color)}.l .c:not(:has(input:disabled)):has(input:checked) .tr{background-color:var(--uil-switch-color)}.l .c:has(input:disabled){cursor:default}.l .c:has(input:disabled) .tr{background-color:var(--uil-grey-dark)}.l .c .tr{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 .R{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 .R.ur{cursor:default;color:var(--uil-grey-dark);background-color:var(--uil-grey-light);border-color:var(--uil-grey-dark)}.h .R.ur .Br{fill:var(--uil-grey-dark)}.h .R .Br{width:var(--uil-m);height:var(--uil-m);fill:var(--uil-black-w)}.h .w{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 .w.Gr{bottom:100%;margin-bottom:var(--uil-xxs);transform:translateY(.5rem)}.h .w.Hr{top:100%;margin-top:var(--uil-xxs);transform:translateY(-.5rem)}.h .w.Gr.Ir,.h .w.Hr.Ir{opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 var(--uil-xs) var(--uil-m) #00000026}.h .w .Jr{display:flex;flex-direction:column;gap:var(--uil-xxs)}.h .w .Jr .Pi{color:var(--uil-black-alt);font-size:.875rem;margin-bottom:var(--uil-xxs);margin-top:var(--uil-xxs);text-decoration:underline}.h .w .nr{cursor:pointer;color:var(--uil-black-w);border-radius:var(--uil-xxs)}.h .w .nr.Qi{background-color:var(--uil-grey-light-alt)}.h .w .nr.ur{color:var(--uil-grey-alt);cursor:default}.t{display:flex;align-items:center;gap:var(--uil-s);cursor:default;outline:none;border-width:2px;border-style:solid}.t.sr{cursor:pointer}.t.sr:focus,.t.sr:hover{opacity:.85}.t.Kr{padding:var(--uil-xxs) var(--uil-xs);border-radius:var(--uil-m)}.t.Lr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xl)}.t.Mr{padding:var(--uil-xs) var(--uil-s);border-radius:var(--uil-xxl)}.t.Ri{border:transparent;color:var(--uil-tag-font-color);background-color:var(--uil-tag-color)}.t.dr{background-color:transparent;color:var(--uil-tag-color);border-color:var(--uil-tag-color)}.t.dr .G{fill:var(--uil-tag-color)}.t.Si{box-shadow:0 0 2px 0 var(--uil-black-alt)}.t.Ti{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-info)}.t.Ui{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-success)}.t.Nr{--uil-tag-font-color: var(--uil-black-light);--uil-tag-color: var(--uil-warning)}.t.Nr.dr{--uil-tag-color: var(--uil-warning-alt)}.t.Vi{--uil-tag-font-color: var(--uil-white-b);--uil-tag-color: var(--uil-error)}.t .G{cursor:pointer}.t .G.Kr{width:var(--uil-m);height:var(--uil-m)}.t .G.Lr{width:var(--uil-xl);height:var(--uil-xl)}.t .G.Mr{width:var(--uil-xxl);height:var(--uil-xxl)}
|