UNPKG

@adaptabletools/adaptable

Version:

Powerful data-agnostic HTML5 AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

1,513 lines (1,119 loc) 151 kB
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #0284c7;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-rowdetail-background: var(--infinite-row-hover-background);--infinite-rowdetail-padding: var(--infinite-space-2);--infinite-rowdetail-grid-height: 100%;--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: var(--infinite-accent-color);--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-filter-editor-background: var(--infinite-row-background);--infinite-filter-editor-border: var(--infinite-cell-border);--infinite-filter-editor-focus-border-color: var(--infinite-accent-color);--infinite-filter-editor-color: currentColor;--infinite-filter-editor-border-radius: var(--infinite-border-radius);--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-selected-cell-border-style: solid;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));--infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto} .light,.infinite-light,.light:root,.infinite-light:root{--infinite-icon-size: 24px;--infinite-space-0: 0rem;--infinite-space-1: .125rem;--infinite-space-2: .25rem;--infinite-space-3: .5rem;--infinite-space-4: .75rem;--infinite-space-5: 1rem;--infinite-space-6: 1.25rem;--infinite-space-7: 1.5rem;--infinite-space-8: 2.25rem;--infinite-space-9: 3rem;--infinite-space-10: 4rem;--infinite-font-size-0: .5rem;--infinite-font-size-1: .625rem;--infinite-font-size-2: .75rem;--infinite-font-size-3: .875rem;--infinite-font-size-4: 1rem;--infinite-font-size-5: 1.25rem;--infinite-font-size-6: 1.5rem;--infinite-font-size-7: 2.25rem;--infinite-font-family: inherit;--infinite-color: #484848;--infinite-accent-color: #0284c7;--infinite-error-color: #ff0000;--infinite-border-radius: var(--infinite-space-2);--infinite-background: white;--infinite-min-height: 100px;--infinite-selection-checkbox-margin-inline: var(--infinite-space-2);--infinite-menu-background: var(--infinite-background);--infinite-menu-color: var(--infinite-cell-color);--infinite-menu-padding: var(--infinite-space-3);--infinite-menu-cell-padding-vertical: var(--infinite-space-3);--infinite-menu-cell-padding-horizontal: var(--infinite-space-3);--infinite-menu-cell-margin-vertical: var(--infinite-space-0);--infinite-menu-item-disabled-background: var(--infinite-menu-background);--infinite-menu-item-disabled-opacity: .5;--infinite-menu-item-active-background: var(--infinite-row-hover-background);--infinite-menu-item-pressed-background: var(--infinite-row-hover-background);--infinite-menu-item-active-opacity: .9;--infinite-menu-item-pressed-opacity: 1;--infinite-menu-border-radius: var(--infinite-space-2);--infinite-menu-shadow-color: rgba(0,0,0,.25);--infinite-rowdetail-background: var(--infinite-row-hover-background);--infinite-rowdetail-padding: var(--infinite-space-2);--infinite-rowdetail-grid-height: 100%;--infinite-load-mask-text-background: rgba(255,255,255,.8);--infinite-load-mask-overlay-background: gray;--infinite-load-mask-overlay-opacity: .3;--infinite-load-mask-color: inherit;--infinite-load-mask-padding: var(--infinite-space-5);--infinite-load-mask-border-radius: var(--infinite-border-radius);--infinite-filter-operator-padding-x: var(--infinite-space-1);--infinite-filter-editor-padding-x: var(--infinite-space-2);--infinite-filter-editor-margin-x: var(--infinite-space-1);--infinite-filter-operator-padding-y: var(--infinite-space-0);--infinite-filter-editor-padding-y: var(--infinite-space-0);--infinite-filter-editor-margin-y: var(--infinite-space-1);--infinite-resize-handle-active-area-width: 16px;--infinite-resize-handle-width: 2px;--infinite-resize-handle-hover-background: var(--infinite-accent-color);--infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);--infinite-header-cell-background: #ededed;--infinite-filter-editor-background: var(--infinite-row-background);--infinite-filter-editor-border: var(--infinite-cell-border);--infinite-filter-editor-focus-border-color: var(--infinite-accent-color);--infinite-filter-editor-color: currentColor;--infinite-filter-editor-border-radius: var(--infinite-border-radius);--infinite-header-cell-hover-background: #dfdfdf;--infinite-header-cell-padding-x: var(--infinite-space-3);--infinite-header-cell-padding-y: var(--infinite-space-3);--infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;--infinite-header-cell-icon-size: 16px;--infinite-header-cell-menu-icon-line-width: 1px;--infinite-header-cell-sort-icon-margin: 16px;--infinite-header-background: var(--infinite-header-cell-background);--infinite-header-color: #6f6f6f;--infinite-column-header-height: 30px;--infinite-cell-color: currentColor;--infinite-cell-border-width: 1px;--infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);--infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;--infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;--infinite-cell-border-invisible: none;--infinite-cell-border-radius: var(--infinite-space-2);--infinite-column-reorder-effect-duration: .2s;--infinite-selected-cell-border-style: solid;--infinite-active-cell-border-style: dashed;--infinite-active-cell-border-width: 1px;--infinite-active-cell-background-alpha: .25;--infinite-active-cell-background-alpha--table-unfocused: .1;--infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));--infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #f6f6f6;--infinite-row-selected-background: #d1e9ff;--infinite-row-selected-hover-background: #add8ff;--infinite-group-row-background: #cbc5c5;--infinite-group-row-column-nesting: 30px;--infinite-row-hover-background: #dbdbdb;--infinite-row-pointer-events-while-scrolling: auto} .dark,.infinite-dark{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-load-mask-text-background: var(--infinite-background);--infinite-load-mask-color: var(--infinite-cell-color);--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;--infinite-filter-editor-background: var(--infinite-row-odd-background);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754} @media (prefers-color-scheme: dark){:root{--infinite-icon-size: 24px;--infinite-background: #101419;--infinite-cell-border: 1px solid #2a323d;--infinite-header-color: #c3c3c3;--infinite-load-mask-text-background: var(--infinite-background);--infinite-load-mask-color: var(--infinite-cell-color);--infinite-header-cell-background: #1b2129;--infinite-header-cell-hover-background: #222932;--infinite-header-background: var(--infinite-header-cell-background);--infinite-row-hover-background: #3b4754;--infinite-row-selected-background: #0a2e4f;--infinite-row-selected-hover-background: #0b243a;--infinite-row-background: var(--infinite-background);--infinite-row-odd-background: #242a31;--infinite-cell-color: #c3c3c3;--infinite-menu-shadow-color: rgba(255,255,255,.25);--infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;--infinite-filter-editor-background: var(--infinite-row-odd-background);--infinite-menu-background: #101419;--infinite-menu-color: #c3c3c3;--infinite-menu-item-disabled-background: #101419;--infinite-menu-item-active-background: #3b4754;--infinite-menu-item-pressed-background: #3b4754}} ._16lm1iw0{box-sizing:border-box} ._16lm1iw0:before{box-sizing:border-box} ._16lm1iw0:after{box-sizing:border-box} ._16lm1iw0 *{box-sizing:border-box} ._16lm1iw0 *:before{box-sizing:border-box} ._16lm1iw0 *:after{box-sizing:border-box} ._16lm1iw1{position:relative} ._16lm1iw2{position:absolute} ._16lm1iw3{position:static} ._16lm1iw4{position:sticky} ._16lm1iw5{position:fixed} ._16lm1iw6{fill:currentColor} ._16lm1iw7{fill:var(--infinite-accent-color)} ._16lm1iw8{margin:0} ._16lm1iw9{vertical-align:middle} ._16lm1iwa{stroke:currentColor} ._16lm1iwb{stroke:var(--infinite-accent-color)} ._16lm1iwc{background:inherit} ._16lm1iwd{outline:none} ._16lm1iwe,._16lm1iwf{transform:translateZ(0)} ._16lm1iwg{transform:rotate(90deg)} ._16lm1iwh{transform:rotate(180deg)} ._16lm1iwi{cursor:pointer} ._16lm1iwj{cursor:default} ._16lm1iwk{cursor:col-resize} ._16lm1iwl{pointer-events:none} ._16lm1iwm{flex:1} ._16lm1iwn{flex:none} ._16lm1iwo{z-index:1} ._16lm1iwp{z-index:10} ._16lm1iwq{z-index:100} ._16lm1iwr{z-index:1000} ._16lm1iws{z-index:10000} ._16lm1iwt{z-index:100000} ._16lm1iwu{z-index:1000000} ._16lm1iwv{z-index:10000000} ._16lm1iww{z-index:1000} ._16lm1iwx{z-index:10000} ._16lm1iwy{z-index:100000} ._16lm1iwz{display:flex} ._16lm1iw10{display:contents} ._16lm1iw11{display:none} ._16lm1iw12{display:block} ._16lm1iw13{display:grid} ._16lm1iw14{display:inline-block} ._16lm1iw15{display:inline-flex} ._16lm1iw16{display:inline-grid} ._16lm1iw17{-webkit-user-select:none;-moz-user-select:none;user-select:none} ._16lm1iw18{height:0} ._16lm1iw19{height:100%} ._16lm1iw1a{width:0} ._16lm1iw1b{width:100%} ._16lm1iw1c{top:0} ._16lm1iw1d{top:100%} ._16lm1iw1e{left:0} ._16lm1iw1f{left:100%} ._16lm1iw1g{left:auto} ._16lm1iw1h{bottom:0} ._16lm1iw1i{bottom:100%} ._16lm1iw1j{right:0} ._16lm1iw1k{right:100%} ._16lm1iw1l{right:auto} ._16lm1iw1m{flex-flow:column} ._16lm1iw1n{flex-flow:column-reverse} ._16lm1iw1o{flex-flow:row} ._16lm1iw1p{flex-flow:row-reverse} ._16lm1iw1q{align-items:center} ._16lm1iw1r{align-items:stretch} ._16lm1iw1s{justify-content:center} ._16lm1iw1t{justify-content:space-between} ._16lm1iw1u{justify-content:space-around} ._16lm1iw1v{justify-content:flex-start} ._16lm1iw1w{justify-content:flex-end} ._16lm1iw1x{overflow:hidden} ._16lm1iw1y{overflow:auto} ._16lm1iw1z{overflow:visible} ._16lm1iw20{visibility:visible} ._16lm1iw21{visibility:hidden} ._16lm1iw22{will-change:transform} ._16lm1iw23{white-space:nowrap} ._16lm1iw24{text-overflow:ellipsis} .mlx2t2{display:inline-block} .mlx2t3{height:0;width:0;will-change:transform} ._1ueijco0{backface-visibility:hidden;-webkit-overflow-scrolling:touch;outline:none;position:fixed;height:100%;width:100%;left:0;top:0} ._1ueijco0>:first-child{position:sticky;top:0;left:0} ._1ueijco1{overflow:auto} ._1ueijco2{overflow:hidden} ._1ueijco3{overflow:visible} ._1ueijco4{overflow:auto} ._1ueijco5{overflow:hidden} ._1ueijco6{overflow-x:auto} ._1ueijco7{overflow-x:hidden} ._1ueijco8{overflow-x:visible} ._1ueijco9{overflow-x:auto} ._1ueijcoa{overflow-x:hidden} ._1ueijcob{overflow-y:auto} ._1ueijcoc{overflow-y:hidden} ._1ueijcod{overflow-y:visible} ._1ueijcoe{overflow-y:auto} ._1ueijcof{overflow-y:hidden} .nxbq1c1{border:var(--infinite-active-cell-border, var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color, var(--infinite-accent-color)));background:var(--infinite-active-cell-background-default)} .nxbq1c2{display:block} .nxbq1c3{display:none} .j26lrx0{--infinite-active-row-border-style: var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style));border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));background:var(--infinite-active-row-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))), transparent calc(100% - var(--infinite-active-row-background-alpha, var(--infinite-active-cell-background-alpha)) * 100%))))} .j26lrx1{display:block} .j26lrx2{display:none} .evqes20{background:var(--infinite-rowdetail-background);padding:var(--infinite-rowdetail-padding)} ._1yeub2v0{outline:none;font-family:var(--infinite-font-family);color:var(--infinite-color);background:var(--infinite-background);min-height:var(--infinite-min-height)} .evqes20 ._1yeub2v0{height:var(--infinite-rowdetail-grid-height)} ._1yeub2v1{--infinite-row-pointer-events-while-scrolling: none} ._1yeub2vf{--infinite-active-cell-background-alpha: var(--infinite-active-cell-background-alpha--table-unfocused);--infinite-active-row-background-alpha: var(--infinite-active-row-background-alpha--table-unfocused, var(--infinite-active-cell-background-alpha--table-unfocused))} ._1yeub2vk{border-right:var(--infinite-cell-border)} ._1yeub2vl{border-left:var(--infinite-cell-border)} ._1yeub2vn{-webkit-user-select:none;-moz-user-select:none;user-select:none} ._1eexc2a0{justify-content:center} ._1eexc2a1{justify-content:flex-start} ._1eexc2a2{justify-content:flex-start;flex-flow:row-reverse} ._1eexc2a3{transition:left .3s} ._1eexc2a4{transition:none} ._1eexc2a5{padding:var(--infinite-cell-padding);border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border-width) solid transparent} ._1yeub2vn ._1eexc2a6{transition:transform var(--infinite-column-reorder-effect-duration)} ._1eexc2a7{margin-inline:var(--infinite-selection-checkbox-margin-inline)} ._1eexc2a8:before{content:"";position:absolute;inset:0;left:calc(0px - var(--infinite-cell-border-width));right:calc(0px - var(--infinite-cell-border-width));pointer-events:none;background:var(--infinite-selected-cell-background-default);border-width:var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width))));border-style:var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style));border:var(--infinite-selected-cell-border, var(--infinite-selected-cell-border-width, var(--infinite-active-cell-border-width, var(--infinite-active-row-border-width, var(--infinite-cell-border-width)))) var(--infinite-selected-cell-border-style, var(--infinite-active-cell-border-style, var(--infinite-active-row-border-style))) var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))))} ._1eexc2aa:before{border-right-width:0} ._1eexc2ac:before{border-left-width:0} ._1eexc2ae:before{border-top-width:0} ._1eexc2ag:before{border-bottom-width:0} ._1eexc2ah{color:var(--infinite-cell-color)} ._1eexc2an{justify-content:flex-end} ._1eexc2ap{align-items:flex-start} ._1eexc2aq{align-items:flex-end} ._1eexc2az{background:var(--infinite-row-background)} ._1eexc2a10{background:var(--infinite-row-odd-background)} ._1eexc2a11{background:var(--infinite-row-selected-background)} ._1eexc2a14{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)} ._1eexc2a16{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)} ._1eexc2a1j{border-right:var(--infinite-pinned-cell-border)} ._1eexc2a1l{border-left:var(--infinite-pinned-cell-border)} ._1eexc2a1n{justify-content:center} ._12zfob13,._12zfob14{margin-left:var(--infinite-header-cell-sort-icon-margin)} ._12zfob15{margin-right:var(--infinite-header-cell-sort-icon-margin)} ._12zfob16,._12zfob17{line-height:0;font-size:10px;border-radius:50%;padding:1px;position:absolute;transition:top .2s;top:0;right:2px} ._12zfob18{background:var(--infinite-header-background);top:0;right:0;bottom:0} ._12zfob19{background:var(--infinite-header-background);color:var(--infinite-header-color)} ._12zfob1h{z-index:10} ._12zfob1j{border-right:var(--infinite-pinned-cell-border)} ._12zfob1l{border-left:var(--infinite-pinned-cell-border)} ._12zfob1n{background:var(--infinite-header-cell-hover-background);color:var(--infinite-cell-color);opacity:.8;padding:var(--infinite-cell-padding);padding-left:20px;z-index:2000} ._12zfob1o{border-left:var(--infinite-cell-border-width) solid transparent;border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background);padding:0} ._12zfob1o:hover{background:var(--infinite-header-cell-hover-background)} ._12zfob11b{border-top-left-radius:var(--infinite-cell-border-radius);border-bottom-left-radius:var(--infinite-cell-border-radius)} ._12zfob11d{border-top-right-radius:var(--infinite-cell-border-radius);border-bottom-right-radius:var(--infinite-cell-border-radius)} ._12zfob11l{z-index:10} ._12zfob11q{border-right:var(--infinite-pinned-cell-border)} ._1yeub2v2 ._1yeub2vb ._12zfob11q{--infinite-cell-border: var(--infinite-cell-border-invisible)} ._12zfob11r{border-left:var(--infinite-pinned-cell-border)} ._12zfob11s{border-right:var(--infinite-cell-border)} ._12zfob11t{cursor:context-menu;padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)} ._12zfob11t:active{top:1px} ._12zfob1o:hover ._12zfob11t,._12zfob11u{visibility:visible;display:flex} ._12zfob11w{display:none} ._12zfob11x{visibility:visible;display:flex} ._12zfob11y{padding:var(--infinite-header-cell-padding)} ._12zfob121{align-items:flex-start} ._12zfob122{align-items:flex-end} ._12zfob125{flex-direction:row-reverse} ._12zfob126{justify-content:center} ._12zfob127{background:var(--infinite-header-background)} ._12zfob128{padding:var(--infinite-cell-padding);border-bottom:var(--infinite-cell-border);border-right:var(--infinite-cell-border);background:var(--infinite-header-cell-background)} ._12zfob129{border-top:var(--infinite-cell-border);padding-block:var(--infinite-filter-editor-margin-y)} ._12zfob12c{padding-inline:var(--infinite-filter-operator-padding-x);padding-block:var(--infinite-filter-operator-padding-y)} ._12zfob12a ._12zfob12c{color:var(--infinite-accent-color)} ._12zfob12c:active{top:1px} ._12zfob12e{opacity:var(--infinite-menu-item-disabled-opacity);cursor:auto} ._12zfob12f:active{top:1px} ._12zfob12g{margin-inline:var(--infinite-filter-editor-margin-x);padding-inline:var(--infinite-filter-editor-padding-x);padding-block:var(--infinite-filter-editor-padding-y);background:var(--infinite-filter-editor-background);color:var(--infinite-filter-editor-color);border:var(--infinite-filter-editor-border);border-radius:var(--infinite-filter-editor-border-radius)} ._12zfob12g:focus{outline:none;border-color:var(--infinite-filter-editor-focus-border-color)} ._12zfob12a ._12zfob12g{outline:none;border-color:var(--infinite-filter-editor-focus-border-color)} ._6aunoi0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)} ._7pupv00{will-change:transform;position:absolute;top:0;left:0;pointer-events:var(--infinite-row-pointer-events-while-scrolling);--infinite-column-cell-bg-dont-override: var(--infinite-row-background)} ._7pupv01{--infinite-row-background: var(--infinite-row-hover-background);--infinite-row-selected-background: var(--infinite-row-selected-hover-background);--infinite-row-odd-background: var(--infinite-row-hover-background)} ._7pupv04{background:var(--infinite-row-background)} ._7pupv05{background:var(--infinite-row-odd-background)} ._7pupv06,._7pupv08{z-index:100} ._7pupv0d,._7pupv0e{padding-inline-start:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))} ._7pupv0f{padding-inline-end:calc(var(--infinite-dont-override-group-row-nesting-length) * var(--infinite-group-row-column-nesting))} .qz8ht90{accent-color:var(--infinite-accent-color)} .qz8ht90[disabled]{opacity:.7} ._1ek6mqy0{padding-block-start:2px;padding-block-end:2px;min-width:var(--infinite-header-cell-icon-size);height:var(--infinite-header-cell-icon-size)} .zneyzh0{transform:translate(50%);width:var(--infinite-resize-handle-active-area-width)} .zneyzh0:hover{overflow:visible} .zneyzh3{transform:translate(-50%)} .zneyzh9,.zneyzha,.zneyzhb{transform:none} .zneyzhc{right:calc((var(--infinite-resize-handle-active-area-width) - var(--infinite-resize-handle-width)) / 2);width:var(--infinite-resize-handle-width)} .zneyzh0:hover .zneyzhc{background:var(--infinite-resize-handle-hover-background)} .zneyzh0:hover .zneyzhe{background:var(--infinite-resize-handle-constrained-hover-background)} .zneyzhm{right:0} .zneyzhn{right:unset} .qy58ya0{flex-flow:row;align-items:center;justify-content:center} .qy58ya1{display:flex} .qy58ya2{display:none} .qy58ya3{background:var(--infinite-load-mask-overlay-background);opacity:var(--infinite-load-mask-overlay-opacity)} .qy58ya4{position:relative;padding:var(--infinite-load-mask-padding);color:var(--infinite-load-mask-color);background:var(--infinite-load-mask-text-background);border-radius:var(--infinite-load-mask-border-radius)} .db3arf0{padding:var(--infinite-menu-padding);color:var(--infinite-menu-color);background:var(--infinite-menu-background);border-radius:var(--infinite-menu-border-radius);outline:none;box-shadow:0 6px 12px -2px var(--infinite-menu-shadow-color),0 3px 7px -3px var(--infinite-menu-background)} .db3arf1{display:contents} .db3arf2{padding-block:var(--infinite-menu-cell-padding-vertical);padding-inline:var(--infinite-menu-cell-padding-horizontal);margin-block:var(--infinite-menu-cell-margin-vertical);border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))));border-color:transparent} .db3arf3{opacity:var(--infinite-menu-item-disabled-opacity);background:var(--infinite-menu-item-disabled-background)} .db3arf0:focus-within>.db3arf1>.db3arf9{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))))} .db3arf0:focus-within>.db3arf1>.db3arf9:first-child:last-child{border:var(--infinite-active-row-border, var(--infinite-active-row-border-width, var(--infinite-active-cell-border-width)) var(--infinite-active-row-border-style, var(--infinite-active-cell-border-style)) var(--infinite-active-row-border-color, var(--infinite-active-cell-border-color, var(--infinite-accent-color))))} .db3arf0:focus-within>.db3arf1>.db3arf9:first-child{border-right-color:transparent} .db3arf0:focus-within>.db3arf1>.db3arf9:last-child{border-left-color:transparent} .db3arf0:focus-within>.db3arf1>.db3arf9:not(:first-child):not(:last-child){border-left-color:transparent;border-right-color:transparent} .db3arfb{background:var(--infinite-menu-item-active-background);opacity:var(--infinite-menu-item-active-opacity)} .db3arfc{background:var(--infinite-menu-item-pressed-background);opacity:var(--infinite-menu-item-pressed-opacity)} .db3arfd{border-top:1px solid currentColor;border-bottom:0;margin-top:calc(var(--infinite-menu-cell-padding-vertical) / 2);margin-bottom:calc(var(--infinite-menu-cell-padding-vertical) / 2)} /********************************** ** ADAPTABLE BASE STYLES ** **********************************/ .rdp { --rdp-cell-size: 40px; --rdp-accent-color: #0000ff; --rdp-background-color: #e7edff; --rdp-accent-color-dark: #3003e1; --rdp-background-color-dark: #180270; --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */ --rdp-outline-selected: 2px solid rgba(0, 0, 0, 0.75); /* Outline border for focused _and_ selected elements */ margin: 1em; } /* Hide elements for devices that are not screen readers */ .rdp-vhidden { box-sizing: border-box; padding: 0; margin: 0; background: transparent; border: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; position: absolute !important; top: 0; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(1px, 1px, 1px, 1px) !important; border: 0 !important; } /* Buttons */ .rdp-button_reset { appearance: none; position: relative; margin: 0; padding: 0; cursor: default; color: inherit; outline: none; background: none; font: inherit; -moz-appearance: none; -webkit-appearance: none; } .rdp-button { border: 2px solid transparent; } .rdp-button[disabled] { opacity: 0.25; } .rdp-button:not([disabled]) { cursor: pointer; } .rdp-button:focus:not([disabled]), .rdp-button:active:not([disabled]) { color: inherit; border: var(--rdp-outline); background-color: var(--rdp-background-color); } .rdp-button:hover:not([disabled]) { background-color: var(--rdp-background-color); } .rdp-months { display: flex; } .rdp-month { margin: 0 1em; } .rdp-month:first-child { margin-left: 0; } .rdp-month:last-child { margin-right: 0; } .rdp-table { margin: 0; max-width: calc(var(--rdp-cell-size) * 7); border-collapse: collapse; } .rdp-with_weeknumber .rdp-table { max-width: calc(var(--rdp-cell-size) * 8); border-collapse: collapse; } .rdp-caption { display: flex; align-items: center; justify-content: space-between; padding: 0; text-align: left; } .rdp-multiple_months .rdp-caption { position: relative; display: block; text-align: center; } .rdp-caption_dropdowns { position: relative; display: inline-flex; } .rdp-caption_label { position: relative; z-index: 1; display: inline-flex; align-items: center; margin: 0; padding: 0 0.25em; white-space: nowrap; color: currentColor; border: 0; border: 2px solid transparent; font-family: inherit; font-size: 140%; font-weight: bold; } .rdp-nav { white-space: nowrap; } .rdp-multiple_months .rdp-caption_start .rdp-nav { position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .rdp-multiple_months .rdp-caption_end .rdp-nav { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .rdp-nav_button { display: inline-flex; align-items: center; justify-content: center; width: var(--rdp-cell-size); height: var(--rdp-cell-size); padding: 0.25em; border-radius: 100%; } /* ---------- */ /* Dropdowns */ /* ---------- */ .rdp-dropdown_year, .rdp-dropdown_month { position: relative; display: inline-flex; align-items: center; } .rdp-dropdown { appearance: none; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0; cursor: inherit; opacity: 0; border: none; background-color: transparent; font-family: inherit; font-size: inherit; line-height: inherit; } .rdp-dropdown[disabled] { opacity: unset; color: unset; } .rdp-dropdown:focus:not([disabled]) + .rdp-caption_label, .rdp-dropdown:active:not([disabled]) + .rdp-caption_label { border: var(--rdp-outline); border-radius: 6px; background-color: var(--rdp-background-color); } .rdp-dropdown_icon { margin: 0 0 0 5px; } .rdp-head { border: 0; } .rdp-head_row, .rdp-row { height: 100%; } .rdp-head_cell { vertical-align: middle; text-transform: uppercase; font-size: 0.75em; font-weight: 700; text-align: center; height: 100%; height: var(--rdp-cell-size); padding: 0; } .rdp-tbody { border: 0; } .rdp-tfoot { margin: 0.5em; } .rdp-cell { width: var(--rdp-cell-size); height: 100%; height: var(--rdp-cell-size); padding: 0; text-align: center; } .rdp-weeknumber { font-size: 0.75em; } .rdp-weeknumber, .rdp-day { display: flex; overflow: hidden; align-items: center; justify-content: center; box-sizing: border-box; width: var(--rdp-cell-size); max-width: var(--rdp-cell-size); height: var(--rdp-cell-size); margin: 0; border: 2px solid transparent; border-radius: 100%; } .rdp-day_today:not(.rdp-day_outside) { font-weight: bold; } .rdp-day_selected:not([disabled]), .rdp-day_selected:focus:not([disabled]), .rdp-day_selected:active:not([disabled]), .rdp-day_selected:hover:not([disabled]) { color: white; background-color: var(--rdp-accent-color); } .rdp-day_selected:focus:not([disabled]) { border: var(--rdp-outline-selected); } .rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rdp-day_range_end.rdp-day_range_start { border-radius: 100%; } .rdp-day_range_middle { border-radius: 0; } :root { --toastify-color-light: #fff; --toastify-color-dark: #121212; --toastify-color-info: #3498db; --toastify-color-success: #07bc0c; --toastify-color-warning: #f1c40f; --toastify-color-error: #e74c3c; --toastify-color-transparent: rgba(255, 255, 255, 0.7); --toastify-icon-color-info: var(--toastify-color-info); --toastify-icon-color-success: var(--toastify-color-success); --toastify-icon-color-warning: var(--toastify-color-warning); --toastify-icon-color-error: var(--toastify-color-error); --toastify-toast-width: 320px; --toastify-toast-background: #fff; --toastify-toast-min-height: 64px; --toastify-toast-max-height: 800px; --toastify-font-family: sans-serif; --toastify-z-index: 9999; --toastify-text-color-light: #757575; --toastify-text-color-dark: #fff; --toastify-text-color-info: #fff; --toastify-text-color-success: #fff; --toastify-text-color-warning: #fff; --toastify-text-color-error: #fff; --toastify-spinner-color: #616161; --toastify-spinner-color-empty-area: #e0e0e0; --toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 ); --toastify-color-progress-dark: #bb86fc; --toastify-color-progress-info: var(--toastify-color-info); --toastify-color-progress-success: var(--toastify-color-success); --toastify-color-progress-warning: var(--toastify-color-warning); --toastify-color-progress-error: var(--toastify-color-error); } .Toastify__toast-container { z-index: var(--toastify-z-index); -webkit-transform: translate3d(0, 0, var(--toastify-z-index)); position: fixed; padding: 4px; width: var(--toastify-toast-width); box-sizing: border-box; color: #fff; } .Toastify__toast-container--top-left { top: 1em; left: 1em; } .Toastify__toast-container--top-center { top: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--top-right { top: 1em; right: 1em; } .Toastify__toast-container--bottom-left { bottom: 1em; left: 1em; } .Toastify__toast-container--bottom-center { bottom: 1em; left: 50%; transform: translateX(-50%); } .Toastify__toast-container--bottom-right { bottom: 1em; right: 1em; } @media only screen and (max-width : 480px) { .Toastify__toast-container { width: 100vw; padding: 0; left: 0; margin: 0; } .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right { top: 0; transform: translateX(0); } .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right { bottom: 0; transform: translateX(0); } .Toastify__toast-container--rtl { right: 0; left: initial; } } .Toastify__toast { position: relative; min-height: var(--toastify-toast-min-height); box-sizing: border-box; margin-bottom: 1rem; padding: 8px; border-radius: 4px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05); display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-height: var(--toastify-toast-max-height); overflow: hidden; font-family: var(--toastify-font-family); cursor: default; direction: ltr; /* webkit only issue #791 */ z-index: 0; } .Toastify__toast--rtl { direction: rtl; } .Toastify__toast--close-on-click { cursor: pointer; } .Toastify__toast-body { margin: auto 0; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 6px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .Toastify__toast-body > div:last-child { word-break: break-word; -ms-flex: 1; flex: 1; } .Toastify__toast-icon { -webkit-margin-end: 10px; margin-inline-end: 10px; width: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -ms-flexbox; display: flex; } .Toastify--animate { animation-fill-mode: both; animation-duration: 0.7s; } .Toastify--animate-icon { animation-fill-mode: both; animation-duration: 0.3s; } @media only screen and (max-width : 480px) { .Toastify__toast { margin-bottom: 0; border-radius: 0; } } .Toastify__toast-theme--dark { background: var(--toastify-color-dark); color: var(--toastify-text-color-dark); } .Toastify__toast-theme--light { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--default { background: var(--toastify-color-light); color: var(--toastify-text-color-light); } .Toastify__toast-theme--colored.Toastify__toast--info { color: var(--toastify-text-color-info); background: var(--toastify-color-info); } .Toastify__toast-theme--colored.Toastify__toast--success { color: var(--toastify-text-color-success); background: var(--toastify-color-success); } .Toastify__toast-theme--colored.Toastify__toast--warning { color: var(--toastify-text-color-warning); background: var(--toastify-color-warning); } .Toastify__toast-theme--colored.Toastify__toast--error { color: var(--toastify-text-color-error); background: var(--toastify-color-error); } .Toastify__progress-bar-theme--light { background: var(--toastify-color-progress-light); } .Toastify__progress-bar-theme--dark { background: var(--toastify-color-progress-dark); } .Toastify__progress-bar--info { background: var(--toastify-color-progress-info); } .Toastify__progress-bar--success { background: var(--toastify-color-progress-success); } .Toastify__progress-bar--warning { background: var(--toastify-color-progress-warning); } .Toastify__progress-bar--error { background: var(--toastify-color-progress-error); } .Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error { background: var(--toastify-color-transparent); } .Toastify__close-button { color: #fff; background: transparent; outline: none; border: none; padding: 0; cursor: pointer; opacity: 0.7; transition: 0.3s ease; -ms-flex-item-align: start; align-self: flex-start; } .Toastify__close-button--light { color: #000; opacity: 0.3; } .Toastify__close-button > svg { fill: currentColor; height: 16px; width: 14px; } .Toastify__close-button:hover, .Toastify__close-button:focus { opacity: 1; } @keyframes Toastify__trackProgress { 0% { transform: scaleX(1); } 100% { transform: scaleX(0); } } .Toastify__progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; z-index: var(--toastify-z-index); opacity: 0.7; transform-origin: left; } .Toastify__progress-bar--animated { animation: Toastify__trackProgress linear 1 forwards; } .Toastify__progress-bar--controlled { transition: transform 0.2s; } .Toastify__progress-bar--rtl { right: 0; left: initial; transform-origin: right; } .Toastify__spinner { width: 20px; height: 20px; box-sizing: border-box; border: 2px solid; border-radius: 100%; border-color: var(--toastify-spinner-color-empty-area); border-right-color: var(--toastify-spinner-color); animation: Toastify__spin 0.65s linear infinite; } @keyframes Toastify__bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes Toastify__bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } @keyframes Toastify__bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes Toastify__bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } @keyframes Toastify__bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% {