@charset "UTF-8"; /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */ @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap"); @layer properties; @layer base { /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */ .pcr-app[data-theme="classic"] { max-width: 95vw; padding: 0.8em; width: 28.5em; } .pcr-app[data-theme="classic"] .pcr-selection { display: flex; flex-grow: 1; justify-content: space-between; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview { display: flex; flex-direction: column; justify-content: space-between; margin-right: 0.75em; position: relative; width: 2em; z-index: 1; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-last-color { border-radius: 0.15em 0.15em 0 0; cursor: pointer; z-index: 2; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-current-color { border-radius: 0 0 0.15em 0.15em; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-current-color, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-preview .pcr-last-color { background: var(--pcr-color); height: 50%; width: 100%; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-palette { height: 8em; width: 100%; z-index: 1; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-palette .pcr-palette { border-radius: 0.15em; flex-grow: 1; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-palette .pcr-palette:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity { margin-left: 0.75em; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-picker { left: 50%; transform: translateX(-50%); } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-slider { border-radius: 50em; flex-grow: 1; width: 8px; } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-chooser .pcr-slider { background: linear-gradient( 180deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red ); } .pcr-app[data-theme="classic"] .pcr-selection .pcr-color-opacity .pcr-slider { background: linear-gradient(180deg, transparent, #000), url('data:image/svg+xml;utf8, '); background-size: 100%, 50%; } /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */ .pcr-app[data-theme="monolith"] { max-width: 95vw; padding: 0.8em; width: 14.25em; } .pcr-app[data-theme="monolith"] .pcr-selection { display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview { display: flex; flex-direction: row; height: 1em; justify-content: space-between; margin-bottom: 0.5em; position: relative; width: 100%; z-index: 1; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview .pcr-last-color { border-radius: 0.15em 0 0 0.15em; cursor: pointer; transition: background-color 0.3s, box-shadow 0.3s; z-index: 2; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview .pcr-current-color { border-radius: 0 0.15em 0.15em 0; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview .pcr-current-color, .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-preview .pcr-last-color { background: var(--pcr-color); height: 100%; width: 50%; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-palette { height: 8em; width: 100%; z-index: 1; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-palette .pcr-palette { border-radius: 0.15em; height: 100%; width: 100%; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-palette .pcr-palette:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity { height: 0.5em; margin-top: 0.75em; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-picker { top: 50%; transform: translateY(-50%); } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-slider { border-radius: 50em; flex-grow: 1; } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-chooser .pcr-slider { background: linear-gradient( 90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red ); } .pcr-app[data-theme="monolith"] .pcr-selection .pcr-color-opacity .pcr-slider { background: linear-gradient(90deg, transparent, #000), url('data:image/svg+xml;utf8, '); background-size: 100%, 0.25em; } /*! Pickr 1.9.1 MIT | https://github.com/Simonwep/pickr */ .pickr { overflow: visible; position: relative; transform: translateY(0); } .pickr * { -webkit-appearance: none; border: none; box-sizing: border-box; outline: none; } .pickr .pcr-button { background: url('data:image/svg+xml;utf8, ') no-repeat 50%; background-size: 0; border-radius: 0.15em; cursor: pointer; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; height: 2em; padding: 0.5em; position: relative; transition: all 0.3s; width: 2em; } .pickr .pcr-button:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; z-index: -1; z-index: auto; } .pickr .pcr-button:after, .pickr .pcr-button:before { border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pickr .pcr-button:after { background: var(--pcr-color); transition: background 0.3s; } .pickr .pcr-button.clear { background-size: 70%; } .pickr .pcr-button.clear:before { opacity: 0; } .pickr .pcr-button.clear:focus { box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.85), 0 0 0 3px var(--pcr-color); } .pickr .pcr-button.disabled { cursor: not-allowed; } .pcr-app *, .pickr * { -webkit-appearance: none; border: none; box-sizing: border-box; outline: none; } .pcr-app button.pcr-active, .pcr-app button:focus, .pcr-app input.pcr-active, .pcr-app input:focus, .pickr button.pcr-active, .pickr button:focus, .pickr input.pcr-active, .pickr input:focus { box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.85), 0 0 0 3px var(--pcr-color); } .pcr-app .pcr-palette, .pcr-app .pcr-slider, .pickr .pcr-palette, .pickr .pcr-slider { transition: box-shadow 0.3s; } .pcr-app .pcr-palette:focus, .pcr-app .pcr-slider:focus, .pickr .pcr-palette:focus, .pickr .pcr-slider:focus { box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25); } .pcr-app { background: #fff; border-radius: 0.1em; box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03); display: flex; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif; left: 0; opacity: 0; position: fixed; top: 0; transition: opacity 0.3s, visibility 0s 0.3s; visibility: hidden; z-index: 10000; } .pcr-app.visible { opacity: 1; transition: opacity 0.3s; visibility: visible; } .pcr-app .pcr-swatches { display: flex; flex-wrap: wrap; margin-top: 0.75em; } .pcr-app .pcr-swatches.pcr-last { margin: 0; } @supports (display: grid) { .pcr-app .pcr-swatches { align-items: center; display: grid; grid-template-columns: repeat(auto-fit, 1.75em); } } .pcr-app .pcr-swatches > button { background: transparent; border-radius: 0.15em; cursor: pointer; flex-shrink: 0; font-size: 1em; height: calc(1.75em - 5px); justify-self: center; margin: 2.5px; overflow: hidden; position: relative; transition: all 0.15s; width: calc(1.75em - 5px); z-index: 1; } .pcr-app .pcr-swatches > button:before { background: url('data:image/svg+xml;utf8, '); background-size: 6px; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app .pcr-swatches > button:after { background: var(--pcr-color); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0.15em; box-sizing: border-box; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pcr-app .pcr-swatches > button:hover { filter: brightness(1.05); } .pcr-app .pcr-swatches > button:not(.pcr-active) { box-shadow: none; } .pcr-app .pcr-interaction { align-items: center; display: flex; flex-wrap: wrap; margin: 0 -0.2em; } .pcr-app .pcr-interaction > * { margin: 0 0.2em; } .pcr-app .pcr-interaction input { background: #f1f3f4; border-radius: 0.15em; color: #75797e; cursor: pointer; font-size: 0.75em; letter-spacing: 0.07em; margin-top: 0.75em; padding: 0.45em 0.5em; text-align: center; transition: all 0.15s; } .pcr-app .pcr-interaction input:hover { filter: brightness(0.975); } .pcr-app .pcr-interaction input:focus { box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75); } .pcr-app .pcr-interaction .pcr-result { background: #f1f3f4; border-radius: 0.15em; color: #75797e; cursor: text; flex: 1 1 8em; min-width: 8em; text-align: left; transition: all 0.2s; } .pcr-app .pcr-interaction .pcr-result::-moz-selection { background: #4285f4; color: #fff; } .pcr-app .pcr-interaction .pcr-result::selection { background: #4285f4; color: #fff; } .pcr-app .pcr-interaction .pcr-type.active { background: #4285f4; color: #fff; } .pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear, .pcr-app .pcr-interaction .pcr-save { color: #fff; width: auto; } .pcr-app .pcr-interaction .pcr-cancel:hover, .pcr-app .pcr-interaction .pcr-clear:hover, .pcr-app .pcr-interaction .pcr-save:hover { filter: brightness(0.925); } .pcr-app .pcr-interaction .pcr-save { background: #4285f4; } .pcr-app .pcr-interaction .pcr-cancel, .pcr-app .pcr-interaction .pcr-clear { background: #f44250; } .pcr-app .pcr-interaction .pcr-cancel:focus, .pcr-app .pcr-interaction .pcr-clear:focus { box-shadow: 0 0 0 1px hsla(0, 0%, 100%, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75); } .pcr-app .pcr-selection .pcr-picker { border: 2px solid #fff; border-radius: 100%; height: 18px; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 18px; } .pcr-app .pcr-selection .pcr-color-chooser, .pcr-app .pcr-selection .pcr-color-opacity, .pcr-app .pcr-selection .pcr-color-palette { cursor: grab; cursor: -webkit-grab; display: flex; flex-direction: column; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pcr-app .pcr-selection .pcr-color-chooser:active, .pcr-app .pcr-selection .pcr-color-opacity:active, .pcr-app .pcr-selection .pcr-color-palette:active { cursor: grabbing; cursor: -webkit-grabbing; } .pcr-app[data-theme="nano"] { max-width: 95vw; width: 14.25em; } .pcr-app[data-theme="nano"] .pcr-swatches { margin-top: 0.6em; padding: 0 0.6em; } .pcr-app[data-theme="nano"] .pcr-interaction { padding: 0 0.6em 0.6em; } .pcr-app[data-theme="nano"] .pcr-selection { display: grid; grid-gap: 0.6em; align-items: center; align-self: flex-start; grid-template-columns: 1fr 4fr; grid-template-rows: 5fr auto auto; height: 10.5em; width: 100%; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview { display: flex; flex-direction: row; grid-area: 2/1/4/1; height: 100%; justify-content: center; margin-left: 0.6em; width: 100%; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview .pcr-last-color { display: none; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview .pcr-current-color { background: var(--pcr-color); border-radius: 50em; height: 2em; overflow: hidden; position: relative; width: 2em; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-preview .pcr-current-color:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-palette { grid-area: 1/1/2/3; height: 100%; width: 100%; z-index: 1; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-palette .pcr-palette { border-radius: 0.15em; height: 100%; width: 100%; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-palette .pcr-palette:before { background: url('data:image/svg+xml;utf8, '); background-size: 0.5em; border-radius: 0.15em; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser { grid-area: 2/2/2/2; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity { grid-area: 3/2/3/2; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser, .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity { height: 0.5em; margin: 0 0.6em; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-picker, .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-picker { top: 50%; transform: translateY(-50%); } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-slider, .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-slider { border-radius: 50em; flex-grow: 1; } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-chooser .pcr-slider { background: linear-gradient( 90deg, red, #ff0, #0f0, #0ff, #00f, #f0f, red ); } .pcr-app[data-theme="nano"] .pcr-selection .pcr-color-opacity .pcr-slider { background: linear-gradient(90deg, transparent, #000), url('data:image/svg+xml;utf8, '); background-size: 100%, 0.25em; } [data-tg-tour] { scroll-margin: 30px 0; } .tg-backdrop { align-items: center; border: 1px solid rgba(193, 192, 232, 0.5); border-radius: 7px; box-shadow: 0 0 1px 2px rgba(33, 33, 33, 0.8), 0 0 0 1000vh rgba(33, 33, 33, 0.8); display: none; height: 0; justify-content: center; left: 50vw; position: absolute; top: 50vh; width: 0; z-index: 99; } .tg-backdrop.tg-backdrop-animate { transition: all 0.3s; } .tg-backdrop.allow-interaction { pointer-events: none; } .tg-dialog { animation-delay: 0.1s; background: #fff; border-radius: 12px; color: #252525; display: none; font-size: 0.9rem; left: 0; max-width: 340px; min-height: 120px; padding: 0; position: absolute; top: 0; width: -moz-max-content; width: max-content; z-index: 9999; } .tg-dialog .tg-dialog-header { align-items: center; display: flex; padding: 25px 25px 0; } .tg-dialog .tg-dialog-header .tg-dialog-title { font-size: 1rem; font-weight: 700; margin-right: auto; } .tg-dialog .tg-dialog-header .tg-dialog-title + .tg-dialog-body { padding: 18.75px 25px; } .tg-dialog .tg-dialog-header .tg-dialog-close-btn { cursor: pointer; height: 12px; margin-left: 10px; opacity: 0.4; white-space: nowrap; width: 12px; } .tg-dialog .tg-dialog-header .tg-dialog-close-btn:focus, .tg-dialog .tg-dialog-header .tg-dialog-close-btn:hover { opacity: 1; } .tg-dialog .tg-dialog-header .tg-dialog-spinner { animation: tg-spin 1s linear infinite; display: none; margin-top: -1px; opacity: 0.4; } @keyframes tg-spin { 0% { transform: rotate(0deg); } to { transform: rotate(359deg); } } .tg-dialog .tg-dialog-progress-bar { background: #f1f1f1; display: block; height: 5px; margin-top: 18.75px; position: relative; } .tg-dialog .tg-dialog-progress-bar > .tg-bar { background: #414144; display: block; height: 100%; left: 0; min-width: 4px; position: absolute; top: 0; transition: all 0.3s; } .tg-dialog .tg-dialog-body { font-weight: 400; padding: 25px; } .tg-dialog .tg-dialog-dots { align-items: center; border-bottom: 1px solid #dedee7; border-top: 1px solid #dedee7; display: flex; justify-content: center; margin-bottom: 10px; padding: 15px 0; } .tg-dialog .tg-dialog-dots > span.tg-dot { background: #c2c7ce; border-radius: 12px; display: inline-block; height: 9px; margin: 0 4px; width: 9px; } .tg-dialog .tg-dialog-dots > span.tg-dot.tg-dot-active { background: #5362d9; } .tg-dialog .tg-dialog-footer { align-items: center; display: flex; padding: 12.5px 25px 25px; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn { border: 1px solid #cbcfd5; border-radius: 4px; color: #6f727e; font-size: 0.82rem; font-weight: 500; padding: 5px 10px; white-space: nowrap; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn + button { margin-left: auto; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn.disabled { opacity: 0.6; pointer-events: none; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn:hover { border: 1px solid #b5b7c2; box-shadow: none; color: #464852; outline: none; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn:focus { box-shadow: none; outline: none; } .tg-dialog .tg-dialog-footer button.tg-dialog-btn:active { background: #f1f2ff; border: 1px solid #5362d9; box-shadow: none; color: #4655cb; outline: none; } .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup { line-height: 1; margin: 0 auto; padding: 0 10px; text-align: center; } .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-step-progress { display: inline-block; font-size: 0.78rem; font-weight: 700; letter-spacing: 1px; margin: 0 auto; opacity: 0.4; } .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots { border: none; margin: 0; padding: 0; } .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots > span.tg-dot { height: 8px; margin: 0 3px; width: 8px; } .tg-dialog .tg-dialog-footer .tg-dialog-footer-sup .tg-dialog-dots + .tg-step-progress { font-size: 0.68rem; margin-top: 10px; } .tg-dialog .tg-arrow { background: #fff; border-radius: 1px; height: 9px; position: absolute; transform: rotate(45deg); width: 9px; } .tg-dialog.tg-dialog-fixed { animation-delay: 0s; transition: none; } .tg-dialog.animate-position { transition: all 0.3s; } .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-title { opacity: 0.4; } .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-close-btn { display: none; } .tg-dialog.tg-dialog-loading .tg-dialog-header .tg-dialog-spinner { display: inline-block; } .tg-dialog.tg-dialog-loading .tg-dialog-body, .tg-dialog.tg-dialog-loading .tg-dialog-footer { opacity: 0.4; pointer-events: none; } .tg-no-interaction * { pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .tg-active-element *, .tg-dialog *, .tg-no-interaction .tg-active-element, .tg-no-interaction .tg-dialog { pointer-events: auto !important; -webkit-user-select: text !important; -moz-user-select: text !important; user-select: text !important; } /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__infinite { animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { animation-iteration-count: 1; animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { animation-iteration-count: 2; animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { animation-iteration-count: 3; animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { animation-delay: 1s; animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { animation-delay: 2s; animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { animation-delay: 3s; animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { animation-delay: 4s; animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { animation-delay: 5s; animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { animation-duration: 0.5s; animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { animation-duration: 0.8s; animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { animation-duration: 2s; animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { animation-duration: 3s; animation-duration: calc(var(--animate-duration) * 3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; } .animate__animated[class*="Out"] { opacity: 0; } } @keyframes bounce { 0%, 20%, 53%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transform: translateZ(0) scaleY(0.95); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { animation-name: flash; } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scaleX(1); } } .animate__rubberBand { animation-name: rubberBand; } @keyframes shakeX { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .animate__shakeX { animation-name: shakeX; } @keyframes shakeY { 0%, to { transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } .animate__shakeY { animation-name: shakeY; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .animate__headShake { animation-name: headShake; animation-timing-function: ease-in-out; } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } to { transform: rotate(0deg); } } .animate__swing { animation-name: swing; transform-origin: top center; } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { transform: scaleX(1); } } .animate__tada { animation-name: tada; } @keyframes wobble { 0% { transform: translateZ(0); } 15% { transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { transform: translateZ(0); } } .animate__wobble { animation-name: wobble; } @keyframes jello { 0%, 11.1%, to { transform: translateZ(0); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .animate__jello { animation-name: jello; transform-origin: center; } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .animate__heartBeat { animation-duration: 1.3s; animation-duration: calc(var(--animate-duration) * 1.3); animation-name: heartBeat; animation-timing-function: ease-in-out; } @keyframes backInDown { 0% { opacity: 0.7; transform: translateY(-1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0) scale(0.7); } to { opacity: 1; transform: scale(1); } } .animate__backInDown { animation-name: backInDown; } @keyframes backInLeft { 0% { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0) scale(0.7); } to { opacity: 1; transform: scale(1); } } .animate__backInLeft { animation-name: backInLeft; } @keyframes backInRight { 0% { opacity: 0.7; transform: translateX(2000px) scale(0.7); } 80% { opacity: 0.7; transform: translateX(0) scale(0.7); } to { opacity: 1; transform: scale(1); } } .animate__backInRight { animation-name: backInRight; } @keyframes backInUp { 0% { opacity: 0.7; transform: translateY(1200px) scale(0.7); } 80% { opacity: 0.7; transform: translateY(0) scale(0.7); } to { opacity: 1; transform: scale(1); } } .animate__backInUp { animation-name: backInUp; } @keyframes backOutDown { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0) scale(0.7); } to { opacity: 0.7; transform: translateY(700px) scale(0.7); } } .animate__backOutDown { animation-name: backOutDown; } @keyframes backOutLeft { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0) scale(0.7); } to { opacity: 0.7; transform: translateX(-2000px) scale(0.7); } } .animate__backOutLeft { animation-name: backOutLeft; } @keyframes backOutRight { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateX(0) scale(0.7); } to { opacity: 0.7; transform: translateX(2000px) scale(0.7); } } .animate__backOutRight { animation-name: backOutRight; } @keyframes backOutUp { 0% { opacity: 1; transform: scale(1); } 20% { opacity: 0.7; transform: translateY(0) scale(0.7); } to { opacity: 0.7; transform: translateY(-700px) scale(0.7); } } .animate__backOutUp { animation-name: backOutUp; } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scaleX(1); } } .animate__bounceIn { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceIn; } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, 5px, 0) scaleY(0.985); } to { transform: translateZ(0); } } .animate__bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0, 0) scaleX(1); } 75% { transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(5px, 0, 0) scaleX(0.995); } to { transform: translateZ(0); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { transform: translateZ(0); } } .animate__bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { transform: translate3d(0, -5px, 0) scaleY(0.985); } to { transform: translateZ(0); } } .animate__bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, 2000px, 0) scaleY(3); } } .animate__bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(-2000px, 0, 0) scaleX(2); } } .animate__bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; transform: translate3d(2000px, 0, 0) scaleX(2); } } .animate__bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; transform: translate3d(0, -2000px, 0) scaleY(3); } } .animate__bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft; } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInTopRight { animation-name: fadeInTopRight; } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0); } to { opacity: 1; transform: translateZ(0); } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight; } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .animate__fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .animate__fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .animate__fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .animate__fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(-100%, -100%, 0); } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(100%, -100%, 0); } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight; } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(100%, 100%, 0); } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0); } to { opacity: 0; transform: translate3d(-100%, 100%, 0); } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } @keyframes flip { 0% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animate__animated.animate__flip { animation-name: flip; backface-visibility: visible; } @keyframes flipInX { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } .animate__flipInX { animation-name: flipInX; backface-visibility: visible !important; } @keyframes flipInY { 0% { animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { transform: perspective(400px) rotateY(-5deg); } to { transform: perspective(400px); } } .animate__flipInY { animation-name: flipInY; backface-visibility: visible !important; } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { opacity: 0; transform: perspective(400px) rotateX(90deg); } } .animate__flipOutX { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutX; backface-visibility: visible !important; } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { opacity: 0; transform: perspective(400px) rotateY(90deg); } } .animate__flipOutY { animation-duration: 0.75s; animation-duration: calc(var(--animate-duration) * 0.75); animation-name: flipOutY; backface-visibility: visible !important; } @keyframes lightSpeedInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { opacity: 1; transform: skewX(20deg); } 80% { transform: skewX(-5deg); } to { transform: translateZ(0); } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @keyframes lightSpeedInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) skewX(30deg); } 60% { opacity: 1; transform: skewX(-20deg); } 80% { transform: skewX(5deg); } to { transform: translateZ(0); } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0) skewX(-30deg); } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } @keyframes rotateIn { 0% { opacity: 0; transform: rotate(-200deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center; } @keyframes rotateInDownLeft { 0% { opacity: 0; transform: rotate(-45deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @keyframes rotateInDownRight { 0% { opacity: 0; transform: rotate(45deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @keyframes rotateInUpLeft { 0% { opacity: 0; transform: rotate(45deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @keyframes rotateInUpRight { 0% { opacity: 0; transform: rotate(-90deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } @keyframes rotateOut { 0% { opacity: 1; } to { opacity: 0; transform: rotate(200deg); } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center; } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { opacity: 0; transform: rotate(45deg); } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { opacity: 0; transform: rotate(-45deg); } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { opacity: 0; transform: rotate(-45deg); } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { opacity: 0; transform: rotate(90deg); } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { animation-timing-function: ease-in-out; transform: rotate(80deg); } 40%, 80% { animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); } to { opacity: 0; transform: translate3d(0, 700px, 0); } } .animate__hinge { animation-duration: 2s; animation-duration: calc(var(--animate-duration) * 2); animation-name: hinge; transform-origin: top left; } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .animate__jackInTheBox { animation-name: jackInTheBox; } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; transform: translateZ(0); } } .animate__rollIn { animation-name: rollIn; } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .animate__rollOut { animation-name: rollOut; } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .animate__zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .animate__zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .animate__zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { 0% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .animate__zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @keyframes zoomOutUp { 40% { animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInRight { animation-name: slideInRight; } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translateZ(0); } } .animate__slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { 0% { transform: translateZ(0); } to { transform: translate3d(0, 100%, 0); visibility: hidden; } } .animate__slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { 0% { transform: translateZ(0); } to { transform: translate3d(-100%, 0, 0); visibility: hidden; } } .animate__slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { 0% { transform: translateZ(0); } to { transform: translate3d(100%, 0, 0); visibility: hidden; } } .animate__slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { 0% { transform: translateZ(0); } to { transform: translate3d(0, -100%, 0); visibility: hidden; } } .animate__slideOutUp { animation-name: slideOutUp; } .choices { font-size: var(--choices-font-size-lg, 16px); margin-bottom: var(--choices-guttering, 24px); overflow: hidden; position: relative; } .choices:focus { outline: 0; } .choices:last-child { margin-bottom: 0; } .choices.is-open { overflow: visible; } .choices.is-disabled :is(.choices__inner, .choices__input) { background-color: var(--choices-bg-color-disabled, #eaeaea); cursor: not-allowed !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .choices.is-disabled .choices__item { color: var(--choices-item-disabled-color, #fff); cursor: not-allowed; } .choices [hidden] { inset: 0; opacity: 0; pointer-events: none; position: absolute; } .choices[data-type*="select-one"] { cursor: pointer; } .choices[data-type*="select-one"] .choices__inner { padding-bottom: var(--choices-inner-one-padding, 7.5px); } .choices[data-type*="select-one"] .choices__input { background-color: var(--choices-bg-color-dropdown, #fff); border-bottom: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd); display: block; margin: 0; padding: var(--choices-dropdown-item-padding, 10px); width: var(--choices-width, 100%); } .choices[data-type*="select-one"] .choices__button { background-image: var( --choices-icon-cross-inverse, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==") ); background-size: 8px; border-radius: 10em; height: 20px; margin-right: 25px; margin-top: -10px; opacity: 0.25; padding: 0; position: absolute; right: 0; top: 50%; width: 20px; } .choices[data-type*="select-one"] .choices__button:is(:hover, :focus) { opacity: var(--choices-button-opacity-hover, 1); } .choices[data-type*="select-one"] .choices__button:focus { box-shadow: 0 0 0 2px var(--choices-highlight-color, #005f75); } .choices[data-type*="select-one"] .choices__item[data-placeholder] .choices__button { display: none; } .choices[data-type*="select-one"]:after { border-color: var(--choices-text-color, #333) transparent transparent transparent; border-style: solid; border-width: var(--choices-arrow-size, 5px); content: ""; height: 0; margin-top: var(--choices-arrow-margin-top, -2.5px); pointer-events: none; position: absolute; right: var(--choices-arrow-right, 11.5px); top: 50%; width: 0; } .choices[data-type*="select-one"].is-open:after { border-color: transparent transparent var(--choices-text-color, #333); margin-top: var(--choices-arrow-margin-top-open, -7.5px); } .choices[data-type*="select-one"][dir="rtl"]:after { left: 11.5px; right: auto; } .choices[data-type*="select-one"][dir="rtl"] .choices__button { left: 0; margin-left: 25px; margin-right: 0; right: auto; } .choices:is([data-type*="select-multiple"], [data-type*="text"]) .choices__inner { cursor: text; } .choices:is([data-type*="select-multiple"], [data-type*="text"]) .choices__button { border-left: 1px solid var(--choices-primary-color, #005f75); display: inline-block; margin: 0 calc(var(--choices-button-offset, 8px) * -0.5) 0 var(--choices-button-offset, 8px); padding-left: calc(var(--choices-button-offset, 8px) * 2); position: relative; @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000) ); border-left-style: solid; border-left-width: 1px; } background-image: var( --choices-icon-cross, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Im0yLjU5Mi4wNDQgMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NCAxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==") ); background-size: var(--choices-button-dimension, 8px); border-radius: var(--choices-button-border-radius, 0); line-height: var(--choices-button-line-height, 1); opacity: var(--choices-button-opacity, 0.75); width: var(--choices-button-dimension, 8px); } .choices:is([data-type*="select-multiple"], [data-type*="text"]) .choices__button:is(:hover, :focus) { --choices-button-opacity: var(--choices-button-opacity-hover, 1); } .choices__inner { background-color: var(--choices-bg-color, #f9f9f9); border: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd); border-radius: var(--choices-border-radius, 2.5px); display: inline-block; font-size: var(--choices-font-size-md, 14px); min-height: var(--choices-input-height, 44px); overflow: hidden; padding: var(--choices-inner-padding, 7.5px 7.5px 3.75px); vertical-align: top; width: var(--choices-width, 100%); } .is-focused .choices__inner, .is-open .choices__inner { border-color: var(--choices-keyline-color, #ddd); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in srgb, var(--choices-keyline-color, #ddd) 85%, var(--choices-darken, #000) ); } } .is-open .choices__inner { border-radius: var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px) 0 0; } .is-invalid .choices__inner { border-color: var(--choices-invalid-color, #d33141); } .is-flipped.is-open .choices__inner { border-radius: 0 0 var(--choices-border-radius, 2.5px) var(--choices-border-radius, 2.5px); } .choices__list { list-style: none; margin: 0; padding-left: 0; } .choices__list--single { display: inline-block; padding: var(--choices-list-single-padding, 4px 16px 4px 4px); } [dir="rtl"] .choices__list--single { padding-left: 16px; padding-right: 4px; } .choices__list--single, .choices__list--single .choices__item { width: var(--choices-width, 100%); } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { background-color: var(--choices-primary-color, #005f75); border: 1px solid var(--choices-primary-color, #005f75); border-radius: var(--choices-border-radius-item, 20px); display: inline-block; font-size: var(--choices-font-size-sm, 12px); font-weight: 500; margin-bottom: var(--choices-multiple-item-margin, 3.75px); margin-right: var(--choices-multiple-item-margin, 3.75px); padding: var(--choices-multiple-item-padding, 4px 10px); vertical-align: middle; @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000) ); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000) ); border-left-style: solid; border-left-width: 1px; border-right-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000) ); border-right-style: solid; border-right-width: 1px; border-top-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000) ); border-top-style: solid; border-top-width: 1px; } box-sizing: border-box; color: var(--choices-item-color, #fff); word-break: break-all; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir="rtl"] .choices__list--multiple .choices__item { margin-left: var(--choices-multiple-item-margin, 3.75px); margin-right: 0; } .choices__list--multiple .choices__item.is-highlighted { background-color: var(--choices-primary-color, #005f75); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 95%, var(--choices-darken, #000) ); } border: 1px solid var(--choices-primary-color, #005f75); @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000) ); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000) ); border-left-style: solid; border-left-width: 1px; border-right-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000) ); border-right-style: solid; border-right-width: 1px; border-top-color: color-mix( in srgb, var(--choices-primary-color, #005f75) 90%, var(--choices-darken, #000) ); border-top-style: solid; border-top-width: 1px; } } .is-disabled .choices__list--multiple .choices__item { background-color: var(--choices-disabled-color, #eaeaea); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in srgb, var(--choices-disabled-color, #eaeaea) 75%, var(--choices-darken, #000) ); } border: 1px solid var(--choices-disabled-color, #eaeaea); @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix( in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000) ); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: color-mix( in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000) ); border-left-style: solid; border-left-width: 1px; border-right-color: color-mix( in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000) ); border-right-style: solid; border-right-width: 1px; border-top-color: color-mix( in srgb, var(--choices-disabled-color, #eaeaea) 65%, var(--choices-darken, #000) ); border-top-style: solid; border-top-width: 1px; } } .choices__list--dropdown, .choices__list[aria-expanded] { background-color: var(--choices-bg-color-dropdown, #fff); border: var(--choices-base-border, 1px solid) var(--choices-keyline-color, #ddd); border-bottom-left-radius: var(--choices-border-radius, 2.5px); border-bottom-right-radius: var(--choices-border-radius, 2.5px); display: none; margin-top: -1px; overflow: hidden; position: absolute; top: 100%; width: var(--choices-width, 100%); word-break: break-all; z-index: var(--choices-z-index, 1); } .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] { display: block; } .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] { border-color: var(--choices-keyline-color, #ddd); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in srgb, var(--choices-keyline-color, #ddd) 85%, var(--choices-darken, #000) ); } } .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] { border-radius: 0.25rem 0.25rem 0 0; bottom: 100%; margin-bottom: -1px; margin-top: 0; top: auto; } .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list { max-height: 300px; overflow: auto; position: relative; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item { font-size: var(--choices-font-size-md, 14px); padding: var(--choices-dropdown-item-padding, 10px); position: relative; } [dir="rtl"] .choices__list--dropdown .choices__item, [dir="rtl"] .choices__list[aria-expanded] .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text], .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text] { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]:after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]:after { content: attr(data-select-text); font-size: var(--choices-font-size-sm, 12px); position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir="rtl"] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text], [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text] { padding-left: 100px; padding-right: 10px; text-align: right; } [dir="rtl"] .choices__list--dropdown .choices__item--selectable.is-highlighted[data-select-text]:after, [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable.is-highlighted[data-select-text]:after { left: 10px; right: auto; } } .choices__list--dropdown .choices__item--selectable.is-selected:after, .choices__list[aria-expanded] .choices__item--selectable.is-selected:after { content: none !important; } .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list--dropdown .choices__item--selectable.is-selected, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-selected { background-color: var(--choices-highlighted-color, #f2f2f2); } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; opacity: 0.5; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .choices__heading { border-bottom: 1px solid var(--choices-keyline-color, #ddd); font-size: 12px; font-weight: 600; padding: 10px; @supports (color: color-mix(in lab, red, red)) { border-bottom-color: color-mix( in srgb, var(--choices-keyline-color, #ddd) 90%, var(--choices-lighten, #fff) ); border-bottom-style: solid; border-bottom-width: 1px; } color: gray; } .choices__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; background-position: 50%; background-repeat: no-repeat; border: 0; cursor: pointer; text-indent: -9999px; } .choices__button:focus, .choices__input:focus { outline: 0; } .choices__input { background-color: var(--choices-bg-color, #f9f9f9); border: 0; border-radius: 0; display: inline-block; font-size: var(--choices-font-size-md, 14px); margin-bottom: var(--choices-input-margin-bottom, 5px); max-width: var(--choices-width, 100%); padding: var(--choices-input-padding, 4px 0 4px 2px); vertical-align: baseline; } .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration { display: none; } .choices__input::-ms-clear, .choices__input::-ms-reveal { display: none; height: 0; width: 0; } [dir="rtl"] .choices__input { padding-left: 0; padding-right: 2px; } .choices__placeholder { opacity: var(--choices-placeholder-opacity, 0.5); } :root { --dtfc_background: #fff; --dtfc-thead-cell_background: var(--dtfc_background); --dtfc-tbody-cell_background: var(--dtfc_background); } :root.dark { --dtfc_background: #212529; } table.dataTable tfoot tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable thead tr > .dtfc-fixed-start { background-color: var(--dtfc-thead-cell_background); bottom: 0; top: 0; z-index: 3; } table.dataTable tbody tr > .dtfc-fixed-end, table.dataTable tbody tr > .dtfc-fixed-start { background-color: var(--dtfc-tbody-cell_background); z-index: 1; } table.dataTable tr > .dtfc-fixed-left:after, table.dataTable tr > .dtfc-fixed-right:after { bottom: 0; content: ""; pointer-events: none; position: absolute; top: 0; transition: box-shadow 0.3s; width: 10px; } table.dataTable tr > .dtfc-fixed-left:after { right: 0; transform: translateX(100%); } table.dataTable tr > .dtfc-fixed-right:after { left: 0; transform: translateX(-80%); } table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left:after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2); } table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right:after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2); } table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right:after { box-shadow: none; } div.dt-scroll, div.dtfh-floatingparent { position: relative; } div.dt-scroll div.dtfc-bottom-blocker, div.dt-scroll div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker { background-color: var(--dtfc-thead-cell_background); position: absolute; } html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left:after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3); } html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right:after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3); } html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right:after { box-shadow: none; } table.fixedHeader-floating, table.fixedHeader-locked { background-color: var(--dt-html-background); position: relative !important; } @media print { table.fixedHeader-floating, table.fixedHeader-locked { display: none; } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control { cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before { border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); border-style: solid; border-width: 5px 0 5px 10px; box-sizing: border-box; content: ""; display: inline-block; margin-right: 0.5em; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right:before { border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent; border-style: solid; border-width: 5px 10px 5px 0; } table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before { border-color: rgba(0, 0, 0, 0.5) transparent transparent; border-style: solid; border-width: 10px 5px 0; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control { padding-left: 0.333em; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.control, table.dataTable.dtr-column > tbody > tr > th.dtr-control { cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before { border-color: transparent transparent transparent rgba(0, 0, 0, 0.5); border-style: solid; border-width: 5px 0 5px 10px; box-sizing: border-box; content: ""; display: inline-block; } table.dataTable.dtr-column > tbody > tr > td.control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right:before { border-color: transparent rgba(0, 0, 0, 0.5) transparent transparent; border-style: solid; border-width: 5px 10px 5px 0; } table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before { border-color: rgba(0, 0, 0, 0.5) transparent transparent; border-style: solid; border-width: 10px 5px 0; } table.dataTable > tbody > tr.child { padding: 0.5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; } table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom: 1px solid #efefef; padding: 0.5em 0; } table.dataTable > tbody > tr.child ul.dtr-details > li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul.dtr-details > li:last-child { border-bottom: none; padding-bottom: 0; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; font-weight: 700; min-width: 75px; } div.dtr-modal { box-sizing: border-box; height: 100%; left: 0; padding: 10em 1em; position: fixed; top: 0; width: 100%; z-index: 100; } div.dtr-modal div.dtr-modal-display { background-color: #f5f5f7; border: 1px solid #000; border-radius: 0.5em; bottom: 0; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); height: -moz-fit-content; height: fit-content; left: 0; margin: auto; max-height: 75%; overflow: auto; position: absolute; right: 0; top: 0; width: 50%; z-index: 102; } div.dtr-modal div.dtr-modal-content { padding: 2.5em; position: relative; } div.dtr-modal div.dtr-modal-content h2 { margin-top: 0; } div.dtr-modal div.dtr-modal-close { border-radius: 3px; cursor: pointer; height: 22px; position: absolute; right: 6px; text-align: center; top: 6px; width: 22px; z-index: 12; } div.dtr-modal div.dtr-modal-background { background: rgba(0, 0, 0, 0.6); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 101; } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } html.dark table.dataTable > tbody > tr > td.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr > td.dtr-control:before { border-left-color: hsla(0, 0%, 100%, 0.5) !important; } html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr > td.dtr-control.arrow-right:before { border-right-color: hsla(0, 0%, 100%, 0.5) !important; } html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html[data-bs-theme="dark"] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: hsla(0, 0%, 100%, 0.5) !important; } html.dark table.dataTable > tbody > tr.child ul.dtr-details > li, html[data-bs-theme="dark"] table.dataTable > tbody > tr.child ul.dtr-details > li { border-bottom-color: #404346; } html.dark div.dtr-modal div.dtr-modal-display, html[data-bs-theme="dark"] div.dtr-modal div.dtr-modal-display { background-color: #212529; border: 1px solid hsla(0, 0%, 100%, 0.15); } table.dataTable > tbody > tr > .selected { background-color: rgba(13, 110, 253, 0.9); color: rgb(var(--dt-row-selected-text)); } div.dt-container span.select-info, div.dt-container span.select-item { margin-left: 0.5em; } @media screen and (max-width: 640px) { div.dt-container span.select-info, div.dt-container span.select-item { display: block; margin-left: 0; } } table.dataTable > tbody > tr > .dt-select, table.dataTable > thead > tr > .dt-select { text-align: center; vertical-align: middle; } table.dataTable > thead > tr > .dt-select input.dt-select-checkbox { margin-left: auto; margin-right: auto; } table.dataTable input.dt-select-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid; border-radius: 3px; color: inherit; display: inline-block; font-size: 20px; height: 12px; line-height: 1em; margin-top: 1px; position: relative; vertical-align: middle; width: 12px; } table.dataTable input.dt-select-checkbox:checked:after { content: "✓"; display: block; margin-top: -8px; } table.dataTable input.dt-select-checkbox:indeterminate:after { background-color: #000; border-radius: 2px; content: " "; display: block; height: 4px; left: 3px; position: absolute; top: 3px; width: 4px; } table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked { border: 1px solid; } table.dataTable > tbody > tr > td.select-checkbox, table.dataTable > tbody > tr > th.select-checkbox { position: relative; } table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > th.select-checkbox:before { border: 1px solid; border-radius: 3px; box-sizing: border-box; content: " "; display: block; height: 12px; left: 50%; margin-left: -6px; margin-top: -6px; position: absolute; top: 50%; width: 12px; } table.dataTable > tbody > tr.selected > td.select-checkbox:before, table.dataTable > tbody > tr.selected > th.select-checkbox:before { border: 1px solid; content: "✓"; font-size: 20px; line-height: 6px; text-align: center; } table.dataTable.compact > tbody > tr > td.select-checkbox:before, table.dataTable.compact > tbody > tr > th.select-checkbox:before { margin-top: -12px; } table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after, table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after { margin-top: -16px; } html.dark table.dataTable input.dt-select-checkbox:indeterminate:after, html[data-bs-theme="dark"] table.dataTable input.dt-select-checkbox:indeterminate:after { background-color: #fff; } .daterangepicker { background-color: #fff; border: 1px solid #ddd; border-radius: 4px; color: inherit; display: none; font-family: arial; font-size: 15px; left: 20px; line-height: 1em; margin-top: 7px; max-width: none; padding: 0; position: absolute; top: 100px; width: 278px; z-index: 3001; } .daterangepicker:after, .daterangepicker:before { border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; display: inline-block; position: absolute; } .daterangepicker:before { border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-right: 7px solid transparent; top: -7px; } .daterangepicker:after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -6px; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:after, .daterangepicker.openscenter:before { left: 0; margin-left: auto; margin-right: auto; right: 0; width: 0; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { border-bottom: initial; border-top: 7px solid #ccc; bottom: -7px; top: auto; } .daterangepicker.drop-up:after { border-bottom: initial; border-top: 6px solid #fff; bottom: -6px; top: auto; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-buttons, .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border: solid #000; border-radius: 0; border-width: 0 2px 2px 0; color: #fff; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { border: 1px solid transparent; border-radius: 4px; cursor: pointer; font-size: 12px; height: 24px; line-height: 24px; min-width: 32px; text-align: center; vertical-align: middle; white-space: nowrap; width: 32px; } .daterangepicker .calendar-table { background-color: #fff; border: 1px solid #fff; border-radius: 4px; } .daterangepicker .calendar-table table { border-collapse: collapse; border-spacing: 0; margin: 0; width: 100%; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { color: #ccc; font-size: 80%; } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; border-radius: 0; color: #000; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker option.disabled, .daterangepicker td.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { cursor: default; font-size: 12px; height: auto; margin: 0; padding: 1px; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect { background: #eee; border: 1px solid #eee; font-size: 12px; margin: 0 auto; outline: 0; padding: 2px; width: 50px; } .daterangepicker .calendar-time { line-height: 30px; margin: 4px auto 0; position: relative; text-align: center; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { border-top: 1px solid #ddd; clear: both; display: none; line-height: 12px; padding: 8px; text-align: right; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { font-size: 12px; font-weight: 700; margin-left: 8px; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; margin: 0; text-align: left; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { cursor: pointer; font-size: 12px; padding: 8px 12px; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .drp-calendar, .daterangepicker.single .ranges { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-bottom-right-radius: 0; border-right: none; border-top-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-bottom-left-radius: 0; border-left: none; border-top-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .drp-calendar, .daterangepicker .ranges { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { float: left; width: auto; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } @keyframes passing-through { 0% { opacity: 0; transform: translateY(40px); } 30%, 70% { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-40px); } } @keyframes slide-in { 0% { opacity: 0; transform: translateY(40px); } 30% { opacity: 1; transform: translateY(0); } } .dropzone, .dropzone * { box-sizing: border-box; } .dropzone { border: 1px solid rgba(0, 0, 0, 0.8); border-radius: 5px; min-height: 150px; padding: 20px; } .dropzone.dz-clickable { cursor: pointer; } .dropzone.dz-clickable * { cursor: default; } .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * { cursor: pointer; } .dropzone.dz-started .dz-message { display: none; } .dropzone.dz-drag-hover { border-style: solid; } .dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .dropzone .dz-message { margin: 3em 0; text-align: center; } .dropzone .dz-message .dz-button { background: none; border: none; color: inherit; cursor: pointer; font: inherit; outline: inherit; padding: 0; } .dropzone .dz-preview { display: inline-block; margin: 16px; min-height: 100px; position: relative; vertical-align: top; } .dropzone .dz-preview:hover { z-index: 1000; } .dropzone .dz-preview.dz-file-preview .dz-image { background: #999; background: linear-gradient(180deg, #eee, #ddd); border-radius: 20px; } .dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .dropzone .dz-preview.dz-image-preview { background: #fff; } .dropzone .dz-preview.dz-image-preview .dz-details { transition: opacity 0.2s linear; } .dropzone .dz-preview .dz-remove { border: none; cursor: pointer; display: block; font-size: 14px; text-align: center; } .dropzone .dz-preview .dz-remove:hover { text-decoration: underline; } .dropzone .dz-preview:hover .dz-details { opacity: 1; } .dropzone .dz-preview .dz-details { color: rgba(0, 0, 0, 0.9); font-size: 13px; left: 0; line-height: 150%; max-width: 100%; min-width: 100%; opacity: 0; padding: 2em 1em; position: absolute; text-align: center; top: 0; z-index: 20; } .dropzone .dz-preview .dz-details .dz-size { font-size: 16px; margin-bottom: 1em; } .dropzone .dz-preview .dz-details .dz-filename { white-space: nowrap; } .dropzone .dz-preview .dz-details .dz-filename:hover span { background-color: hsla(0, 0%, 100%, 0.8); border: 1px solid hsla(0, 0%, 78%, 0.8); } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; } .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { background-color: hsla(0, 0%, 100%, 0.4); border-radius: 3px; padding: 0 0.4em; } .dropzone .dz-preview:hover .dz-image img { filter: blur(8px); transform: scale(1.05); } .dropzone .dz-preview .dz-image { border-radius: 20px; display: block; height: 120px; overflow: hidden; position: relative; width: 120px; z-index: 10; } .dropzone .dz-preview .dz-image img { display: block; } .dropzone .dz-preview.dz-success .dz-success-mark { animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .dropzone .dz-preview.dz-error .dz-error-mark { animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); opacity: 1; } .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark { background: rgba(0, 0, 0, 0.8); border-radius: 50%; display: block; left: 50%; margin-left: -27px; margin-top: -27px; opacity: 0; pointer-events: none; position: absolute; top: 50%; z-index: 500; } .dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg { display: block; fill: #fff; height: 54px; width: 54px; } .dropzone .dz-preview.dz-processing .dz-progress { opacity: 1; transition: all 0.2s linear; } .dropzone .dz-preview.dz-complete .dz-progress { opacity: 0; transition: opacity 0.4s ease-in; } .dropzone .dz-preview:not(.dz-processing) .dz-progress { animation: pulse 6s ease infinite; } .dropzone .dz-preview .dz-progress { background: rgba(0, 0, 0, 0.8); border: 3px solid rgba(0, 0, 0, 0.8); border-radius: 10px; height: 20px; left: 15%; margin-top: -10px; opacity: 1; overflow: hidden; pointer-events: none; position: absolute; right: 15%; top: 50%; z-index: 1000; } .dropzone .dz-preview .dz-progress .dz-upload { background: #fff; border-radius: 17px; display: block; height: 100%; position: relative; transition: width 0.3s ease-in-out; width: 0; } .dropzone .dz-preview.dz-error .dz-error-message { display: block; } .dropzone .dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; } .dropzone .dz-preview .dz-error-message { background: #b10606; border-radius: 8px; color: #fff; display: block; display: none; font-size: 13px; left: -10px; opacity: 0; padding: 0.5em 1em; pointer-events: none; position: absolute; top: 130px; transition: opacity 0.3s ease; width: 140px; z-index: 1000; } .dropzone .dz-preview .dz-error-message:after { border-bottom: 6px solid #b10606; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; height: 0; left: 64px; position: absolute; top: -6px; width: 0; } /*! * FilePondPluginImagePreview 4.6.12 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ .filepond--image-preview-markup { left: 0; position: absolute; top: 0; } .filepond--image-preview-wrapper { z-index: 2; } .filepond--image-preview-overlay { display: block; left: 0; margin: 0; max-height: 7rem; min-height: 5rem; opacity: 0; pointer-events: none; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; z-index: 2; } .filepond--image-preview-overlay svg { color: inherit; height: auto; max-height: inherit; width: 100%; } .filepond--image-preview-overlay-idle { color: rgba(40, 40, 40, 0.85); mix-blend-mode: multiply; } .filepond--image-preview-overlay-success { color: #369763; mix-blend-mode: normal; } .filepond--image-preview-overlay-failure { color: #c44e47; mix-blend-mode: normal; } @supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) { .filepond--image-preview-overlay-idle { mix-blend-mode: normal; } } .filepond--image-preview-wrapper { background: rgba(0, 0, 0, 0.01); border-radius: 0.45em; height: 100%; left: 0; margin: 0; overflow: hidden; position: absolute; right: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .filepond--image-preview { align-items: center; background: #222; display: flex; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; will-change: transform, opacity; z-index: 1; } .filepond--image-clip { margin: 0 auto; overflow: hidden; position: relative; } .filepond--image-clip[data-transparency-indicator="grid"] canvas, .filepond--image-clip[data-transparency-indicator="grid"] img { background-color: #fff; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eee' viewBox='0 0 100 100'%3E%3Cpath d='M0 0h50v50H0m50 0h50v50H50'/%3E%3C/svg%3E"); background-size: 1.25em 1.25em; } .filepond--image-bitmap, .filepond--image-vector { left: 0; position: absolute; top: 0; will-change: transform; } .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview-wrapper { border-radius: 0; } .filepond--root[data-style-panel-layout~="integrated"] .filepond--image-preview { align-items: center; display: flex; height: 100%; justify-content: center; } .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-wrapper { border-radius: 99999rem; } .filepond--root[data-style-panel-layout~="circle"] .filepond--image-preview-overlay { bottom: 0; top: auto; transform: scaleY(-1); } .filepond--root[data-style-panel-layout~="circle"] .filepond--file .filepond--file-action-button[data-align*="bottom"]:not( [data-align*="center"] ) { margin-bottom: 0.325em; } .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="left"] { left: calc(50% - 3em); } .filepond--root[data-style-panel-layout~="circle"] .filepond--file [data-align*="right"] { right: calc(50% - 3em); } .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="left"], .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="right"] { margin-bottom: 0.5125em; } .filepond--root[data-style-panel-layout~="circle"] .filepond--progress-indicator[data-align*="bottom"][data-align*="center"] { margin-bottom: 0.1875em; margin-left: 0.1875em; margin-top: 0; } /*! * FilePond 4.32.12 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ .filepond--assistant { border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } .filepond--browser.filepond--browser { font-size: 0; left: 1em; margin: 0; opacity: 0; padding: 0; position: absolute; top: 1.75em; width: calc(100% - 2em); } .filepond--data { border: none; contain: strict; height: 0; margin: 0; padding: 0; visibility: hidden; width: 0; } .filepond--data, .filepond--drip { pointer-events: none; position: absolute; } .filepond--drip { background: rgba(0, 0, 0, 0.01); border-radius: 0.5em; bottom: 0; left: 0; opacity: 0.1; overflow: hidden; right: 0; top: 0; } .filepond--drip-blob { background: #292625; border-radius: 50%; height: 8em; margin-left: -4em; margin-top: -4em; transform-origin: center center; width: 8em; } .filepond--drip-blob, .filepond--drop-label { left: 0; position: absolute; top: 0; will-change: transform, opacity; } .filepond--drop-label { align-items: center; color: #4f4f4f; display: flex; height: 0; justify-content: center; margin: 0; right: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .filepond--drop-label.filepond--drop-label label { display: block; margin: 0; padding: 0.5em; } .filepond--drop-label label { cursor: default; font-size: 0.875em; font-weight: 400; line-height: 1.5; text-align: center; } .filepond--label-action { text-decoration: underline; -webkit-text-decoration-skip: ink; cursor: pointer; text-decoration-color: #a7a4a4; text-decoration-skip-ink: auto; } .filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5; } .filepond--file-action-button.filepond--file-action-button { border: none; font-family: inherit; font-size: 1em; height: 1.625em; line-height: inherit; margin: 0; outline: none; padding: 0; width: 1.625em; will-change: transform, opacity; } .filepond--file-action-button.filepond--file-action-button span { border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } .filepond--file-action-button.filepond--file-action-button svg { height: 100%; width: 100%; } .filepond--file-action-button.filepond--file-action-button:after { bottom: -0.75em; content: ""; left: -0.75em; position: absolute; right: -0.75em; top: -0.75em; } .filepond--file-action-button { background-color: rgba(0, 0, 0, 0.5); background-image: none; border-radius: 50%; box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0); color: #fff; cursor: auto; transition: box-shadow 0.25s ease-in; } .filepond--file-action-button:focus, .filepond--file-action-button:hover { box-shadow: 0 0 0 0.125em hsla(0, 0%, 100%, 0.9); } .filepond--file-action-button[disabled] { background-color: rgba(0, 0, 0, 0.25); color: hsla(0, 0%, 100%, 0.5); } .filepond--file-action-button[hidden] { display: none; } .filepond--action-edit-item.filepond--action-edit-item { height: 2em; padding: 0.1875em; width: 2em; } .filepond--action-edit-item.filepond--action-edit-item[data-align*="center"] { margin-left: -0.1875em; } .filepond--action-edit-item.filepond--action-edit-item[data-align*="bottom"] { margin-bottom: -0.1875em; } .filepond--action-edit-item-alt { background: transparent; border: none; color: inherit; font-family: inherit; line-height: inherit; margin: 0 0 0 0.25em; outline: none; padding: 0; pointer-events: all; position: absolute; } .filepond--action-edit-item-alt svg { height: 1.3125em; width: 1.3125em; } .filepond--action-edit-item-alt span { font-size: 0; opacity: 0; } .filepond--file-info { align-items: flex-start; display: flex; flex: 1; flex-direction: column; margin: 0 0.5em 0 0; min-width: 0; pointer-events: none; position: static; -webkit-user-select: none; -moz-user-select: none; user-select: none; will-change: transform, opacity; } .filepond--file-info * { margin: 0; } .filepond--file-info .filepond--file-info-main { font-size: 0.75em; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .filepond--file-info .filepond--file-info-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; white-space: nowrap; } .filepond--file-info .filepond--file-info-sub:empty { display: none; } .filepond--file-status { align-items: flex-end; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; margin: 0; min-width: 2.25em; pointer-events: none; position: static; text-align: right; -webkit-user-select: none; -moz-user-select: none; user-select: none; will-change: transform, opacity; } .filepond--file-status * { margin: 0; white-space: nowrap; } .filepond--file-status .filepond--file-status-main { font-size: 0.75em; line-height: 1.2; } .filepond--file-status .filepond--file-status-sub { font-size: 0.625em; opacity: 0.5; transition: opacity 0.25s ease-in-out; } .filepond--file-wrapper.filepond--file-wrapper { border: none; height: 100%; margin: 0; min-width: 0; padding: 0; } .filepond--file-wrapper.filepond--file-wrapper > legend { border: 0; height: 1px; overflow: hidden; padding: 0; position: absolute; width: 1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; } .filepond--file { align-items: flex-start; border-radius: 0.5em; color: #fff; display: flex; height: 100%; padding: 0.5625em; position: static; } .filepond--file .filepond--file-status { margin-left: auto; margin-right: 2.25em; } .filepond--file .filepond--processing-complete-indicator { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 3; } .filepond--file .filepond--file-action-button, .filepond--file .filepond--processing-complete-indicator, .filepond--file .filepond--progress-indicator { position: absolute; } .filepond--file [data-align*="left"] { left: 0.5625em; } .filepond--file [data-align*="right"] { right: 0.5625em; } .filepond--file [data-align*="center"] { left: calc(50% - 0.8125em); } .filepond--file [data-align*="bottom"] { bottom: 1.125em; } .filepond--file [data-align="center"] { top: calc(50% - 0.8125em); } .filepond--file .filepond--progress-indicator { margin-top: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*="right"] { margin-right: 0.1875em; } .filepond--file .filepond--progress-indicator[data-align*="left"] { margin-left: 0.1875em; } [data-filepond-item-state*="error"] .filepond--file-info, [data-filepond-item-state*="invalid"] .filepond--file-info, [data-filepond-item-state="cancelled"] .filepond--file-info { margin-right: 2.25em; } [data-filepond-item-state~="processing"] .filepond--file-status-sub { opacity: 0; } [data-filepond-item-state~="processing"] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; } [data-filepond-item-state="processing-error"] .filepond--file-status-sub { opacity: 0; } [data-filepond-item-state="processing-error"] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5; } [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing svg { animation: fall 0.5s linear 0.125s both; } [data-filepond-item-state="processing-complete"] .filepond--file-status-sub { opacity: 0.5; } [data-filepond-item-state="processing-complete"] .filepond--file-info-sub, [data-filepond-item-state="processing-complete"] .filepond--processing-complete-indicator:not([style*="hidden"]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0; } [data-filepond-item-state="processing-complete"] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5; } [data-filepond-item-state*="error"] .filepond--file-wrapper, [data-filepond-item-state*="error"] .filepond--panel, [data-filepond-item-state*="invalid"] .filepond--file-wrapper, [data-filepond-item-state*="invalid"] .filepond--panel { animation: shake 0.65s linear both; } [data-filepond-item-state*="busy"] .filepond--progress-indicator svg { animation: spin 1s linear infinite; } @keyframes shake { 10%, 90% { transform: translateX(-0.0625em); } 20%, 80% { transform: translateX(0.125em); } 30%, 50%, 70% { transform: translateX(-0.25em); } 40%, 60% { transform: translateX(0.25em); } } @keyframes fall { 0% { animation-timing-function: ease-out; opacity: 0; transform: scale(0.5); } 70% { animation-timing-function: ease-in-out; opacity: 1; transform: scale(1.1); } to { animation-timing-function: ease-out; transform: scale(1); } } .filepond--hopper[data-hopper-state="drag-over"] > * { pointer-events: none; } .filepond--hopper[data-hopper-state="drag-over"]:after { bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 100; } .filepond--progress-indicator { z-index: 103; } .filepond--file-action-button { z-index: 102; } .filepond--file-status { z-index: 101; } .filepond--file-info { z-index: 100; } .filepond--item { left: 0; margin: 0.25em; padding: 0; position: absolute; right: 0; top: 0; touch-action: auto; will-change: transform, opacity; z-index: 1; } .filepond--item > .filepond--panel { z-index: -1; } .filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25); } .filepond--item > .filepond--file-wrapper, .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out; } .filepond--item[data-drag-state] { cursor: grab; } .filepond--item[data-drag-state] > .filepond--panel { box-shadow: 0 0 0 transparent; transition: box-shadow 0.125s ease-in-out; } .filepond--item[data-drag-state="drag"] { cursor: grabbing; } .filepond--item[data-drag-state="drag"] > .filepond--panel { box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325); } .filepond--item[data-drag-state]:not([data-drag-state="idle"]) { z-index: 2; } .filepond--item-panel { background-color: #64605e; } [data-filepond-item-state="processing-complete"] .filepond--item-panel { background-color: #369763; } [data-filepond-item-state*="error"] .filepond--item-panel, [data-filepond-item-state*="invalid"] .filepond--item-panel { background-color: #c44e47; } .filepond--item-panel { border-radius: 0.5em; transition: background-color 0.25s; } .filepond--list-scroller { left: 0; margin: 0; position: absolute; right: 0; top: 0; will-change: transform; } .filepond--list-scroller[data-state="overflow"] .filepond--list { bottom: 0; right: 0; } .filepond--list-scroller[data-state="overflow"] { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-mask: linear-gradient( 180deg, #000 calc(100% - 0.5em), transparent ); mask: linear-gradient(180deg, #000 calc(100% - 0.5em), transparent); } .filepond--list-scroller::-webkit-scrollbar { background: transparent; } .filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em; } .filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0; } .filepond--list-scroller::-webkit-scrollbar-thumb { background-clip: content-box; background-color: rgba(0, 0, 0, 0.3); border: 0.3125em solid transparent; border-radius: 99999px; } .filepond--list.filepond--list { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; will-change: transform; } .filepond--list { left: 0.75em; right: 0.75em; } .filepond--root[data-style-panel-layout~="integrated"] { height: 100%; margin: 0; max-width: none; width: 100%; } .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root { border-radius: 0; } .filepond--root[data-style-panel-layout~="circle"] .filepond--panel-root > *, .filepond--root[data-style-panel-layout~="integrated"] .filepond--panel-root > * { display: none; } .filepond--root[data-style-panel-layout~="circle"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { align-items: center; bottom: 0; display: flex; height: auto; justify-content: center; z-index: 7; } .filepond--root[data-style-panel-layout~="circle"] .filepond--item-panel, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item-panel { display: none; } .filepond--root[data-style-panel-layout~="compact"] .filepond--list-scroller, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list-scroller { height: 100%; margin-bottom: 0; margin-top: 0; overflow: hidden; } .filepond--root[data-style-panel-layout~="compact"] .filepond--list, .filepond--root[data-style-panel-layout~="integrated"] .filepond--list { height: 100%; left: 0; right: 0; } .filepond--root[data-style-panel-layout~="compact"] .filepond--item, .filepond--root[data-style-panel-layout~="integrated"] .filepond--item { margin: 0; } .filepond--root[data-style-panel-layout~="compact"] .filepond--file-wrapper, .filepond--root[data-style-panel-layout~="integrated"] .filepond--file-wrapper { height: 100%; } .filepond--root[data-style-panel-layout~="compact"] .filepond--drop-label, .filepond--root[data-style-panel-layout~="integrated"] .filepond--drop-label { z-index: 7; } .filepond--root[data-style-panel-layout~="circle"] { border-radius: 99999rem; overflow: hidden; } .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel { border-radius: inherit; } .filepond--root[data-style-panel-layout~="circle"] .filepond--file-info, .filepond--root[data-style-panel-layout~="circle"] .filepond--file-status, .filepond--root[data-style-panel-layout~="circle"] > .filepond--panel > * { display: none; } .filepond--root[data-style-panel-layout~="circle"] .filepond--action-edit-item { opacity: 1 !important; visibility: visible !important; } @media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) and (stroke-color: transparent) { .filepond--root[data-style-panel-layout~="circle"] { will-change: transform; } } } .filepond--panel-root { background-color: #f1f0ef; border-radius: 0.5em; } .filepond--panel { height: 100% !important; left: 0; margin: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .filepond-panel:not([data-scalable="false"]) { height: auto !important; } .filepond--panel[data-scalable="false"] > div { display: none; } .filepond--panel[data-scalable="true"] { background-color: transparent !important; border: none !important; transform-style: preserve-3d; } .filepond--panel-bottom, .filepond--panel-center, .filepond--panel-top { left: 0; margin: 0; padding: 0; position: absolute; right: 0; top: 0; } .filepond--panel-bottom, .filepond--panel-top { height: 0.5em; } .filepond--panel-top { border-bottom: none !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .filepond--panel-top:after { background-color: inherit; bottom: -1px; content: ""; height: 2px; left: 0; position: absolute; right: 0; } .filepond--panel-bottom, .filepond--panel-center { backface-visibility: hidden; transform: translate3d(0, 0.5em, 0); transform-origin: left top; will-change: transform; } .filepond--panel-bottom { border-top: none !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .filepond--panel-bottom:before { background-color: inherit; content: ""; height: 2px; left: 0; position: absolute; right: 0; top: -1px; } .filepond--panel-center { border-bottom: none !important; border-radius: 0 !important; border-top: none !important; height: 100px !important; } .filepond--panel-center:not([style]) { visibility: hidden; } .filepond--progress-indicator { color: #fff; height: 1.25em; margin: 0; pointer-events: none; position: static; width: 1.25em; will-change: transform, opacity; } .filepond--progress-indicator svg { height: 100%; transform-box: fill-box; vertical-align: top; width: 100%; } .filepond--progress-indicator path { fill: none; stroke: currentColor; } .filepond--list-scroller { z-index: 6; } .filepond--drop-label { z-index: 5; } .filepond--drip { z-index: 3; } .filepond--root > .filepond--panel { z-index: 2; } .filepond--browser { z-index: 1; } .filepond--root { box-sizing: border-box; contain: layout style size; direction: ltr; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; font-weight: 450; line-height: normal; margin-bottom: 1em; position: relative; text-align: left; text-rendering: optimizeLegibility; } .filepond--root * { box-sizing: inherit; line-height: inherit; } .filepond--root :not(text) { font-size: inherit; } .filepond--root[data-disabled] { pointer-events: none; } .filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all; } .filepond--root[data-disabled] .filepond--list { pointer-events: none; } .filepond--root .filepond--drop-label { min-height: 4.75em; } .filepond--root .filepond--list-scroller { margin-bottom: 1em; margin-top: 1em; } .filepond--root .filepond--credits { bottom: -14px; color: inherit; font-size: 11px; line-height: 0.85; opacity: 0.4; position: absolute; right: 0; text-decoration: none; z-index: 3; } .filepond--root .filepond--credits[style] { bottom: auto; margin-top: 14px; top: 0; } .flatpickr-calendar { animation: none; background: transparent; background: #fff; border: 0; border-radius: 5px; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); box-sizing: border-box; direction: ltr; display: none; font-size: 14px; line-height: 24px; opacity: 0; padding: 0; position: absolute; text-align: center; touch-action: manipulation; visibility: hidden; width: 307.875px; } .flatpickr-calendar.inline, .flatpickr-calendar.open { max-height: 640px; opacity: 1; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: fpFadeInDown 0.3s cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { display: block; z-index: 999; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { border-top: 1px solid #e6e6e6; height: 40px; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:after, .flatpickr-calendar:before { border: solid transparent; content: ""; display: block; height: 0; left: 22px; pointer-events: none; position: absolute; width: 0; } .flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { display: inline-block; position: relative; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; flex: 1; line-height: 1; overflow: hidden; position: relative; text-align: center; } .flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 34px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { cursor: pointer; padding: 10px; position: absolute; text-decoration: none; top: 0; z-index: 3; } .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative; } .flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0; } .flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0; } .flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { height: 14px; width: 14px; } .flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { fill: inherit; transition: fill 0.1s; } .numInputWrapper { height: auto; position: relative; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-inner-spin-button, .numInputWrapper input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .numInputWrapper span { border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; cursor: pointer; height: 50%; line-height: 50%; opacity: 0; padding: 0 4px 0 2px; position: absolute; right: 0; width: 14px; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { content: ""; display: block; position: absolute; } .numInputWrapper span.arrowUp { border-bottom: 0; top: 0; } .numInputWrapper span.arrowUp:after { border-bottom: 4px solid rgba(57, 57, 57, 0.6); border-left: 4px solid transparent; border-right: 4px solid transparent; top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { height: auto; width: inherit; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { color: inherit; display: inline-block; font-size: 135%; font-weight: 300; height: 34px; left: 12.5%; line-height: inherit; line-height: 1; padding: 7.48px 0 0; position: absolute; text-align: center; transform: translateZ(0); width: 75%; } .flatpickr-current-month span.cur-month { color: inherit; display: inline-block; font-family: inherit; font-weight: 700; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { display: inline-block; width: 6ch; width: 7ch\0; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; background: transparent; border: 0; border-radius: 0; box-sizing: border-box; color: inherit; cursor: text; display: inline-block; font-family: inherit; font-size: inherit; font-weight: 300; height: auto; line-height: inherit; margin: 0; padding: 0 0 0 0.5ch; vertical-align: initial; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { background: transparent; color: rgba(0, 0, 0, 0.5); font-size: 100%; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; -webkit-appearance: menulist; -moz-appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; -webkit-box-sizing: border-box; color: inherit; cursor: pointer; font-family: inherit; font-size: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { align-items: center; background: transparent; display: flex; height: 28px; overflow: hidden; text-align: center; width: 100%; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { background: transparent; color: rgba(0, 0, 0, 0.54); cursor: default; display: block; flex: 1; font-size: 90%; font-weight: bolder; line-height: 1; margin: 0; text-align: center; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0; } .flatpickr-days { align-items: flex-start; display: flex; overflow: hidden; position: relative; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; max-width: 307.875px; min-width: 307.875px; opacity: 1; outline: 0; padding: 0; text-align: left; transform: translateZ(0); width: 307.875px; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; display: inline-block; flex-basis: 14.2857143%; font-weight: 400; height: 39px; justify-content: center; line-height: 39px; margin: 0; max-width: 39px; position: relative; text-align: center; width: 14.2857143%; } .flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { background: #e6e6e6; border-color: #e6e6e6; cursor: pointer; outline: 0; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:focus, .flatpickr-day.today:hover { background: #959ea9; border-color: #959ea9; color: #fff; } .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #569ff7; border-color: #569ff7; box-shadow: none; color: #fff; } .flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) { box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { background: transparent; border-color: transparent; color: rgba(57, 57, 57, 0.3); cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: rgba(57, 57, 57, 0.1); cursor: not-allowed; } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { box-shadow: 1px 0 0 #e6e6e6; padding: 0 12px; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; line-height: 28px; width: 100%; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { background: transparent; border: none; color: rgba(57, 57, 57, 0.3); cursor: default; display: block; max-width: none; width: 100%; } .flatpickr-innerContainer { box-sizing: border-box; display: block; display: flex; overflow: hidden; } .flatpickr-rContainer { box-sizing: border-box; display: inline-block; padding: 0; } .flatpickr-time { box-sizing: border-box; display: block; display: flex; height: 0; line-height: 40px; max-height: 40px; outline: 0; overflow: hidden; text-align: center; } .flatpickr-time:after { clear: both; content: ""; display: table; } .flatpickr-time .numInputWrapper { flex: 1; float: left; height: 40px; width: 40%; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; background: transparent; border: 0; border-radius: 0; box-shadow: none; box-sizing: border-box; color: #393939; font-size: 14px; height: inherit; line-height: inherit; margin: 0; padding: 0; position: relative; text-align: center; } .flatpickr-time input.flatpickr-hour { font-weight: 700; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { border: 0; outline: 0; } .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { align-self: center; color: #393939; float: left; font-weight: 700; height: inherit; line-height: inherit; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 2%; } .flatpickr-time .flatpickr-am-pm { cursor: pointer; font-weight: 400; outline: 0; text-align: center; width: 18%; } .flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { 0% { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translateZ(0); } } .jstree-children, .jstree-container-ul, .jstree-node { display: block; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .jstree-anchor, .jstree-node { white-space: nowrap; } .jstree-anchor { color: #000; display: inline-block; margin: 0; padding: 0 4px 0 1px; vertical-align: top; } .jstree-anchor:focus { outline: 0; } .jstree-anchor, .jstree-anchor:active, .jstree-anchor:hover, .jstree-anchor:link, .jstree-anchor:visited { color: inherit; text-decoration: none; } .jstree-icon, .jstree-icon:empty { display: inline-block; margin: 0; padding: 0; text-align: center; text-decoration: none; vertical-align: top; } .jstree-ocl { cursor: pointer; } .jstree-leaf > .jstree-ocl { cursor: default; } .jstree .jstree-open > .jstree-children { display: block; } .jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display: none; } .jstree-anchor > .jstree-themeicon { margin-right: 2px; } .jstree-anchor > .jstree-themeicon-hidden, .jstree-hidden, .jstree-no-icons .jstree-themeicon, .jstree-node.jstree-hidden { display: none; } .jstree-rtl .jstree-anchor { padding: 0 1px 0 4px; } .jstree-rtl .jstree-anchor > .jstree-themeicon { margin-left: 2px; margin-right: 0; } .jstree-rtl .jstree-node { margin-left: 0; } .jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-wholerow-ul { display: inline-block; min-width: 100%; position: relative; } .jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor: pointer; } .jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position: relative; } .jstree-wholerow-ul .jstree-wholerow { cursor: pointer; left: 0; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .jstree-contextmenu .jstree-anchor { -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; user-select: none; } .vakata-context { display: none; } .vakata-context, .vakata-context ul { background: #f5f5f5; border: 1px solid #979797; box-shadow: 2px 2px 2px #999; margin: 0; padding: 2px; position: absolute; } .vakata-context ul { left: 100%; list-style: none; margin-left: -4px; margin-top: -2.7em; } .vakata-context .vakata-context-right ul { left: auto; margin-left: auto; margin-right: -4px; right: 100%; } .vakata-context li { list-style: none; } .vakata-context li > a { border-radius: 1px; color: #000; display: block; line-height: 2.4em; padding: 0 2em; text-decoration: none; text-shadow: 1px 1px 0 #fff; white-space: nowrap; width: auto; } .vakata-context li > a:hover { background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; position: relative; } .vakata-context li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position: 100%; background-repeat: no-repeat; } .vakata-context li > a:focus { outline: 0; } .vakata-context .vakata-context-no-icons { margin-left: 0; } .vakata-context .vakata-context-hover > a { background-color: #e8eff7; box-shadow: 0 0 2px #0a6aa1; position: relative; } .vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { background: #fff; border: 0; border-left: 1px solid #e0e0e0; border-radius: 0; border-top: 1px solid #e2e3e3; box-shadow: 0 0 0 transparent; height: 1px; margin: 0 0 0 2.4em; max-height: 1px; min-height: 1px; padding: 0; text-shadow: 0 0 0 transparent; } .vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { background-color: transparent; border: 0; box-shadow: 0 0 0; color: silver; } .vakata-context .vakata-contextmenu-disabled > a > i { filter: grayscale(100%); } .vakata-context li > a > i { background: transparent; display: inline-block; height: 2.4em; margin: 0 0 0 -2em; text-align: center; text-decoration: none; vertical-align: top; } .vakata-context li > a > i, .vakata-context li > a > i:empty { line-height: 2.4em; width: 2.4em; } .vakata-context li > a .vakata-contextmenu-sep { background: #fff; border-left: 1px solid #e2e3e3; display: inline-block; height: 2.4em; margin: 0 0.5em 0 0; width: 1px; } .vakata-context .vakata-contextmenu-shortcut { color: silver; display: none; font-size: 0.8em; opacity: 0.5; } .vakata-context-rtl ul { left: auto; margin-left: auto; margin-right: -4px; right: 100%; } .vakata-context-rtl li > a.vakata-context-parent { background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position: 0; background-repeat: no-repeat; } .vakata-context-rtl .vakata-context-separator > a { border-left: 0; border-right: 1px solid #e2e3e3; margin: 0 2.4em 0 0; } .vakata-context-rtl .vakata-context-left ul { left: 100%; margin-left: -4px; margin-right: auto; right: auto; } .vakata-context-rtl li > a > i { margin: 0 -2em 0 0; } .vakata-context-rtl li > a .vakata-contextmenu-sep { background: #e2e3e3; border-left-color: #fff; margin: 0 0 0 0.5em; } #jstree-marker { border-bottom: 5px solid transparent; border-left: 5px solid; border-right: 0; border-top: 5px solid transparent; font-size: 0; height: 0; left: 0; line-height: 0; margin: -5px 0 0; padding: 0; position: absolute; top: 0; width: 0; } #jstree-dnd { line-height: 16px; margin: 0; padding: 4px; } #jstree-dnd .jstree-copy, #jstree-dnd .jstree-icon { display: inline-block; height: 16px; margin: 0 2px 0 0; padding: 0; text-decoration: none; width: 16px; } #jstree-dnd .jstree-ok { background: green; } #jstree-dnd .jstree-er { background: red; } #jstree-dnd .jstree-copy { margin: 0 2px; } .jstree-default .jstree-icon, .jstree-default .jstree-node { background-color: transparent; background-repeat: no-repeat; } .jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow { transition: background-color 0.15s, box-shadow 0.15s; } .jstree-default .jstree-context, .jstree-default .jstree-hovered { background: #e7f4f9; border-radius: 2px; box-shadow: inset 0 0 1px #ccc; } .jstree-default .jstree-clicked { background: #beebff; border-radius: 2px; box-shadow: inset 0 0 1px #999; } .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display: none; } .jstree-default .jstree-disabled { color: #666; } .jstree-default .jstree-disabled.jstree-hovered { box-shadow: none; } .jstree-default .jstree-disabled > .jstree-icon { filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; } .jstree-default .jstree-search { color: #8b0000; font-style: italic; font-weight: 700; } .jstree-default .jstree-no-checkboxes .jstree-checkbox { display: none !important; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background: transparent; box-shadow: none; } .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background: #e7f4f9; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background: transparent; } .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default > .jstree-striped { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") 0 0 repeat; display: inline-block; min-width: 100%; } .jstree-default > .jstree-wholerow-ul .jstree-clicked, .jstree-default > .jstree-wholerow-ul .jstree-hovered { background: transparent; border-radius: 0; box-shadow: none; } .jstree-default .jstree-wholerow { box-sizing: border-box; } .jstree-default .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default .jstree-wholerow-clicked { background: #beebff; background: linear-gradient(180deg, #beebff 0, #a8e4ff); } .jstree-default .jstree-node { line-height: 24px; margin-left: 24px; min-height: 24px; min-width: 24px; } .jstree-default .jstree-anchor { height: 24px; line-height: 24px; } .jstree-default .jstree-icon, .jstree-default .jstree-icon:empty { height: 24px; line-height: 24px; width: 24px; } .jstree-default.jstree-rtl .jstree-node { margin-right: 24px; } .jstree-default .jstree-wholerow { height: 24px; } .jstree-default .jstree-icon, .jstree-default .jstree-node { background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); } .jstree-default .jstree-node { background-position: -292px -4px; background-repeat: repeat-y; } .jstree-default .jstree-last { background-image: none; } .jstree-default .jstree-open > .jstree-ocl { background-position: -132px -4px; } .jstree-default .jstree-closed > .jstree-ocl { background-position: -100px -4px; } .jstree-default .jstree-leaf > .jstree-ocl { background-position: -68px -4px; } .jstree-default .jstree-themeicon { background-position: -260px -4px; } .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -4px; } .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -4px; } .jstree-default .jstree-disabled, .jstree-default .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default .jstree-checkbox { background-position: -164px -4px; } .jstree-default .jstree-checkbox:hover { background-position: -164px -36px; } .jstree-default .jstree-checked > .jstree-checkbox, .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -228px -4px; } .jstree-default .jstree-checked > .jstree-checkbox:hover, .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -228px -36px; } .jstree-default .jstree-anchor > .jstree-undetermined { background-position: -196px -4px; } .jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position: -196px -36px; } .jstree-default .jstree-checkbox-disabled { filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; } .jstree-default > .jstree-striped { background-size: auto 48px; } .jstree-default.jstree-rtl .jstree-node { background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default.jstree-rtl .jstree-open > .jstree-ocl { background-position: -132px -36px; } .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -100px -36px; } .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -68px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -36px -36px; } .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -4px -36px; } .jstree-default .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat; } .jstree-default .jstree-file { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -100px -68px no-repeat; } .jstree-default .jstree-folder { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -260px -4px no-repeat; } .jstree-default > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default { line-height: 24px; padding: 0 4px; } #jstree-dnd.jstree-default .jstree-er, #jstree-dnd.jstree-default .jstree-ok { background-color: transparent; background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); background-repeat: no-repeat; } #jstree-dnd.jstree-default i { background: transparent; height: 24px; line-height: 24px; width: 24px; } #jstree-dnd.jstree-default .jstree-ok { background-position: -4px -68px; } #jstree-dnd.jstree-default .jstree-er { background-position: -36px -68px; } .jstree-default .jstree-ellipsis { overflow: hidden; } .jstree-default .jstree-ellipsis .jstree-anchor { overflow: hidden; text-overflow: ellipsis; width: calc(100% - 19px); } .jstree-default.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); } .jstree-default.jstree-rtl .jstree-last { background-image: none; } .jstree-default-small .jstree-node { line-height: 18px; margin-left: 18px; min-height: 18px; min-width: 18px; } .jstree-default-small .jstree-anchor { height: 18px; line-height: 18px; } .jstree-default-small .jstree-icon, .jstree-default-small .jstree-icon:empty { height: 18px; line-height: 18px; width: 18px; } .jstree-default-small.jstree-rtl .jstree-node { margin-right: 18px; } .jstree-default-small .jstree-wholerow { height: 18px; } .jstree-default-small .jstree-icon, .jstree-default-small .jstree-node { background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); } .jstree-default-small .jstree-node { background-position: -295px -7px; background-repeat: repeat-y; } .jstree-default-small .jstree-last { background-image: none; } .jstree-default-small .jstree-open > .jstree-ocl { background-position: -135px -7px; } .jstree-default-small .jstree-closed > .jstree-ocl { background-position: -103px -7px; } .jstree-default-small .jstree-leaf > .jstree-ocl { background-position: -71px -7px; } .jstree-default-small .jstree-themeicon { background-position: -263px -7px; } .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-small > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -7px; } .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -7px; } .jstree-default-small .jstree-disabled, .jstree-default-small .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-small .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-small .jstree-checkbox { background-position: -167px -7px; } .jstree-default-small .jstree-checkbox:hover { background-position: -167px -39px; } .jstree-default-small .jstree-checked > .jstree-checkbox, .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -231px -7px; } .jstree-default-small .jstree-checked > .jstree-checkbox:hover, .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -231px -39px; } .jstree-default-small .jstree-anchor > .jstree-undetermined { background-position: -199px -7px; } .jstree-default-small .jstree-anchor > .jstree-undetermined:hover { background-position: -199px -39px; } .jstree-default-small .jstree-checkbox-disabled { filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; } .jstree-default-small > .jstree-striped { background-size: auto 36px; } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl { background-position: -135px -39px; } .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -103px -39px; } .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -71px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -39px -39px; } .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: -7px -39px; } .jstree-default-small .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat; } .jstree-default-small .jstree-file { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -103px -71px no-repeat; } .jstree-default-small .jstree-folder { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -263px -7px no-repeat; } .jstree-default-small > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-small { line-height: 18px; padding: 0 4px; } #jstree-dnd.jstree-default-small .jstree-er, #jstree-dnd.jstree-default-small .jstree-ok { background-color: transparent; background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); background-repeat: no-repeat; } #jstree-dnd.jstree-default-small i { background: transparent; height: 18px; line-height: 18px; width: 18px; } #jstree-dnd.jstree-default-small .jstree-ok { background-position: -7px -71px; } #jstree-dnd.jstree-default-small .jstree-er { background-position: -39px -71px; } .jstree-default-small .jstree-ellipsis { overflow: hidden; } .jstree-default-small .jstree-ellipsis .jstree-anchor { overflow: hidden; text-overflow: ellipsis; width: calc(100% - 13px); } .jstree-default-small.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg=="); } .jstree-default-small.jstree-rtl .jstree-last { background-image: none; } .jstree-default-large .jstree-node { line-height: 32px; margin-left: 32px; min-height: 32px; min-width: 32px; } .jstree-default-large .jstree-anchor { height: 32px; line-height: 32px; } .jstree-default-large .jstree-icon, .jstree-default-large .jstree-icon:empty { height: 32px; line-height: 32px; width: 32px; } .jstree-default-large.jstree-rtl .jstree-node { margin-right: 32px; } .jstree-default-large .jstree-wholerow { height: 32px; } .jstree-default-large .jstree-icon, .jstree-default-large .jstree-node { background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); } .jstree-default-large .jstree-node { background-position: -288px 0; background-repeat: repeat-y; } .jstree-default-large .jstree-last { background-image: none; } .jstree-default-large .jstree-open > .jstree-ocl { background-position: -128px 0; } .jstree-default-large .jstree-closed > .jstree-ocl { background-position: -96px 0; } .jstree-default-large .jstree-leaf > .jstree-ocl { background-position: -64px 0; } .jstree-default-large .jstree-themeicon { background-position: -256px 0; } .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-large > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px 0; } .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0 0; } .jstree-default-large .jstree-disabled, .jstree-default-large .jstree-disabled.jstree-hovered { background: transparent; } .jstree-default-large .jstree-disabled.jstree-clicked { background: #efefef; } .jstree-default-large .jstree-checkbox { background-position: -160px 0; } .jstree-default-large .jstree-checkbox:hover { background-position: -160px -32px; } .jstree-default-large .jstree-checked > .jstree-checkbox, .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox { background-position: -224px 0; } .jstree-default-large .jstree-checked > .jstree-checkbox:hover, .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: -224px -32px; } .jstree-default-large .jstree-anchor > .jstree-undetermined { background-position: -192px 0; } .jstree-default-large .jstree-anchor > .jstree-undetermined:hover { background-position: -192px -32px; } .jstree-default-large .jstree-checkbox-disabled { filter: url("data:image/svg+xml;utf8,#jstree-grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.8; } .jstree-default-large > .jstree-striped { background-size: auto 64px; } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg=="); background-position: 100% 1px; background-repeat: repeat-y; } .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl { background-position: -128px -32px; } .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -96px -32px; } .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl { background-position: -64px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl, .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node { background: transparent; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl { background-position: -32px -32px; } .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position: 0 -32px; } .jstree-default-large .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl { background: url(../../../node_modules/jstree/dist/themes/default/throbber.gif) 50% no-repeat; } .jstree-default-large .jstree-file { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -96px -64px no-repeat; } .jstree-default-large .jstree-folder { background: url(../../../node_modules/jstree/dist/themes/default/32px.png) -256px 0 no-repeat; } .jstree-default-large > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } #jstree-dnd.jstree-default-large { line-height: 32px; padding: 0 4px; } #jstree-dnd.jstree-default-large .jstree-er, #jstree-dnd.jstree-default-large .jstree-ok { background-color: transparent; background-image: url(../../../node_modules/jstree/dist/themes/default/32px.png); background-repeat: no-repeat; } #jstree-dnd.jstree-default-large i { background: transparent; height: 32px; line-height: 32px; width: 32px; } #jstree-dnd.jstree-default-large .jstree-ok { background-position: 0 -64px; } #jstree-dnd.jstree-default-large .jstree-er { background-position: -32px -64px; } .jstree-default-large .jstree-ellipsis { overflow: hidden; } .jstree-default-large .jstree-ellipsis .jstree-anchor { overflow: hidden; text-overflow: ellipsis; width: calc(100% - 27px); } .jstree-default-large.jstree-rtl .jstree-node { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg=="); } .jstree-default-large.jstree-rtl .jstree-last { background-image: none; } @media (max-width: 768px) { #jstree-dnd.jstree-dnd-responsive { font-size: 1.1em; font-weight: 700; line-height: 40px; text-shadow: 1px 1px #fff; } #jstree-dnd.jstree-dnd-responsive > i { background: transparent; height: 40px; width: 40px; } #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-position: 0 -200px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er, #jstree-dnd.jstree-dnd-responsive > .jstree-ok { background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png); background-size: 120px 240px; } #jstree-dnd.jstree-dnd-responsive > .jstree-er { background-position: -40px -200px; } #jstree-marker.jstree-dnd-responsive { border-bottom-width: 10px; border-left-width: 10px; border-top-width: 10px; margin-top: -10px; } .jstree-default-responsive .jstree-icon { background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png); } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive .jstree-node { background: transparent; } .jstree-default-responsive .jstree-node { line-height: 40px; margin-left: 40px; min-height: 40px; min-width: 40px; white-space: nowrap; } .jstree-default-responsive .jstree-anchor { height: 40px; line-height: 40px; } .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-icon:empty { height: 40px; line-height: 40px; width: 40px; } .jstree-default-responsive.jstree-rtl .jstree-node { background: transparent; margin-left: 0; margin-right: 40px; } .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node { margin-right: 0; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-ocl, .jstree-default-responsive .jstree-themeicon { background-size: 120px 240px; } .jstree-default-responsive .jstree-leaf > .jstree-ocl, .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl { background: transparent; } .jstree-default-responsive .jstree-open > .jstree-ocl { background-position: 0 0 !important; } .jstree-default-responsive .jstree-closed > .jstree-ocl { background-position: 0 -40px !important; } .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl { background-position: -40px 0 !important; } .jstree-default-responsive .jstree-themeicon { background-position: -40px -40px; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-checkbox:hover { background-position: -40px -80px; } .jstree-default-responsive .jstree-checked > .jstree-checkbox, .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover { background-position: 0 -80px; } .jstree-default-responsive .jstree-anchor > .jstree-undetermined, .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover { background-position: 0 -120px; } .jstree-default-responsive .jstree-anchor { font-size: 1.1em; font-weight: 700; text-shadow: 1px 1px #fff; } .jstree-default-responsive > .jstree-striped { background: transparent; } .jstree-default-responsive .jstree-wholerow { background: #ebebeb; border-bottom: 1px solid rgba(64, 64, 64, 0.2); border-top: 1px solid hsla(0, 0%, 100%, 0.7); height: 40px; } .jstree-default-responsive .jstree-wholerow-hovered { background: #e7f4f9; } .jstree-default-responsive .jstree-wholerow-clicked { background: #beebff; } .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow { box-shadow: inset 0 -6px 3px -5px #666; } .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow { border-top: 0; box-shadow: inset 0 6px 3px -5px #666; } .jstree-default-responsive .jstree-children .jstree-open + .jstree-open { box-shadow: none; } .jstree-default-responsive .jstree-checkbox, .jstree-default-responsive .jstree-icon, .jstree-default-responsive .jstree-node, .jstree-default-responsive .jstree-node > .jstree-ocl, .jstree-default-responsive .jstree-themeicon { background-image: url(../../../node_modules/jstree/dist/themes/default/40px.png); background-size: 120px 240px; } .jstree-default-responsive .jstree-node { background-position: -80px 0; background-repeat: repeat-y; } .jstree-default-responsive .jstree-last { background-image: none; } .jstree-default-responsive .jstree-leaf > .jstree-ocl { background-position: -40px -120px; } .jstree-default-responsive .jstree-last > .jstree-ocl { background-position: -40px -160px; } .jstree-default-responsive .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-default-responsive .jstree-file { background: url(../../../node_modules/jstree/dist/themes/default/40px.png) 0 -160px no-repeat; background-size: 120px 240px; } .jstree-default-responsive .jstree-folder { background: url(../../../node_modules/jstree/dist/themes/default/40px.png) -40px -40px no-repeat; background-size: 120px 240px; } .jstree-default-responsive > .jstree-container-ul > .jstree-node { margin-left: 0; margin-right: 0; } } :root { --jvm-border-color: #e5e6e7; --jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --jvm-tooltip-font-size: 0.9rem; --jvm-tooltip-bg-color: #337ffa; --jvm-tooltip-color: #fff; --jvm-tooltip-padding: 3px 5px; --jvm-tooltip-shadow: var(--jvm-box-shadow); --jvm-tooltip-radius: 3px; --jvm-zoom-btn-bg-color: #292929; --jvm-zoom-btn-color: #fff; --jvm-zoom-btn-size: 15px; --jvm-zoom-btn-radius: 3px; --jvm-series-container-right: 15px; --jvm-legend-bg-color: #fff; --jvm-legend-radius: 0.15rem; --jvm-legend-margin-left: 0.75rem; --jvm-legend-padding: 0.6rem; --jvm-legend-title-padding-bottom: 0.5rem; --jvm-legend-title-margin-bottom: 0.575rem; --jvm-legend-tick-margin-top: 0.575rem; --jvm-legend-tick-sample-radius: 0; --jvm-legend-tick-sample-height: 12px; --jvm-legend-tick-sample-width: 30px; --jvm-legend-tick-text-font-size: 12px; --jvm-legend-tick-text-margin-top: 3px; } .jvm-zoom-btn, image, text { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .jvm-container { height: 100%; position: relative; width: 100%; } .jvm-tooltip { background-color: var(--jvm-tooltip-bg-color); border-radius: var(--jvm-tooltip-radius); box-shadow: var(--jvm-tooltip-shadow); color: var(--jvm-tooltip-color); display: none; font-size: var(--jvm-tooltip-font-size); padding: var(--jvm-tooltip-padding); position: absolute; white-space: nowrap; } .jvm-tooltip.active { display: block; } .jvm-zoom-btn { background-color: var(--jvm-zoom-btn-bg-color); border-radius: var(--jvm-zoom-btn-radius); box-sizing: border-box; color: var(--jvm-zoom-btn-color); cursor: pointer; height: var(--jvm-zoom-btn-size); left: 10px; line-height: var(--jvm-zoom-btn-size); position: absolute; text-align: center; width: var(--jvm-zoom-btn-size); } .jvm-zoom-btn.jvm-zoomin { top: var(--jvm-zoom-btn-size); } .jvm-zoom-btn.jvm-zoomout { top: calc(var(--jvm-zoom-btn-size) * 2 + var(--jvm-zoom-btn-size) / 3); } .jvm-series-container { position: absolute; right: var(--jvm-series-container-right); } .jvm-series-container.jvm-series-h { bottom: 15px; } .jvm-series-container.jvm-series-v { display: flex; flex-direction: column; gap: 0.75rem; top: 15px; } .jvm-legend { background-color: var(--jvm-legend-bg-color); border: 1px solid var(--jvm-border-color); border-radius: var(--jvm-legend-radius); box-shadow: var(--jvm-box-shadow); margin-left: var(--jvm-legend-margin-left); padding: var(--jvm-legend-padding); } .jvm-legend-title { border-bottom: 1px solid var(--jvm-border-color); line-height: 1; margin-bottom: var(--jvm-legend-title-margin-bottom); padding-bottom: var(--jvm-legend-title-padding-bottom); text-align: left; } .jvm-legend-tick { align-items: center; display: flex; min-width: 40px; } .jvm-legend-tick:not(:first-child) { margin-top: var(--jvm-legend-tick-margin-top); } .jvm-legend-tick-sample { border-radius: var(--jvm-legend-tick-sample-radius); height: var(--jvm-legend-tick-sample-height); margin-right: 0.45rem; width: var(--jvm-legend-tick-sample-width); } .jvm-legend-tick-text { font-size: var(--jvm-legend-tick-text-font-size); line-height: 1; text-align: center; } .jvm-line[animation="true"] { animation: jvm-line-animation 10s linear infinite forwards; } @keyframes jvm-line-animation { 0% { stroke-dashoffset: 250; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; box-sizing: border-box; touch-action: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .noUi-target { position: relative; } .noUi-base, .noUi-connects { height: 100%; position: relative; width: 100%; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { height: 100%; position: absolute; right: 0; top: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-style: flat; width: 100%; will-change: transform; z-index: 1; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .noUi-vertical .noUi-origin { top: -100%; width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 18px; } .noUi-horizontal .noUi-handle { height: 28px; right: -17px; top: -6px; width: 34px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { bottom: -17px; height: 34px; right: -6px; width: 28px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } .noUi-target { background: #fafafa; border: 1px solid #d3d3d3; border-radius: 4px; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #3fb8af; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; cursor: default; } .noUi-active { box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } .noUi-handle:after, .noUi-handle:before { background: #e8e7e6; content: ""; display: block; height: 14px; left: 14px; position: absolute; top: 6px; width: 1px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { height: 1px; left: 6px; top: 14px; width: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #b8b8b8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { color: #999; position: absolute; } .noUi-value { position: absolute; text-align: center; white-space: nowrap; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { background: #ccc; position: absolute; } .noUi-marker-large, .noUi-marker-sub { background: #aaa; } .noUi-pips-horizontal { height: 80px; left: 0; padding: 10px 0; top: 100%; width: 100%; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { height: 5px; margin-left: -1px; width: 2px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-pips-vertical { height: 100%; left: 100%; padding: 0 10px; top: 0; } .noUi-value-vertical { padding-left: 25px; transform: translateY(-50%); } .noUi-rtl .noUi-value-vertical { transform: translateY(50%); } .noUi-marker-vertical.noUi-marker { height: 2px; margin-top: -1px; width: 5px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { background: #fff; border: 1px solid #d9d9d9; border-radius: 3px; color: #000; display: block; padding: 5px; position: absolute; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { bottom: 120%; left: 50%; transform: translate(-50%); } .noUi-vertical .noUi-tooltip { right: 120%; top: 50%; transform: translateY(-50%); } .noUi-horizontal .noUi-origin > .noUi-tooltip { bottom: 10px; left: auto; transform: translate(50%); } .noUi-vertical .noUi-origin > .noUi-tooltip { right: 28px; top: auto; transform: translateY(-18px); } @keyframes plyr-progress { to { background-position: 25px 0; background-position: var(--plyr-progress-loading-size, 25px) 0; } } @keyframes plyr-popup { 0% { opacity: 0.5; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes plyr-fade-in { 0% { opacity: 0; } to { opacity: 1; } } .plyr { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; align-items: center; direction: ltr; display: flex; flex-direction: column; font-family: inherit; font-family: var(--plyr-font-family, inherit); font-variant-numeric: tabular-nums; font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); line-height: 1.7; line-height: var(--plyr-line-height, 1.7); max-width: 100%; min-width: 200px; position: relative; text-shadow: none; transition: box-shadow 0.3s ease; z-index: 0; } .plyr audio, .plyr iframe, .plyr video { display: block; height: 100%; width: 100%; } .plyr button { font: inherit; line-height: inherit; width: auto; } .plyr:focus { outline: 0; } .plyr--full-ui { box-sizing: border-box; } .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before { box-sizing: inherit; } .plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label { touch-action: manipulation; } .plyr__badge { background: #4a5464; background: var(--plyr-badge-background, #4a5464); border-radius: 2px; border-radius: var(--plyr-badge-border-radius, 2px); color: #fff; color: var(--plyr-badge-text-color, #fff); font-size: 9px; font-size: var(--plyr-font-size-badge, 9px); line-height: 1; padding: 3px 4px; } .plyr--full-ui ::-webkit-media-text-track-container { display: none; } .plyr__captions { animation: plyr-fade-in 0.3s ease; bottom: 0; display: none; font-size: 13px; font-size: var(--plyr-font-size-small, 13px); left: 0; padding: 10px; padding: var(--plyr-control-spacing, 10px); position: absolute; text-align: center; transition: transform 0.4s ease-in-out; width: 100%; } .plyr__captions span:empty { display: none; } @media (min-width: 480px) { .plyr__captions { font-size: 15px; font-size: var(--plyr-font-size-base, 15px); padding: 20px; padding: calc(var(--plyr-control-spacing, 10px) * 2); } } @media (min-width: 768px) { .plyr__captions { font-size: 18px; font-size: var(--plyr-font-size-large, 18px); } } .plyr--captions-active .plyr__captions { display: block; } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { transform: translateY(-40px); transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4)); } .plyr__caption { background: #000c; background: var(--plyr-captions-background, #000c); border-radius: 4px; -webkit-box-decoration-break: clone; box-decoration-break: clone; color: #fff; color: var(--plyr-captions-text-color, #fff); line-height: 185%; padding: 0.2em 0.5em; white-space: pre-wrap; } .plyr__caption div { display: inline; } .plyr__control { background: #0000; border: 0; border-radius: 4px; border-radius: var(--plyr-control-radius, 4px); color: inherit; cursor: pointer; flex-shrink: 0; overflow: visible; padding: 7px; padding: calc(var(--plyr-control-spacing, 10px) * 0.7); position: relative; transition: all 0.1s ease-in-out; } .plyr__control svg { display: block; fill: currentColor; height: 18px; height: var(--plyr-control-icon-size, 18px); pointer-events: none; width: 18px; width: var(--plyr-control-icon-size, 18px); } .plyr__control:focus { outline: 0; } .plyr__control:focus-visible { outline: 2px dashed #00b2ff; outline: 2px dashed var( --plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); outline-offset: 2px; } a.plyr__control { text-decoration: none; } .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed, a.plyr__control:after, a.plyr__control:before { display: none; } .plyr--full-ui ::-webkit-media-controls { display: none; } .plyr__controls { align-items: center; display: flex; justify-content: flex-end; text-align: center; } .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; } .plyr__controls .plyr__controls__item { margin-left: 2.5px; margin-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item:first-child { margin-left: 0; margin-right: auto; } .plyr__controls .plyr__controls__item.plyr__progress__container { padding-left: 2.5px; padding-left: calc(var(--plyr-control-spacing, 10px) / 4); } .plyr__controls .plyr__controls__item.plyr__time { padding: 0 5px; padding: 0 calc(var(--plyr-control-spacing, 10px) / 2); } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child { padding-left: 0; } .plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"], .plyr__controls:empty { display: none; } .plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] { display: inline-block; } .plyr__menu { display: flex; position: relative; } .plyr__menu .plyr__control svg { transition: transform 0.3s ease; } .plyr__menu .plyr__control[aria-expanded="true"] svg { transform: rotate(90deg); } .plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip { display: none; } .plyr__menu__container { animation: plyr-popup 0.2s ease; background: #ffffffe6; background: var(--plyr-menu-background, #ffffffe6); border-radius: 8px; border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026); color: #4a5464; color: var(--plyr-menu-color, #4a5464); font-size: 15px; font-size: var(--plyr-font-size-base, 15px); margin-bottom: 10px; position: absolute; right: -3px; text-align: left; white-space: nowrap; z-index: 3; } .plyr__menu__container > div { overflow: hidden; transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } .plyr__menu__container:after { border: 4px solid #0000; border: var(--plyr-menu-arrow-size, 4px) solid #0000; border-top-color: var(--plyr-menu-background, #ffffffe6); content: ""; height: 0; position: absolute; right: 14px; right: calc( var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2 ); top: 100%; width: 0; } .plyr__menu__container [role="menu"] { padding: 7px; padding: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] { margin-top: 2px; } .plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child { margin-top: 0; } .plyr__menu__container .plyr__control { align-items: center; color: #4a5464; color: var(--plyr-menu-color, #4a5464); display: flex; font-size: 13px; font-size: var( --plyr-font-size-menu, var(--plyr-font-size-small, 13px) ); padding: 4.66667px 10.5px; padding: calc(var(--plyr-control-spacing, 10px) * 0.7/1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5); -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 100%; } .plyr__menu__container .plyr__control > span { align-items: inherit; display: flex; width: 100%; } .plyr__menu__container .plyr__control:after { border: 4px solid #0000; border: var(--plyr-menu-item-arrow-size, 4px) solid #0000; content: ""; position: absolute; top: 50%; transform: translateY(-50%); } .plyr__menu__container .plyr__control--forward { padding-right: 28px; padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4); } .plyr__menu__container .plyr__control--forward:after { border-left-color: #728197; border-left-color: var(--plyr-menu-arrow-color, #728197); right: 6.5px; right: calc( var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px) ); } .plyr__menu__container .plyr__control--forward:focus-visible:after, .plyr__menu__container .plyr__control--forward:hover:after { border-left-color: initial; } .plyr__menu__container .plyr__control--back { font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); margin: 7px; margin: calc(var(--plyr-control-spacing, 10px) * 0.7); margin-bottom: 3.5px; margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7/2); padding-left: 28px; padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4); position: relative; width: calc(100% - 14px); width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2); } .plyr__menu__container .plyr__control--back:after { border-right-color: #728197; border-right-color: var(--plyr-menu-arrow-color, #728197); left: 6.5px; left: calc( var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px) ); } .plyr__menu__container .plyr__control--back:before { background: #dcdfe5; background: var(--plyr-menu-back-border-color, #dcdfe5); box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff); content: ""; height: 1px; left: 0; margin-top: 3.5px; margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7/2); overflow: hidden; position: absolute; right: 0; top: 100%; } .plyr__menu__container .plyr__control--back:focus-visible:after, .plyr__menu__container .plyr__control--back:hover:after { border-right-color: initial; } .plyr__menu__container .plyr__control[role="menuitemradio"] { padding-left: 7px; padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7); } .plyr__menu__container .plyr__control[role="menuitemradio"]:after, .plyr__menu__container .plyr__control[role="menuitemradio"]:before { border-radius: 100%; } .plyr__menu__container .plyr__control[role="menuitemradio"]:before { background: #0000001a; content: ""; display: block; flex-shrink: 0; height: 16px; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); transition: all 0.3s ease; width: 16px; } .plyr__menu__container .plyr__control[role="menuitemradio"]:after { background: #fff; border: 0; height: 6px; left: 12px; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); transition: transform 0.3s ease, opacity 0.3s ease; width: 6px; } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:before { background: #00b2ff; background: var( --plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); } .plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:after { opacity: 1; transform: translateY(-50%) scale(1); } .plyr__menu__container .plyr__control[role="menuitemradio"]:focus-visible:before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before { background: #23282f1a; } .plyr__menu__container .plyr__menu__value { align-items: center; display: flex; margin-left: auto; margin-right: -5px; margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px); overflow: hidden; padding-left: 24.5px; padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5); pointer-events: none; } .plyr--full-ui input[type="range"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #0000; border: 0; border-radius: 26px; border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2); color: #00b2ff; color: var( --plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); display: block; height: 19px; height: calc( var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px) ); margin: 0; min-width: 0; padding: 0; transition: box-shadow 0.3s ease; width: 100%; } .plyr--full-ui input[type="range"]::-webkit-slider-runnable-track { background: #0000; background-image: linear-gradient(90deg, currentColor, #0000 0); background-image: linear-gradient( to right, currentColor var(--value, 0), #0000 var(--value, 0) ); border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -webkit-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -webkit-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: -4px; margin-top: calc( ( var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px) ) / 2 * -1 ); position: relative; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-track { background: #0000; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -moz-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; -moz-user-select: none; user-select: none; } .plyr--full-ui input[type="range"]::-moz-range-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ); height: 13px; height: var(--plyr-range-thumb-height, 13px); position: relative; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-moz-range-progress { background: currentColor; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); } .plyr--full-ui input[type="range"]::-ms-track { color: #0000; } .plyr--full-ui input[type="range"]::-ms-fill-upper, .plyr--full-ui input[type="range"]::-ms-track { background: #0000; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-ms-fill-lower { background: #0000; background: currentColor; border: 0; border-radius: 2.5px; border-radius: calc(var(--plyr-range-track-height, 5px) / 2); height: 5px; height: var(--plyr-range-track-height, 5px); -ms-transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease; user-select: none; } .plyr--full-ui input[type="range"]::-ms-thumb { background: #fff; background: var(--plyr-range-thumb-background, #fff); border: 0; border-radius: 100%; box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ); height: 13px; height: var(--plyr-range-thumb-height, 13px); margin-top: 0; position: relative; -ms-transition: all 0.2s ease; transition: all 0.2s ease; width: 13px; width: var(--plyr-range-thumb-height, 13px); } .plyr--full-ui input[type="range"]::-ms-tooltip { display: none; } .plyr--full-ui input[type="range"]::-moz-focus-outer { border: 0; } .plyr--full-ui input[type="range"]:focus { outline: 0; } .plyr--full-ui input[type="range"]:focus-visible::-webkit-slider-runnable-track { outline: 2px dashed #00b2ff; outline: 2px dashed var( --plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); outline-offset: 2px; } .plyr--full-ui input[type="range"]:focus-visible::-moz-range-track { outline: 2px dashed #00b2ff; outline: 2px dashed var( --plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); outline-offset: 2px; } .plyr--full-ui input[type="range"]:focus-visible::-ms-track { outline: 2px dashed #00b2ff; outline: 2px dashed var( --plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); outline-offset: 2px; } .plyr__poster { background-color: #000; background-color: var( --plyr-video-background, var(--plyr-video-background, #000) ); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 0.2s ease; width: 100%; z-index: 1; } .plyr--stopped.plyr__poster-enabled .plyr__poster { opacity: 1; } .plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster { display: none; } .plyr__time { font-size: 13px; font-size: var( --plyr-font-size-time, var(--plyr-font-size-small, 13px) ); } .plyr__time + .plyr__time:before { content: "⁄"; margin-right: 10px; margin-right: var(--plyr-control-spacing, 10px); } @media (max-width: 767px) { .plyr__time + .plyr__time { display: none; } } .plyr__tooltip { background: #fff; background: var(--plyr-tooltip-background, #fff); border-radius: 5px; border-radius: var(--plyr-tooltip-radius, 5px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026); color: #4a5464; color: var(--plyr-tooltip-color, #4a5464); font-size: 13px; font-size: var(--plyr-font-size-small, 13px); font-weight: 400; font-weight: var(--plyr-font-weight-regular, 400); left: 50%; line-height: 1.3; margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2); opacity: 0; padding: 5px 7.5px; padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5); pointer-events: none; position: absolute; transform: translate(-50%, 10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s; white-space: nowrap; z-index: 2; } .plyr__tooltip:before { border-left: 4px solid #0000; border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-right: 4px solid #0000; border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-top: 4px solid #fff; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: 50%; position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr .plyr__control:focus-visible .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible { opacity: 1; transform: translate(-50%) scale(1); } .plyr .plyr__control:hover .plyr__tooltip { z-index: 3; } .plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { left: 0; transform: translateY(10px) scale(0.8); transform-origin: 0 100%; } .plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before { left: 16px; left: calc( var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 ); } .plyr__controls > .plyr__control:last-child .plyr__tooltip { left: auto; right: 0; transform: translateY(10px) scale(0.8); transform-origin: 100% 100%; } .plyr__controls > .plyr__control:last-child .plyr__tooltip:before { left: auto; right: 16px; right: calc( var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 ); transform: translateX(50%); } .plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip { transform: translate(0) scale(1); } .plyr__progress { left: 6.5px; left: calc(var(--plyr-range-thumb-height, 13px) * 0.5); margin-right: 13px; margin-right: var(--plyr-range-thumb-height, 13px); position: relative; } .plyr__progress input[type="range"], .plyr__progress__buffer { margin-left: -6.5px; margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5); margin-right: -6.5px; margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5); width: calc(100% + 13px); width: calc(100% + var(--plyr-range-thumb-height, 13px)); } .plyr__progress input[type="range"] { position: relative; z-index: 2; } .plyr__progress .plyr__tooltip { left: 0; max-width: 120px; overflow-wrap: break-word; } .plyr__progress__buffer { -webkit-appearance: none; background: #0000; border: 0; border-radius: 100px; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; margin-top: -2.5px; margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1); padding: 0; position: absolute; top: 50%; } .plyr__progress__buffer::-webkit-progress-bar { background: #0000; } .plyr__progress__buffer::-webkit-progress-value { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-moz-progress-bar { background: currentColor; border-radius: 100px; min-width: 5px; min-width: var(--plyr-range-track-height, 5px); -moz-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr__progress__buffer::-ms-fill { border-radius: 100px; -ms-transition: width 0.2s ease; transition: width 0.2s ease; } .plyr--loading .plyr__progress__buffer { animation: plyr-progress 1s linear infinite; background-image: linear-gradient( -45deg, #23282f99 25%, #0000 0, #0000 50%, #23282f99 0, #23282f99 75%, #0000 0, #0000 ); background-image: linear-gradient( -45deg, var(--plyr-progress-loading-background, #23282f99) 25%, #0000 25%, #0000 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, #0000 75%, #0000 ); background-repeat: repeat-x; background-size: 25px 25px; background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px); color: #0000; } .plyr--video.plyr--loading .plyr__progress__buffer { background-color: #ffffff40; background-color: var( --plyr-video-progress-buffered-background, #ffffff40 ); } .plyr--audio.plyr--loading .plyr__progress__buffer { background-color: #c1c8d199; background-color: var( --plyr-audio-progress-buffered-background, #c1c8d199 ); } .plyr__progress__marker { background-color: #fff; background-color: var(--plyr-progress-marker-background, #fff); border-radius: 1px; height: 5px; height: var(--plyr-range-track-height, 5px); position: absolute; top: 50%; transform: translate(-50%, -50%); width: 3px; width: var(--plyr-progress-marker-width, 3px); z-index: 3; } .plyr__volume { align-items: center; display: flex; position: relative; } .plyr__volume input[type="range"] { margin-left: 5px; margin-left: calc(var(--plyr-control-spacing, 10px) / 2); margin-right: 5px; margin-right: calc(var(--plyr-control-spacing, 10px) / 2); max-width: 90px; min-width: 60px; position: relative; z-index: 2; } .plyr--audio { display: block; } .plyr--audio .plyr__controls { background: #fff; background: var(--plyr-audio-controls-background, #fff); border-radius: inherit; color: #4a5464; color: var(--plyr-audio-control-color, #4a5464); padding: 10px; padding: var(--plyr-control-spacing, 10px); } .plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] { background: #00b2ff; background: var( --plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); color: #fff; color: var(--plyr-audio-control-color-hover, #fff); } .plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track { background-color: #c1c8d199; background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199) ); } .plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track { background-color: #c1c8d199; background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199) ); } .plyr--full-ui.plyr--audio input[type="range"]::-ms-track { background-color: #c1c8d199; background-color: var( --plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199) ); } .plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } .plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } .plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a); } .plyr--audio .plyr__progress__buffer { color: #c1c8d199; color: var(--plyr-audio-progress-buffered-background, #c1c8d199); } .plyr--video { overflow: hidden; } .plyr--video.plyr--menu-open { overflow: visible; } .plyr__video-wrapper { background: #000; background: var( --plyr-video-background, var(--plyr-video-background, #000) ); border-radius: inherit; height: 100%; margin: auto; overflow: hidden; position: relative; width: 100%; } .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { aspect-ratio: 16/9; } @supports not (aspect-ratio: 16/9) { .plyr__video-embed, .plyr__video-wrapper--fixed-ratio { height: 0; padding-bottom: 56.25%; position: relative; } } .plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { padding-bottom: 240%; position: relative; transform: translateY(-38.28125%); } .plyr--video .plyr__controls { background: linear-gradient(#0000, #000000bf); background: var( --plyr-video-controls-background, linear-gradient(#0000, #000000bf) ); border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; bottom: 0; color: #fff; color: var(--plyr-video-control-color, #fff); left: 0; padding: 5px; padding: calc(var(--plyr-control-spacing, 10px) / 2); padding-top: 20px; padding-top: calc(var(--plyr-control-spacing, 10px) * 2); position: absolute; right: 0; transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; z-index: 3; } @media (min-width: 480px) { .plyr--video .plyr__controls { padding: 10px; padding: var(--plyr-control-spacing, 10px); padding-top: 35px; padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5); } } .plyr--video.plyr--hide-controls .plyr__controls { opacity: 0; pointer-events: none; transform: translateY(100%); } .plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] { background: #00b2ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); color: #fff; color: var(--plyr-video-control-color-hover, #fff); } .plyr__control--overlaid { background: #00b2ff; background: var( --plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)) ); border: 0; border-radius: 100%; color: #fff; color: var(--plyr-video-control-color, #fff); display: none; left: 50%; opacity: 0.9; padding: 15px; padding: calc(var(--plyr-control-spacing, 10px) * 1.5); position: absolute; top: 50%; transform: translate(-50%, -50%); transition: 0.3s; z-index: 2; } .plyr__control--overlaid svg { left: 2px; position: relative; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { opacity: 1; } .plyr--playing .plyr__control--overlaid { opacity: 0; visibility: hidden; } .plyr--full-ui.plyr--video .plyr__control--overlaid { display: block; } .plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track { background-color: #ffffff40; background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40) ); } .plyr--full-ui.plyr--video input[type="range"]::-moz-range-track { background-color: #ffffff40; background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40) ); } .plyr--full-ui.plyr--video input[type="range"]::-ms-track { background-color: #ffffff40; background-color: var( --plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40) ); } .plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } .plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } .plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb { box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80; box-shadow: var( --plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33 ), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80); } .plyr--video .plyr__progress__buffer { color: #ffffff40; color: var(--plyr-video-progress-buffered-background, #ffffff40); } .plyr:fullscreen { background: #000; border-radius: 0 !important; height: 100%; margin: 0; width: 100%; } .plyr:fullscreen video { height: 100%; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen { display: block; } .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr:fullscreen.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr:fullscreen .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr--fullscreen-fallback { background: #000; border-radius: 0 !important; height: 100%; inset: 0; margin: 0; position: fixed; width: 100%; z-index: 10000000; } .plyr--fullscreen-fallback video { height: 100%; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { display: block; } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { display: none; } .plyr--fullscreen-fallback.plyr--hide-controls { cursor: none; } @media (min-width: 1024px) { .plyr--fullscreen-fallback .plyr__captions { font-size: 21px; font-size: var(--plyr-font-size-xlarge, 21px); } } .plyr__ads { border-radius: inherit; cursor: pointer; inset: 0; overflow: hidden; position: absolute; z-index: -1; } .plyr__ads > div, .plyr__ads > div iframe { height: 100%; position: absolute; width: 100%; } .plyr__ads:after { background: #23282f; border-radius: 2px; bottom: 10px; bottom: var(--plyr-control-spacing, 10px); color: #fff; content: attr(data-badge-text); font-size: 11px; padding: 2px 6px; pointer-events: none; position: absolute; right: 10px; right: var(--plyr-control-spacing, 10px); z-index: 3; } .plyr__ads:empty:after { display: none; } .plyr__cues { background: currentColor; display: block; height: 5px; height: var(--plyr-range-track-height, 5px); left: 0; opacity: 0.8; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; z-index: 3; } .plyr__preview-thumb { background-color: #fff; background-color: var(--plyr-tooltip-background, #fff); border-radius: 8px; border-radius: var(--plyr-menu-radius, 8px); bottom: 100%; box-shadow: 0 1px 2px #00000026; box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026); margin-bottom: 10px; margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2); opacity: 0; padding: 3px; pointer-events: none; position: absolute; transform: translateY(10px) scale(0.8); transform-origin: 50% 100%; transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s; z-index: 2; } .plyr__preview-thumb--is-shown { opacity: 1; transform: translate(0) scale(1); } .plyr__preview-thumb:before { border-left: 4px solid #0000; border-left: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-right: 4px solid #0000; border-right: var(--plyr-tooltip-arrow-size, 4px) solid #0000; border-top: 4px solid #fff; border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff); bottom: -4px; bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1); content: ""; height: 0; left: calc(50% + var(--preview-arrow-offset)); position: absolute; transform: translateX(-50%); width: 0; z-index: 2; } .plyr__preview-thumb__image-container { background: #c1c8d1; border-radius: 7px; border-radius: calc(var(--plyr-menu-radius, 8px) - 1px); overflow: hidden; position: relative; z-index: 0; } .plyr__preview-thumb__image-container img, .plyr__preview-thumb__image-container:after { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .plyr__preview-thumb__image-container:after { border-radius: inherit; box-shadow: inset 0 0 0 1px #00000026; content: ""; pointer-events: none; } .plyr__preview-thumb__image-container img { max-height: none; max-width: none; } .plyr__preview-thumb__time-container { background: linear-gradient(#0000, #000000bf); background: var( --plyr-video-controls-background, linear-gradient(#0000, #000000bf) ); border-bottom-left-radius: 7px; border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px); border-bottom-right-radius: 7px; border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px); bottom: 0; left: 0; line-height: 1.1; padding: 20px 6px 6px; position: absolute; right: 0; z-index: 3; } .plyr__preview-thumb__time-container span { color: #fff; font-size: 13px; font-size: var( --plyr-font-size-time, var(--plyr-font-size-small, 13px) ); } .plyr__preview-scrubbing { filter: blur(1px); height: 100%; inset: 0; margin: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; transition: opacity 0.3s ease; width: 100%; z-index: 1; } .plyr__preview-scrubbing--is-shown { opacity: 1; } .plyr__preview-scrubbing img { height: 100%; left: 0; max-height: none; max-width: none; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .plyr--no-transition { transition: none !important; } .plyr__sr-only { clip: rect(1px, 1px, 1px, 1px); border: 0 !important; height: 1px !important; overflow: hidden; padding: 0 !important; position: absolute !important; width: 1px !important; } .plyr [hidden] { display: none !important; } /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-bubble .ql-toolbar:after, .ql-bubble.ql-toolbar:after { clear: both; content: ""; display: table; } .ql-bubble .ql-toolbar button, .ql-bubble.ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble .ql-toolbar button svg, .ql-bubble.ql-toolbar button svg { float: left; height: 100%; } .ql-bubble .ql-toolbar button:active:hover, .ql-bubble.ql-toolbar button:active:hover { outline: none; } .ql-bubble .ql-toolbar input.ql-image[type="file"], .ql-bubble.ql-toolbar input.ql-image[type="file"] { display: none; } .ql-bubble .ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button:focus, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble.ql-toolbar button:focus, .ql-bubble.ql-toolbar button:hover { color: #fff; } .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill { fill: #fff; } .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble .ql-toolbar button:hover:not(.ql-active), .ql-bubble.ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble, .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ""; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-stroke.ql-thin, .ql-bubble .ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor .ql-code-block-container, .ql-bubble .ql-editor code { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor .ql-code-block-container { margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor .ql-code-block-container { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label:before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; padding: 2px 4px; width: 24px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { margin-top: -9px; position: absolute; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-item:before, .ql-bubble .ql-picker.ql-header .ql-picker-label:before { content: "Normal"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]:before { content: "Heading 1"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]:before { content: "Heading 2"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]:before { content: "Heading 3"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]:before { content: "Heading 4"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]:before { content: "Heading 5"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]:before { content: "Heading 6"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]:before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]:before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]:before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]:before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]:before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]:before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-item:before, .ql-bubble .ql-picker.ql-font .ql-picker-label:before { content: "Sans Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before { content: "Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before { content: "Monospace"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-item:before, .ql-bubble .ql-picker.ql-size .ql-picker-label:before { content: "Normal"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="small"]:before { content: "Small"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="large"]:before { content: "Large"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before { content: "Huge"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="small"]:before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="large"]:before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type="text"] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { position: absolute; right: 20px; top: 10px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\00D7"; font-size: 16px; font-weight: 700; } .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close) { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before { background-color: #444; border-radius: 15px; color: #fff; content: attr(href); font-size: 12px; font-weight: 400; overflow: hidden; padding: 5px 15px; text-decoration: none; top: -5px; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #444; content: " "; height: 0; top: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):after, .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):before { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 0.2s; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:after, .ql-container.ql-bubble:not(.ql-disabled) a:not(.ql-close):hover:before { visibility: visible; } /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ /*! * Quill Editor v2.0.3 * https://quilljs.com * Copyright (c) 2017-2024, Slab * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container:not(.ql-disabled) li[data-list="checked"] > .ql-ui, .ql-container:not(.ql-disabled) li[data-list="unchecked"] > .ql-ui { cursor: pointer; } .ql-clipboard { height: 1px; left: -100000px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; height: 100%; line-height: 1.42; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre { margin: 0; padding: 0; } @supports (counter-set: none) { .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor p { counter-set: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor p { counter-reset: list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor table { border-collapse: collapse; } .ql-editor td { border: 1px solid #000; padding: 2px 5px; } .ql-editor li, .ql-editor ol { padding-left: 1.5em; } .ql-editor li { list-style-type: none; position: relative; } .ql-editor li > .ql-ui:before { display: inline-block; margin-left: -1.5em; margin-right: 0.3em; text-align: right; white-space: nowrap; width: 1.2em; } .ql-editor li[data-list="checked"] > .ql-ui, .ql-editor li[data-list="unchecked"] > .ql-ui { color: #777; } .ql-editor li[data-list="bullet"] > .ql-ui:before { content: "\2022"; } .ql-editor li[data-list="checked"] > .ql-ui:before { content: "\2611"; } .ql-editor li[data-list="unchecked"] > .ql-ui:before { content: "\2610"; } @supports (counter-set: none) { .ql-editor li[data-list] { counter-set: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list] { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"] { counter-increment: list-0; } .ql-editor li[data-list="ordered"] > .ql-ui:before { content: counter(list-0, decimal) ". "; } .ql-editor li[data-list="ordered"].ql-indent-1 { counter-increment: list-1; } .ql-editor li[data-list="ordered"].ql-indent-1 > .ql-ui:before { content: counter(list-1, lower-alpha) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-1 { counter-set: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-2 { counter-increment: list-2; } .ql-editor li[data-list="ordered"].ql-indent-2 > .ql-ui:before { content: counter(list-2, lower-roman) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-2 { counter-set: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-3 { counter-increment: list-3; } .ql-editor li[data-list="ordered"].ql-indent-3 > .ql-ui:before { content: counter(list-3, decimal) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-3 { counter-set: list-4 list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-4 { counter-increment: list-4; } .ql-editor li[data-list="ordered"].ql-indent-4 > .ql-ui:before { content: counter(list-4, lower-alpha) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-4 { counter-set: list-5 list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-5 { counter-increment: list-5; } .ql-editor li[data-list="ordered"].ql-indent-5 > .ql-ui:before { content: counter(list-5, lower-roman) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-5 { counter-set: list-6 list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-6 { counter-increment: list-6; } .ql-editor li[data-list="ordered"].ql-indent-6 > .ql-ui:before { content: counter(list-6, decimal) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-6 { counter-set: list-7 list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-6 { counter-reset: list-7 list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-7 { counter-increment: list-7; } .ql-editor li[data-list="ordered"].ql-indent-7 > .ql-ui:before { content: counter(list-7, lower-alpha) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-7 { counter-set: list-8 list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-7 { counter-reset: list-8 list-9; } } .ql-editor li[data-list="ordered"].ql-indent-8 { counter-increment: list-8; } .ql-editor li[data-list="ordered"].ql-indent-8 > .ql-ui:before { content: counter(list-8, lower-roman) ". "; } @supports (counter-set: none) { .ql-editor li[data-list].ql-indent-8 { counter-set: list-9; } } @supports not (counter-set: none) { .ql-editor li[data-list].ql-indent-8 { counter-reset: list-9; } } .ql-editor li[data-list="ordered"].ql-indent-9 { counter-increment: list-9; } .ql-editor li[data-list="ordered"].ql-indent-9 > .ql-ui:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor li.ql-direction-rtl > .ql-ui:before { margin-left: 0.3em; margin-right: -1.5em; text-align: left; } .ql-editor table { table-layout: fixed; width: 100%; } .ql-editor table td { outline: none; } .ql-editor .ql-code-block-container { font-family: monospace; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor .ql-ui { position: absolute; } .ql-editor.ql-blank:before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow .ql-toolbar:after, .ql-snow.ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow .ql-toolbar button, .ql-snow.ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow .ql-toolbar button svg, .ql-snow.ql-toolbar button svg { float: left; height: 100%; } .ql-snow .ql-toolbar button:active:hover, .ql-snow.ql-toolbar button:active:hover { outline: none; } .ql-snow .ql-toolbar input.ql-image[type="file"], .ql-snow.ql-toolbar input.ql-image[type="file"] { display: none; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar button.ql-active, .ql-snow .ql-toolbar button:focus, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:focus, .ql-snow.ql-toolbar button:hover { color: #06c; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill { fill: #06c; } .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow .ql-toolbar button:hover:not(.ql-active), .ql-snow.ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow, .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-stroke.ql-thin, .ql-snow .ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor .ql-code-block-container, .ql-snow .ql-editor code { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor .ql-code-block-container { margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor .ql-code-block-container { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label:before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; padding: 2px 4px; width: 24px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { margin-top: -9px; position: absolute; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-item:before, .ql-snow .ql-picker.ql-header .ql-picker-label:before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-item:before, .ql-snow .ql-picker.ql-font .ql-picker-label:before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="serif"]:before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value="monospace"]:before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="serif"]:before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value="monospace"]:before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-item:before, .ql-snow .ql-picker.ql-size .ql-picker-label:before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="small"]:before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="large"]:before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value="huge"]:before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="small"]:before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="large"]:before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="huge"]:before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-code-block-container { position: relative; } .ql-code-block-container .ql-ui { right: 5px; top: 5px; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0 0 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip:before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type="text"] { border: 1px solid #ccc; display: none; font-size: 13px; height: 26px; margin: 0; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action:after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove:before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type="text"] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action:after { border-right: 0; content: "Save"; padding-right: 0; } .ql-snow .ql-tooltip[data-mode="link"]:before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode="formula"]:before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode="video"]:before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; overflow: hidden; padding-left: 8px; padding-right: 20px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 8px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; } .select2-container .select2-search--inline .select2-search__field { border: none; box-sizing: border-box; font-family: sans-serif; font-size: 100%; height: 18px; margin-left: 5px; margin-top: 5px; max-width: 100%; overflow: hidden; padding: 0; resize: none; vertical-align: bottom; word-break: keep-all; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; left: -100000px; position: absolute; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none; } .select2-results__option--selectable { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { box-sizing: border-box; padding: 4px; width: 100%; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { background-color: #fff; border: 0; display: block; filter: alpha(opacity=0); height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; opacity: 0; padding: 0; position: fixed; top: 0; width: auto; z-index: 99; } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px; padding-right: 0; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; right: 1px; top: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px; } .select2-container--default .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; position: relative; } .select2-container--default .select2-selection--multiple.select2-selection--clearable { padding-right: 25px; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; font-weight: 700; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px; position: absolute; right: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: inline-block; margin-left: 5px; margin-top: 5px; max-width: 100%; overflow: hidden; padding: 0 0 0 20px; position: relative; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-bottom-left-radius: 4px; border-right: 1px solid #aaa; border-top-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: 700; left: 0; padding: 0 4px; position: absolute; top: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { background-color: #f1f1f1; color: #333; outline: none; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-bottom-left-radius: 0; border-bottom-right-radius: 4px; border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-top-right-radius: 4px; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #000; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { -webkit-appearance: textfield; background: transparent; border: none; box-shadow: none; outline: 0; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-container--default .select2-results__option--disabled { color: #999; } .select2-container--default .select2-results__option--selected { background-color: #ddd; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: #fff; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; background-image: linear-gradient(180deg, #fff 50%, #eee); background-repeat: repeat-x; border: 1px solid #aaa; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0); outline: 0; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: 700; height: 26px; margin-right: 20px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; background-image: linear-gradient(180deg, #eee 50%, #ccc); background-repeat: repeat-x; border: none; border-bottom-right-radius: 4px; border-left: 1px solid #aaa; border-top-right-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFCCCCCC",GradientType=0); height: 26px; position: absolute; right: 1px; top: 1px; width: 20px; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent; border-style: solid; border-width: 5px 4px 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-radius: 0; border-bottom-left-radius: 4px; border-right: 1px solid #aaa; border-top-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888; border-width: 0 4px 5px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { background-image: linear-gradient(180deg, #fff 0, #eee 50%); background-repeat: repeat-x; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF",endColorstr="#FFEEEEEE",GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { background-image: linear-gradient(180deg, #eee 50%, #fff); background-repeat: repeat-x; border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE",endColorstr="#FFFFFFFF",GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-bottom-left-radius: 4px; border-top-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: 700; padding: 0 4px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-bottom-left-radius: 0; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { box-shadow: none; outline: 0; } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option--group { padding: 0; } .select2-container--classic .select2-results__option--disabled { color: grey; } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } } @layer theme, base, components, utilities; @layer theme { :host, :root { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-orange-400: oklch(75% 0.183 55.934); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-lime-200: oklch(93.8% 0.127 124.321); --color-green-400: oklch(79.2% 0.209 151.711); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-teal-200: oklch(91% 0.096 180.426); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-sky-100: oklch(95.1% 0.026 236.824); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-pink-500: oklch(65.6% 0.241 354.308); --color-rose-400: oklch(71.2% 0.194 13.428); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-50: oklch(98.5% 0 0); --color-zinc-100: oklch(96.7% 0.001 286.375); --color-zinc-200: oklch(92% 0.004 286.32); --color-zinc-300: oklch(87.1% 0.006 286.286); --color-zinc-400: oklch(70.5% 0.015 286.067); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-5xl: 64rem; --text-xs: 0.8125rem; --text-xs--line-height: 1.5; --text-sm: 0.875rem; --text-sm--line-height: 1.5; --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: 1.5; --text-xl: 1.25rem; --text-xl--line-height: 1.5; --text-2xl: 1.5rem; --text-2xl--line-height: 1.5; --text-3xl: 1.875rem; --text-3xl--line-height: 1.5; --text-4xl: 2.25rem; --text-4xl--line-height: 1.5; --text-5xl: 3rem; --text-5xl--line-height: 1.5; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-wider: 0.05em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-loose: 2; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-4xl: 2rem; --shadow-sm: 0 0.75rem 6rem rgba(56, 65, 74, 0.03); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --aspect-video: 16/9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --shadow: 0px 1px 4px 0px rgba(130, 143, 163, 0.15); --radius: 4px; --font-body: "Nunito", sans-serif; --font-secondary: "Public Sans", sans-serif; --text-body: 0.875rem; --color-body-bg: #f5f6f8; --color-body-color: #4c4c5c; --color-card: var(--color-white); --color-primary: #6658dd; --color-secondary: #4a81d4; --color-success: #0acf97; --color-info: #43bfe5; --color-warning: #f7b84b; --color-danger: #f1556c; --color-purple: #6b5eae; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #564bc2; --color-secondary-hover: #3f6db3; --color-success-hover: #0ab082; --color-info-hover: #39a3c2; --color-warning-hover: #d39c3f; --color-danger-hover: #cf4a5c; --color-light-hover: #8a969c; --color-dark-hover: #343a40; --color-default-50: var(--color-slate-50); --color-default-100: #f6f7fb; --color-default-200: #eef2f7; --color-default-300: #e7e9eb; --color-default-400: #9ba6b7; --color-default-500: #a1a9b1; --color-default-600: #8a969c; --color-default-700: #6c757d; --color-default-800: #343a40; --color-default-900: #313a46; --text-2xs: 11px; --text-md: 15px; --text-2xs--line-height: 1.5; --text-md--line-height: 1.5; --tw-shadow: var(--shadow); --spacing-base: 24px; --topbar-height: 70px; --logo-lg-height: 22px; --logo-sm-height: 26px; --sidenav-width: 240px; --sidenav-width-md: 180px; --sidenav-width-sm: 75px; --sidenav-link-padding-x: 12px; --sidenav-link-padding-y: 8px; --sidenav-item-icon-size: 1.125rem; --sidenav-item-font-size: 0.875rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 12px; --sidenav-item-padding-y: 8px; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; } } @layer base { *, ::backdrop, ::file-selector-button, :after, :before { border: 0 solid; box-sizing: border-box; margin: 0; padding: 0; } :host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; } hr { border-top-width: 1px; color: inherit; height: 0; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace ); font-feature-settings: var( --default-mono-font-feature-settings, normal ); font-size: 1em; font-variation-settings: var( --default-mono-font-variation-settings, normal ); } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-collapse: collapse; border-color: inherit; text-indent: 0; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } menu, ol, ul { list-style: none; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { height: auto; max-width: 100%; } ::file-selector-button, button, input, optgroup, select, textarea { background-color: transparent; border-radius: 0; color: inherit; font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } ::file-selector-button, button, input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { border-width: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; white-space: nowrap; width: 1px; } .absolute, .sr-only { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1\/2 { inset-inline-start: 50%; } .start-3 { inset-inline-start: calc(var(--spacing) * 3); } .start-5 { inset-inline-start: calc(var(--spacing) * 5); } .start-full { inset-inline-start: 100%; } .-end-1 { inset-inline-end: calc(var(--spacing) * -1); } .-end-2 { inset-inline-end: calc(var(--spacing) * -2); } .-end-px { inset-inline-end: -1px; } .end { inset-inline-end: var(--spacing); } .end-0 { inset-inline-end: calc(var(--spacing) * 0); } .end-1\/2 { inset-inline-end: 50%; } .end-5 { inset-inline-end: calc(var(--spacing) * 5); } .end-6 { inset-inline-end: calc(var(--spacing) * 6); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-\[13px\] { top: -13px; } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-8 { top: calc(var(--spacing) * 8); } .top-20 { top: calc(var(--spacing) * 20); } .top-25 { top: calc(var(--spacing) * 25); } .top-45 { top: calc(var(--spacing) * 45); } .top-\[calc\(var\(--topbar-height\)\+1\.5rem\)\] { top: calc(var(--topbar-height) + 1.5rem); } .top-full { top: 100%; } .right-3 { right: calc(var(--spacing) * 3); } .right-9 { right: calc(var(--spacing) * 9); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1\/2 { bottom: 50%; } .bottom-3 { bottom: calc(var(--spacing) * 3); } .left-3 { left: calc(var(--spacing) * 3); } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-70 { z-index: 70; } .z-80 { z-index: 80; } .z-90 { z-index: 90; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-9 { grid-column: span 9 / span 9; } .row-1 { grid-row: 1; } .row-2 { grid-row: 2; } .row-3 { grid-row: 3; } .row-4 { grid-row: 4; } .row-5 { grid-row: 5; } .row-6 { grid-row: 6; } .row-7 { grid-row: 7; } .row-8 { grid-row: 8; } .row-9 { grid-row: 9; } .row-10 { grid-row: 10; } .float-end { float: inline-end; } .\!container { width: 100% !important; @media (width >= 40rem) { max-width: 40rem !important; } @media (width >= 48rem) { max-width: 48rem !important; } @media (width >= 64rem) { max-width: 64rem !important; } @media (width >= 80rem) { max-width: 80rem !important; } @media (width >= 96rem) { max-width: 96rem !important; } } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\.75 { margin: calc(var(--spacing) * 0.75); } .m-1 { margin: calc(var(--spacing) * 1); } .m-3 { margin: calc(var(--spacing) * 3); } .m-5 { margin: calc(var(--spacing) * 5); } .m-6 { margin: calc(var(--spacing) * 6); } .m-9 { margin: calc(var(--spacing) * 9); } .m-18 { margin: calc(var(--spacing) * 18); } .m-32 { margin: calc(var(--spacing) * 32); } .m-48 { margin: calc(var(--spacing) * 48); } .m-64 { margin: calc(var(--spacing) * 64); } .m-101 { margin: calc(var(--spacing) * 101); } .m-104\.5 { margin: calc(var(--spacing) * 104.5); } .-mx-1\.5 { margin-inline: calc(var(--spacing) * -1.5); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .mx-auto { margin-inline: auto; } .-my-1\.5 { margin-block: calc(var(--spacing) * -1.5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-1\.25 { margin-block: calc(var(--spacing) * 1.25); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-2\.5 { margin-block: calc(var(--spacing) * 2.5); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-7\.5 { margin-block: calc(var(--spacing) * 7.5); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-9 { margin-block: calc(var(--spacing) * 9); } .-ms-px { margin-inline-start: -1px; } .ms-0\.5 { margin-inline-start: calc(var(--spacing) * 0.5); } .ms-1 { margin-inline-start: calc(var(--spacing) * 1); } .ms-1\.5 { margin-inline-start: calc(var(--spacing) * 1.5); } .ms-1\.25 { margin-inline-start: calc(var(--spacing) * 1.25); } .ms-2 { margin-inline-start: calc(var(--spacing) * 2); } .ms-2\.5 { margin-inline-start: calc(var(--spacing) * 2.5); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-6 { margin-inline-start: calc(var(--spacing) * 6); } .ms-8 { margin-inline-start: calc(var(--spacing) * 8); } .ms-10 { margin-inline-start: calc(var(--spacing) * 10); } .ms-auto { margin-inline-start: auto; } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .me-1\.25 { margin-inline-end: calc(var(--spacing) * 1.25); } .me-2 { margin-inline-end: calc(var(--spacing) * 2); } .me-2\.5 { margin-inline-end: calc(var(--spacing) * 2.5); } .me-3 { margin-inline-end: calc(var(--spacing) * 3); } .me-4 { margin-inline-end: calc(var(--spacing) * 4); } .me-5 { margin-inline-end: calc(var(--spacing) * 5); } .me-6 { margin-inline-end: calc(var(--spacing) * 6); } .me-auto { margin-inline-end: auto; } .me-base { margin-inline-end: var(--spacing-base); } .-mt-7\.5 { margin-top: calc(var(--spacing) * -7.5); } .-mt-12 { margin-top: calc(var(--spacing) * -12); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-1\.25 { margin-top: calc(var(--spacing) * 1.25); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-7\.5 { margin-top: calc(var(--spacing) * 7.5); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-15 { margin-top: calc(var(--spacing) * 15); } .mt-18 { margin-top: calc(var(--spacing) * 18); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-base { margin-top: var(--spacing-base); } .-mb-4 { margin-bottom: calc(var(--spacing) * -4); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\! { margin-bottom: calc(var(--spacing) * 0) !important; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-1\.25 { margin-bottom: calc(var(--spacing) * 1.25); } .mb-1\.75 { margin-bottom: calc(var(--spacing) * 1.75); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-4\.5 { margin-bottom: calc(var(--spacing) * 4.5); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-6\.5 { margin-bottom: calc(var(--spacing) * 6.5); } .mb-7\.5 { margin-bottom: calc(var(--spacing) * 7.5); } .mb-9 { margin-bottom: calc(var(--spacing) * 9); } .mb-15 { margin-bottom: calc(var(--spacing) * 15); } .mb-18 { margin-bottom: calc(var(--spacing) * 18); } .mb-base { margin-bottom: var(--spacing-base); } .form-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-origin: border-box; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; color: oklch(54.6% 0.245 262.881); display: inline-block; flex-shrink: 0; height: 1rem; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; width: 1rem; --tw-shadow: 0 0 #0000; border-radius: 0; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:checked { background-color: currentColor; background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: transparent; } &:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E"); @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } &:checked:focus, &:checked:hover { background-color: currentColor; border-color: transparent; } &:indeterminate { background-color: currentColor; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: transparent; @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } &:indeterminate:hover { background-color: currentColor; border-color: transparent; } &:indeterminate:focus { background-color: currentColor; border-color: transparent; } } .form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-origin: border-box; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; color: oklch(54.6% 0.245 262.881); display: inline-block; flex-shrink: 0; height: 1rem; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; width: 1rem; --tw-shadow: 0 0 #0000; border-radius: 100%; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:checked { background-color: currentColor; background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: transparent; } &:checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } &:checked:focus, &:checked:hover { background-color: currentColor; border-color: transparent; } } .iconify { background-color: currentColor; display: inline-block; height: 1em; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 1em; } .form-input { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-radius: 0; border-width: 1px; font-size: 1rem; line-height: 1.5rem; padding: 0.5rem 0.75rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); border-color: oklch(54.6% 0.245 262.881); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &::-moz-placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } &::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } &::-webkit-datetime-edit-fields-wrapper { padding: 0; } &::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } &::-webkit-datetime-edit { display: inline-flex; } &::-webkit-datetime-edit, &::-webkit-datetime-edit-year-field { padding-bottom: 0; padding-top: 0; } &::-webkit-datetime-edit-day-field, &::-webkit-datetime-edit-month-field { padding-bottom: 0; padding-top: 0; } &::-webkit-datetime-edit-hour-field, &::-webkit-datetime-edit-minute-field { padding-bottom: 0; padding-top: 0; } &::-webkit-datetime-edit-millisecond-field, &::-webkit-datetime-edit-second-field { padding-bottom: 0; padding-top: 0; } &::-webkit-datetime-edit-meridiem-field { padding-bottom: 0; padding-top: 0; } } .block { display: block; } .block\! { display: block !important; } .flex { display: flex; } .flex\! { display: flex !important; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-4\/3 { aspect-ratio: 4/3; } .aspect-21\/9 { aspect-ratio: 21/9; } .aspect-square { aspect-ratio: 1/1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-0 { height: calc(var(--spacing) * 0); width: calc(var(--spacing) * 0); } .size-2\.75 { height: calc(var(--spacing) * 2.75); width: calc(var(--spacing) * 2.75); } .size-3 { height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); } .size-3\.5 { height: calc(var(--spacing) * 3.5); width: calc(var(--spacing) * 3.5); } .size-3\.25 { height: calc(var(--spacing) * 3.25); width: calc(var(--spacing) * 3.25); } .size-3\.75 { height: calc(var(--spacing) * 3.75); width: calc(var(--spacing) * 3.75); } .size-4 { height: calc(var(--spacing) * 4); width: calc(var(--spacing) * 4); } .size-4\.5 { height: calc(var(--spacing) * 4.5); width: calc(var(--spacing) * 4.5); } .size-4\.25 { height: calc(var(--spacing) * 4.25); width: calc(var(--spacing) * 4.25); } .size-4\.25\! { height: calc(var(--spacing) * 4.25) !important; width: calc(var(--spacing) * 4.25) !important; } .size-5 { height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 5); } .size-5\! { height: calc(var(--spacing) * 5) !important; width: calc(var(--spacing) * 5) !important; } .size-5\.5 { height: calc(var(--spacing) * 5.5); width: calc(var(--spacing) * 5.5); } .size-6 { height: calc(var(--spacing) * 6); width: calc(var(--spacing) * 6); } .size-6\! { height: calc(var(--spacing) * 6) !important; width: calc(var(--spacing) * 6) !important; } .size-6\.25\! { height: calc(var(--spacing) * 6.25) !important; width: calc(var(--spacing) * 6.25) !important; } .size-7 { height: calc(var(--spacing) * 7); width: calc(var(--spacing) * 7); } .size-7\.5 { height: calc(var(--spacing) * 7.5); width: calc(var(--spacing) * 7.5); } .size-7\.25 { height: calc(var(--spacing) * 7.25); width: calc(var(--spacing) * 7.25); } .size-7\.75 { height: calc(var(--spacing) * 7.75); width: calc(var(--spacing) * 7.75); } .size-7\.75\! { height: calc(var(--spacing) * 7.75) !important; width: calc(var(--spacing) * 7.75) !important; } .size-8 { height: calc(var(--spacing) * 8); width: calc(var(--spacing) * 8); } .size-8\! { height: calc(var(--spacing) * 8) !important; width: calc(var(--spacing) * 8) !important; } .size-8\.5\! { height: calc(var(--spacing) * 8.5) !important; width: calc(var(--spacing) * 8.5) !important; } .size-8\.75 { height: calc(var(--spacing) * 8.75); width: calc(var(--spacing) * 8.75); } .size-9 { height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); } .size-9\.5 { height: calc(var(--spacing) * 9.5); width: calc(var(--spacing) * 9.5); } .size-9\.25 { height: calc(var(--spacing) * 9.25); width: calc(var(--spacing) * 9.25); } .size-9\.25\! { height: calc(var(--spacing) * 9.25) !important; width: calc(var(--spacing) * 9.25) !important; } .size-10 { height: calc(var(--spacing) * 10); width: calc(var(--spacing) * 10); } .size-10\.5 { height: calc(var(--spacing) * 10.5); width: calc(var(--spacing) * 10.5); } .size-11 { height: calc(var(--spacing) * 11); width: calc(var(--spacing) * 11); } .size-11\.25 { height: calc(var(--spacing) * 11.25); width: calc(var(--spacing) * 11.25); } .size-12 { height: calc(var(--spacing) * 12); width: calc(var(--spacing) * 12); } .size-12\.5 { height: calc(var(--spacing) * 12.5); width: calc(var(--spacing) * 12.5); } .size-15 { height: calc(var(--spacing) * 15); width: calc(var(--spacing) * 15); } .size-16 { height: calc(var(--spacing) * 16); width: calc(var(--spacing) * 16); } .size-18 { height: calc(var(--spacing) * 18); width: calc(var(--spacing) * 18); } .size-19\.5 { height: calc(var(--spacing) * 19.5); width: calc(var(--spacing) * 19.5); } .size-20 { height: calc(var(--spacing) * 20); width: calc(var(--spacing) * 20); } .size-37\.5 { height: calc(var(--spacing) * 37.5); width: calc(var(--spacing) * 37.5); } .size-45 { height: calc(var(--spacing) * 45); width: calc(var(--spacing) * 45); } .size-full { height: 100%; width: 100%; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-0\.75 { height: calc(var(--spacing) * 0.75); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-1\.25 { height: calc(var(--spacing) * 1.25); } .h-1\/2 { height: 50%; } .h-1\/4 { height: 25%; } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-2\.75 { height: calc(var(--spacing) * 2.75); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-3\.25 { height: calc(var(--spacing) * 3.25); } .h-3\.75 { height: calc(var(--spacing) * 3.75); } .h-3\/4 { height: 75%; } .h-4 { height: calc(var(--spacing) * 4); } .h-4\.5 { height: calc(var(--spacing) * 4.5); } .h-4\.75 { height: calc(var(--spacing) * 4.75); } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-6\.5 { height: calc(var(--spacing) * 6.5); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\.5 { height: calc(var(--spacing) * 7.5); } .h-8 { height: calc(var(--spacing) * 8); } .h-10 { height: calc(var(--spacing) * 10); } .h-10\.5 { height: calc(var(--spacing) * 10.5); } .h-12\! { height: calc(var(--spacing) * 12) !important; } .h-15 { height: calc(var(--spacing) * 15); } .h-20 { height: calc(var(--spacing) * 20); } .h-25 { height: calc(var(--spacing) * 25); } .h-55 { height: calc(var(--spacing) * 55); } .h-62\.5 { height: calc(var(--spacing) * 62.5); } .h-63\.75 { height: calc(var(--spacing) * 63.75); } .h-75 { height: calc(var(--spacing) * 75); } .h-91 { height: calc(var(--spacing) * 91); } .h-93 { height: calc(var(--spacing) * 93); } .h-95 { height: calc(var(--spacing) * 95); } .h-150 { height: calc(var(--spacing) * 150); } .h-160 { height: calc(var(--spacing) * 160); } .h-\[calc\(100\%-100px\)\] { height: calc(100% - 100px); } .h-\[calc\(100vh-190px\)\] { height: calc(100vh - 190px); } .h-\[calc\(100vh-200px\)\] { height: calc(100vh - 200px); } .h-\[calc\(100vh-333px\)\] { height: calc(100vh - 333px); } .h-\[calc\(100vh-360px\)\] { height: calc(100vh - 360px); } .h-\[calc\(100vh-420px\)\] { height: calc(100vh - 420px); } .h-auto { height: auto; } .h-auto\! { height: auto !important; } .h-full { height: 100%; } .h-full\! { height: 100% !important; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-50 { max-height: calc(var(--spacing) * 50); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-73 { max-height: calc(var(--spacing) * 73); } .max-h-75 { max-height: calc(var(--spacing) * 75); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-37\.5 { min-height: calc(var(--spacing) * 37.5); } .min-h-87\.5 { min-height: calc(var(--spacing) * 87.5); } .min-h-90 { min-height: calc(var(--spacing) * 90); } .min-h-116 { min-height: calc(var(--spacing) * 116); } .min-h-\[calc\(100\%-56px\)\] { min-height: calc(100% - 56px); } .min-h-screen { min-height: 100vh; } .w-1 { width: calc(var(--spacing) * 1); } .w-7 { width: calc(var(--spacing) * 7); } .w-7\.5 { width: calc(var(--spacing) * 7.5); } .w-8 { width: calc(var(--spacing) * 8); } .w-11\.25 { width: calc(var(--spacing) * 11.25); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-15 { width: calc(var(--spacing) * 15); } .w-20 { width: calc(var(--spacing) * 20); } .w-30 { width: calc(var(--spacing) * 30); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-45 { width: calc(var(--spacing) * 45); } .w-46 { width: calc(var(--spacing) * 46); } .w-55 { width: calc(var(--spacing) * 55); } .w-56\.5 { width: calc(var(--spacing) * 56.5); } .w-57\.5 { width: calc(var(--spacing) * 57.5); } .w-60 { width: calc(var(--spacing) * 60); } .w-62\.5 { width: calc(var(--spacing) * 62.5); } .w-65 { width: calc(var(--spacing) * 65); } .w-70 { width: calc(var(--spacing) * 70); } .w-80 { width: calc(var(--spacing) * 80); } .w-81 { width: calc(var(--spacing) * 81); } .w-85 { width: calc(var(--spacing) * 85); } .w-100 { width: calc(var(--spacing) * 100); } .w-130 { width: calc(var(--spacing) * 130); } .w-\[1\%\] { width: 1%; } .w-\[10\%\] { width: 10%; } .w-\[70\%\] { width: 70%; } .w-auto { width: auto; } .w-full { width: 100%; } .w-xs { width: var(--container-xs); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-32\.5 { max-width: calc(var(--spacing) * 32.5); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-\[400px\] { max-width: 400px; } .max-w-full { max-width: 100%; } .max-w-sm { max-width: var(--container-sm); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-12\.5 { min-width: calc(var(--spacing) * 12.5); } .min-w-44 { min-width: calc(var(--spacing) * 44); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-75 { min-width: calc(var(--spacing) * 75); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-84 { min-width: calc(var(--spacing) * 84); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .basis-0 { flex-basis: calc(var(--spacing) * 0); } .basis-full { flex-basis: 100%; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-top-left { transform-origin: 0 0; } .-translate-1\/2 { --tw-translate-x: -50%; --tw-translate-y: -50%; } .-translate-1\/2, .-translate-x-1\/2 { translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-1\/2 { --tw-translate-x: -50%; } .-translate-x-full { --tw-translate-x: -100%; } .-translate-x-full, .translate-x-full { translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; } .-translate-y-1\/2 { --tw-translate-y: -50%; } .-translate-y-1\/2, .-translate-y-full { translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; } .scale-0, .scale-95 { scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; } .scale-100, .scale-x-\[-1\] { scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-x-\[-1\] { --tw-scale-x: -1; } .rotate-0 { rotate: 0deg; } .rotate-90 { rotate: 90deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-\[preloader_1s_ease_forwards\] { animation: preloader 1s ease forwards; } .animate-\[spinner-grow_0\.75s_linear_infinite\] { animation: spinner-grow 0.75s linear infinite; } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .resize { resize: both; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .form-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-radius: 0; border-width: 1px; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding: 0.5rem 2.5rem 0.5rem 0.75rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); border-color: oklch(54.6% 0.245 262.881); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:where([size]:not([size="1"])) { background-image: none; background-position: 0 0; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } } .form-textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-radius: 0; border-width: 1px; font-size: 1rem; line-height: 1.5rem; padding: 0.5rem 0.75rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); border-color: oklch(54.6% 0.245 262.881); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &::-moz-placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } &::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-1\.25 { gap: calc(var(--spacing) * 1.25); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-2\.25 { gap: calc(var(--spacing) * 2.25); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7\.5 { gap: calc(var(--spacing) * 7.5); } .gap-9 { gap: calc(var(--spacing) * 9); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-18 { gap: calc(var(--spacing) * 18); } .gap-base { gap: var(--spacing-base); } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 0 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 0 * var(--tw-space-y-reverse) ); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 0.5 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 0.5 * var(--tw-space-y-reverse) ); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 1 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 1 * var(--tw-space-y-reverse) ); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 2 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 2 * var(--tw-space-y-reverse) ); } } .space-y-2\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 2.5 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 2.5 * var(--tw-space-y-reverse) ); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 3 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 3 * var(--tw-space-y-reverse) ); } } .space-y-4 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 4 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 4 * var(--tw-space-y-reverse) ); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 5 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 5 * var(--tw-space-y-reverse) ); } } .space-y-6 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 6 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 6 * var(--tw-space-y-reverse) ); } } .space-y-base { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing-base) * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing-base) * var(--tw-space-y-reverse) ); } } .gap-x-1 { -moz-column-gap: calc(var(--spacing) * 1); column-gap: calc(var(--spacing) * 1); } .gap-x-1\.5 { -moz-column-gap: calc(var(--spacing) * 1.5); column-gap: calc(var(--spacing) * 1.5); } .gap-x-1\.25 { -moz-column-gap: calc(var(--spacing) * 1.25); column-gap: calc(var(--spacing) * 1.25); } .gap-x-2 { -moz-column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2); } .gap-x-3 { -moz-column-gap: calc(var(--spacing) * 3); column-gap: calc(var(--spacing) * 3); } .gap-x-3\.5 { -moz-column-gap: calc(var(--spacing) * 3.5); column-gap: calc(var(--spacing) * 3.5); } .gap-x-4 { -moz-column-gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 4); } .gap-x-5 { -moz-column-gap: calc(var(--spacing) * 5); column-gap: calc(var(--spacing) * 5); } .gap-x-base { -moz-column-gap: var(--spacing-base); column-gap: var(--spacing-base); } .-space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * -2 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * -2 * var(--tw-space-x-reverse) ); } } .-space-x-3 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * -3 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * -3 * var(--tw-space-x-reverse) ); } } .-space-x-px { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc(-1px * (1 - var(--tw-space-x-reverse))); margin-inline-start: calc(-1px * var(--tw-space-x-reverse)); } } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * 1 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * 1 * var(--tw-space-x-reverse) ); } } .space-x-2 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * 2 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * 2 * var(--tw-space-x-reverse) ); } } .space-x-4 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * 4 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * 4 * var(--tw-space-x-reverse) ); } } .gap-y-1\.25 { row-gap: calc(var(--spacing) * 1.25); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } .gap-y-7\.5 { row-gap: calc(var(--spacing) * 7.5); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-end-width: calc( 1px * (1 - var(--tw-divide-x-reverse)) ); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-style: var(--tw-border-style); } } .divide-y { :where(& > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-bottom-width: calc(1px * (1 - var(--tw-divide-y-reverse))); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); } } .divide-dashed { :where(& > :not(:last-child)) { --tw-border-style: dashed; border-style: dashed; } } .divide-default-300 { :where(& > :not(:last-child)) { border-color: var(--color-default-300); } } .self-center { align-self: center; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: var(--radius); } .rounded\! { border-radius: var(--radius) !important; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-4xl { border-radius: var(--radius-4xl); } .rounded-\[999px\] { border-radius: 999px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-full\! { border-radius: calc(infinity * 1px) !important; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-none\! { border-radius: 0 !important; } .rounded-xl { border-radius: var(--radius-xl); } .rounded-s-full { border-end-start-radius: calc(infinity * 1px); border-start-start-radius: calc(infinity * 1px); } .rounded-s-full\! { border-end-start-radius: calc(infinity * 1px) !important; border-start-start-radius: calc(infinity * 1px) !important; } .rounded-s-md { border-end-start-radius: var(--radius-md); border-start-start-radius: var(--radius-md); } .rounded-s-none { border-end-start-radius: 0; border-start-start-radius: 0; } .rounded-s-none\! { border-end-start-radius: 0 !important; border-start-start-radius: 0 !important; } .rounded-s-sm { border-end-start-radius: var(--radius-sm); border-start-start-radius: var(--radius-sm); } .rounded-e { border-end-end-radius: var(--radius); border-start-end-radius: var(--radius); } .rounded-e-full { border-end-end-radius: calc(infinity * 1px); border-start-end-radius: calc(infinity * 1px); } .rounded-e-md { border-end-end-radius: var(--radius-md); border-start-end-radius: var(--radius-md); } .rounded-e-none { border-end-end-radius: 0; border-start-end-radius: 0; } .rounded-e-none\! { border-end-end-radius: 0 !important; border-start-end-radius: 0 !important; } .rounded-e-sm { border-end-end-radius: var(--radius-sm); border-start-end-radius: var(--radius-sm); } .rounded-t { border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-t-sm { border-top-left-radius: var(--radius-sm); border-top-right-radius: var(--radius-sm); } .rounded-b-md { border-bottom-left-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-b-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .\!border-\[3px\] { border-style: var(--tw-border-style) !important; border-width: 3px !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-3 { border-style: var(--tw-border-style); border-width: 3px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-5 { border-style: var(--tw-border-style); border-width: 5px; } .border-x-0 { border-inline-style: var(--tw-border-style); border-inline-width: 0; } .border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .border-s\! { border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; } .border-s-0 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 0; } .border-s-3 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 3px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-e-0 { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-none\! { --tw-border-style: none !important; border-style: none !important; } .border-solid { --tw-border-style: solid; border-style: solid; } .\!border-danger { border-color: var(--color-danger) !important; } .\!border-success { border-color: var(--color-success) !important; } .border-\(--topbar-search-border\)\! { border-color: var(--topbar-search-border) !important; } .border-card { border-color: var(--color-card); } .border-current { border-color: currentcolor; } .border-danger { border-color: var(--color-danger); } .border-danger\! { border-color: var(--color-danger) !important; } .border-danger\/15 { border-color: color-mix(in srgb, #f1556c 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 15%, transparent ); } } .border-danger\/40 { border-color: color-mix(in srgb, #f1556c 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 40%, transparent ); } } .border-dark { border-color: var(--color-dark); } .border-dark\/15 { border-color: color-mix(in srgb, #313a46 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-dark) 15%, transparent ); } } .border-default-200 { border-color: var(--color-default-200); } .border-default-300 { border-color: var(--color-default-300); } .border-default-600 { border-color: var(--color-default-600); } .border-default-800 { border-color: var(--color-default-800); } .border-default-900\/10 { border-color: color-mix(in srgb, #313a46 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-default-900) 10%, transparent ); } } .border-info { border-color: var(--color-info); } .border-info\/15 { border-color: color-mix(in srgb, #43bfe5 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-info) 15%, transparent ); } } .border-info\/25 { border-color: color-mix(in srgb, #43bfe5 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-info) 25%, transparent ); } } .border-light { border-color: var(--color-light); } .border-light\/15 { border-color: color-mix(in srgb, #eef2f7 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-light) 15%, transparent ); } } .border-primary { border-color: var(--color-primary); } .border-primary\/10 { border-color: color-mix(in srgb, #6658dd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 10%, transparent ); } } .border-primary\/15 { border-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } } .border-primary\/25 { border-color: color-mix(in srgb, #6658dd 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 25%, transparent ); } } .border-primary\/50 { border-color: color-mix(in srgb, #6658dd 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 50%, transparent ); } } .border-primary\/75 { border-color: color-mix(in srgb, #6658dd 75%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 75%, transparent ); } } .border-secondary { border-color: var(--color-secondary); } .border-secondary\/15 { border-color: color-mix(in srgb, #4a81d4 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-secondary) 15%, transparent ); } } .border-secondary\/20 { border-color: color-mix(in srgb, #4a81d4 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-secondary) 20%, transparent ); } } .border-success { border-color: var(--color-success); } .border-success\! { border-color: var(--color-success) !important; } .border-success\/15 { border-color: color-mix(in srgb, #0acf97 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-success) 15%, transparent ); } } .border-success\/20 { border-color: color-mix(in srgb, #0acf97 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-success) 20%, transparent ); } } .border-transparent { border-color: transparent; } .border-transparent\! { border-color: transparent !important; } .border-warning { border-color: var(--color-warning); } .border-warning\/15 { border-color: color-mix(in srgb, #f7b84b 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-warning) 15%, transparent ); } } .border-white { border-color: var(--color-white); } .border-t-transparent { border-top-color: transparent; } .\!bg-dark { background-color: var(--color-dark) !important; } .\!bg-primary { background-color: var(--color-primary) !important; } .bg-\(--sidenav-bg\) { background-color: var(--sidenav-bg); } .bg-\(--topbar-search-bg\)\! { background-color: var(--topbar-search-bg) !important; } .bg-\[\#1e1f27\] { background-color: #1e1f27; } .bg-\[\#313a46\] { background-color: #313a46; } .bg-card { background-color: var(--color-card); } .bg-danger { background-color: var(--color-danger); } .bg-danger\/10 { background-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } .bg-danger\/15 { background-color: color-mix(in srgb, #f1556c 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 15%, transparent ); } } .bg-danger\/25 { background-color: color-mix(in srgb, #f1556c 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 25%, transparent ); } } .bg-danger\/60 { background-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } .bg-danger\/70 { background-color: color-mix(in srgb, #f1556c 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 70%, transparent ); } } .bg-dark { background-color: var(--color-dark); } .bg-dark\/10 { background-color: color-mix(in srgb, #313a46 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 10%, transparent ); } } .bg-dark\/15 { background-color: color-mix(in srgb, #313a46 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 15%, transparent ); } } .bg-dark\/25 { background-color: color-mix(in srgb, #313a46 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 25%, transparent ); } } .bg-dark\/50 { background-color: color-mix(in srgb, #313a46 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 50%, transparent ); } } .bg-dark\/60 { background-color: color-mix(in srgb, #313a46 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 60%, transparent ); } } .bg-dark\/70 { background-color: color-mix(in srgb, #313a46 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 70%, transparent ); } } .bg-dark\/75 { background-color: color-mix(in srgb, #313a46 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 75%, transparent ); } } .bg-default-50 { background-color: var(--color-default-50); } .bg-default-50\! { background-color: var(--color-default-50) !important; } .bg-default-100 { background-color: var(--color-default-100); } .bg-default-100\! { background-color: var(--color-default-100) !important; } .bg-default-100\/20 { background-color: color-mix(in srgb, #f6f7fb 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-100) 20%, transparent ); } } .bg-default-100\/50 { background-color: color-mix(in srgb, #f6f7fb 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-100) 50%, transparent ); } } .bg-default-200 { background-color: var(--color-default-200); } .bg-default-200\! { background-color: var(--color-default-200) !important; } .bg-default-300 { background-color: var(--color-default-300); } .bg-default-400 { background-color: var(--color-default-400); } .bg-default-400\/20 { background-color: color-mix(in srgb, #9ba6b7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-400) 20%, transparent ); } } .bg-default-800 { background-color: var(--color-default-800); } .bg-default-900 { background-color: var(--color-default-900); } .bg-default-900\/50 { background-color: color-mix(in srgb, #313a46 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-900) 50%, transparent ); } } .bg-info { background-color: var(--color-info); } .bg-info\! { background-color: var(--color-info) !important; } .bg-info\/10 { background-color: color-mix(in srgb, #43bfe5 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-info) 10%, transparent ); } } .bg-info\/15 { background-color: color-mix(in srgb, #43bfe5 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-info) 15%, transparent ); } } .bg-info\/60 { background-color: color-mix(in srgb, #43bfe5 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-info) 60%, transparent ); } } .bg-info\/85 { background-color: color-mix(in srgb, #43bfe5 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-info) 85%, transparent ); } } .bg-light { background-color: var(--color-light); } .bg-light\/15 { background-color: color-mix(in srgb, #eef2f7 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 15%, transparent ); } } .bg-light\/20 { background-color: color-mix(in srgb, #eef2f7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 20%, transparent ); } } .bg-light\/25 { background-color: color-mix(in srgb, #eef2f7 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 25%, transparent ); } } .bg-light\/30 { background-color: color-mix(in srgb, #eef2f7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 30%, transparent ); } } .bg-light\/40 { background-color: color-mix(in srgb, #eef2f7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 40%, transparent ); } } .bg-light\/50 { background-color: color-mix(in srgb, #eef2f7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 50%, transparent ); } } .bg-light\/50\! { background-color: color-mix( in srgb, #eef2f7 50%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 50%, transparent ) !important; } } .bg-light\/60 { background-color: color-mix(in srgb, #eef2f7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 60%, transparent ); } } .bg-light\/90 { background-color: color-mix(in srgb, #eef2f7 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 90%, transparent ); } } .bg-primary { background-color: var(--color-primary); } .bg-primary\! { background-color: var(--color-primary) !important; } .bg-primary\/10 { background-color: color-mix(in srgb, #6658dd 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 10%, transparent ); } } .bg-primary\/15 { background-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } } .bg-primary\/25 { background-color: color-mix(in srgb, #6658dd 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 25%, transparent ); } } .bg-primary\/50 { background-color: color-mix(in srgb, #6658dd 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 50%, transparent ); } } .bg-primary\/60 { background-color: color-mix(in srgb, #6658dd 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 60%, transparent ); } } .bg-primary\/70 { background-color: color-mix(in srgb, #6658dd 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 70%, transparent ); } } .bg-primary\/75 { background-color: color-mix(in srgb, #6658dd 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 75%, transparent ); } } .bg-primary\/85 { background-color: color-mix(in srgb, #6658dd 85%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 85%, transparent ); } } .bg-primary\/90 { background-color: color-mix(in srgb, #6658dd 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 90%, transparent ); } } .bg-purple { background-color: var(--color-purple); } .bg-red-100 { background-color: var(--color-red-100); } .bg-secondary { background-color: var(--color-secondary); } .bg-secondary\/10 { background-color: color-mix(in srgb, #4a81d4 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 10%, transparent ); } } .bg-secondary\/15 { background-color: color-mix(in srgb, #4a81d4 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 15%, transparent ); } } .bg-secondary\/20 { background-color: color-mix(in srgb, #4a81d4 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 20%, transparent ); } } .bg-secondary\/60 { background-color: color-mix(in srgb, #4a81d4 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 60%, transparent ); } } .bg-secondary\/90 { background-color: color-mix(in srgb, #4a81d4 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 90%, transparent ); } } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-success { background-color: var(--color-success); } .bg-success\! { background-color: var(--color-success) !important; } .bg-success\/10 { background-color: color-mix(in srgb, #0acf97 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 10%, transparent ); } } .bg-success\/15 { background-color: color-mix(in srgb, #0acf97 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 15%, transparent ); } } .bg-success\/25 { background-color: color-mix(in srgb, #0acf97 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 25%, transparent ); } } .bg-success\/50 { background-color: color-mix(in srgb, #0acf97 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 50%, transparent ); } } .bg-success\/60 { background-color: color-mix(in srgb, #0acf97 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 60%, transparent ); } } .bg-transparent { background-color: transparent; } .bg-transparent\! { background-color: transparent !important; } .bg-warning { background-color: var(--color-warning); } .bg-warning\/10 { background-color: color-mix(in srgb, #f7b84b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ); } } .bg-warning\/15 { background-color: color-mix(in srgb, #f7b84b 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 15%, transparent ); } } .bg-warning\/60 { background-color: color-mix(in srgb, #f7b84b 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 60%, transparent ); } } .bg-warning\/70 { background-color: color-mix(in srgb, #f7b84b 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 70%, transparent ); } } .bg-white { background-color: var(--color-white); } .bg-white\/25 { background-color: color-mix(in srgb, #fff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-white) 25%, transparent ); } } .bg-white\/50 { background-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-white) 50%, transparent ); } } .bg-linear-to-br { --tw-gradient-position: to bottom right; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom right in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-r { --tw-gradient-position: to right; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to right in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-t { --tw-gradient-position: to top; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to top in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(90deg\,\#6658dd_0\%\,\#f1556c_100\%\)\] { background-image: linear-gradient(90deg, #6658dd, #f1556c); } .bg-\[url\(\'\.\.\/images\/auth\.jpg\'\)\] { background-image: url(../images/auth.jpg); } .bg-\[url\(\'\.\.\/images\/landing-cta\.jpg\'\)\] { background-image: url(../images/landing-cta.jpg); } .bg-\[url\(\'\.\.\/images\/profile-bg\.jpg\'\)\] { background-image: url(../images/profile-bg.jpg); } .bg-\[url\(\.\.\/images\/settings-bg\.png\)\] { background-image: url(../images/settings-bg.png); } .bg-\[url\(\.\.\/images\/user-bg-pattern\.svg\)\] { background-image: url(../images/user-bg-pattern.svg); } .from-\[\#313A46\], .from-\[\#313a46\] { --tw-gradient-from: #313a46; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-cyan-500 { --tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-default-400 { --tw-gradient-from: var(--color-default-400); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-default-800 { --tw-gradient-from: var(--color-default-800); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-green-400 { --tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-pink-500 { --tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-primary { --tw-gradient-from: var(--color-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-purple-500 { --tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-purple-600 { --tw-gradient-from: var(--color-purple-600); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-red-200 { --tw-gradient-from: var(--color-red-200); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-teal-200 { --tw-gradient-from: var(--color-teal-200); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .from-zinc-800 { --tw-gradient-from: var(--color-zinc-800); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .via-\[\#313a46cc\] { --tw-gradient-via: #313a46cc; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-default-300 { --tw-gradient-via: var(--color-default-300); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-default-800\/80 { --tw-gradient-via: color-mix(in srgb, #343a40 80%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix( in oklab, var(--color-default-800) 80%, transparent ); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-red-300 { --tw-gradient-via: var(--color-red-300); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-zinc-800\/80 { --tw-gradient-via: color-mix( in srgb, oklch(27.4% 0.006 286.033) 80%, transparent ); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix( in oklab, var(--color-zinc-800) 80%, transparent ); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#313a4680\] { --tw-gradient-to: #313a4680; --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-blue-500 { --tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-blue-600 { --tw-gradient-to: var(--color-blue-600); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-danger { --tw-gradient-to: var(--color-danger); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-default-300 { --tw-gradient-to: var(--color-default-300); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-default-800\/50 { --tw-gradient-to: color-mix(in srgb, #343a40 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix( in oklab, var(--color-default-800) 50%, transparent ); } --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-lime-200 { --tw-gradient-to: var(--color-lime-200); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-orange-400 { --tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-pink-500 { --tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-yellow-200 { --tw-gradient-to: var(--color-yellow-200); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .to-zinc-800\/50 { --tw-gradient-to: color-mix( in srgb, oklch(27.4% 0.006 286.033) 50%, transparent ); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix( in oklab, var(--color-zinc-800) 50%, transparent ); } --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); } .bg-cover { background-size: cover; } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .bg-center { background-position: 50%; } .bg-no-repeat { background-repeat: no-repeat; } .fill-danger { fill: var(--color-danger); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .object-fill { -o-object-fit: fill; object-fit: fill; } .object-none { -o-object-fit: none; object-fit: none; } .object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\! { padding: calc(var(--spacing) * 0) !important; } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\! { padding: calc(var(--spacing) * 1) !important; } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-1\.25 { padding: calc(var(--spacing) * 1.25); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7\.5 { padding: calc(var(--spacing) * 7.5); } .p-9 { padding: calc(var(--spacing) * 9); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12\.5 { padding: calc(var(--spacing) * 12.5); } .p-18 { padding: calc(var(--spacing) * 18); } .p-20 { padding: calc(var(--spacing) * 20); } .px-0\.75 { padding-inline: calc(var(--spacing) * 0.75); } .px-1\.25 { padding-inline: calc(var(--spacing) * 1.25); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-2\.5\! { padding-inline: calc(var(--spacing) * 2.5) !important; } .px-2\.25 { padding-inline: calc(var(--spacing) * 2.25); } .px-2\.75 { padding-inline: calc(var(--spacing) * 2.75); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\! { padding-inline: calc(var(--spacing) * 3) !important; } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-3\.75 { padding-inline: calc(var(--spacing) * 3.75); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .px-4\.75 { padding-inline: calc(var(--spacing) * 4.75); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7\.5 { padding-inline: calc(var(--spacing) * 7.5); } .px-7\.5\! { padding-inline: calc(var(--spacing) * 7.5) !important; } .px-9 { padding-inline: calc(var(--spacing) * 9); } .px-15 { padding-inline: calc(var(--spacing) * 15); } .px-18 { padding-inline: calc(var(--spacing) * 18); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-1\.25 { padding-block: calc(var(--spacing) * 1.25); } .py-1\.75 { padding-block: calc(var(--spacing) * 1.75); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-2\.25 { padding-block: calc(var(--spacing) * 2.25); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\! { padding-block: calc(var(--spacing) * 3) !important; } .py-3\.25 { padding-block: calc(var(--spacing) * 3.25); } .py-3\.75 { padding-block: calc(var(--spacing) * 3.75); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-4\! { padding-block: calc(var(--spacing) * 4) !important; } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-18 { padding-block: calc(var(--spacing) * 18); } .ps-0 { padding-inline-start: calc(var(--spacing) * 0); } .ps-1\.5 { padding-inline-start: calc(var(--spacing) * 1.5); } .ps-2 { padding-inline-start: calc(var(--spacing) * 2); } .ps-2\.5 { padding-inline-start: calc(var(--spacing) * 2.5); } .ps-3 { padding-inline-start: calc(var(--spacing) * 3); } .ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .ps-4\.5 { padding-inline-start: calc(var(--spacing) * 4.5); } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .ps-7 { padding-inline-start: calc(var(--spacing) * 7); } .ps-8 { padding-inline-start: calc(var(--spacing) * 8); } .ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .pe-1 { padding-inline-end: calc(var(--spacing) * 1); } .pe-2 { padding-inline-end: calc(var(--spacing) * 2); } .pe-3 { padding-inline-end: calc(var(--spacing) * 3); } .pe-4\.5 { padding-inline-end: calc(var(--spacing) * 4.5); } .pe-6 { padding-inline-end: calc(var(--spacing) * 6); } .pe-28 { padding-inline-end: calc(var(--spacing) * 28); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.75 { padding-top: calc(var(--spacing) * 3.75); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-4\.5 { padding-top: calc(var(--spacing) * 4.5); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-7\.5 { padding-top: calc(var(--spacing) * 7.5); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-18 { padding-top: calc(var(--spacing) * 18); } .pt-\[56\.25\%\] { padding-top: 56.25%; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-0\! { padding-bottom: calc(var(--spacing) * 0) !important; } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\! { padding-bottom: calc(var(--spacing) * 3) !important; } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-4\.5 { padding-bottom: calc(var(--spacing) * 4.5); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-7\.5 { padding-bottom: calc(var(--spacing) * 7.5); } .pb-9 { padding-bottom: calc(var(--spacing) * 9); } .pb-15 { padding-bottom: calc(var(--spacing) * 15); } .pb-16\.5 { padding-bottom: calc(var(--spacing) * 16.5); } .pb-18 { padding-bottom: calc(var(--spacing) * 18); } .pb-\[56\.25\%\] { padding-bottom: 56.25%; } .pb-base { padding-bottom: var(--spacing-base); } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-baseline { vertical-align: baseline; } .align-middle { vertical-align: middle; } .font-secondary { font-family: var(--font-secondary); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-2xs { font-size: var(--text-2xs); line-height: var(--tw-leading, var(--text-2xs--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-7xl { font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height)); } .text-8xl { font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height)); } .text-9xl { font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-base\! { font-size: var(--text-base) !important; line-height: var( --tw-leading, var(--text-base--line-height) ) !important; } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-lg\! { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; } .text-md { font-size: var(--text-md); line-height: var(--tw-leading, var(--text-md--line-height)); } .text-sm { line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm, .text-sm\/6 { font-size: var(--text-sm); } .text-sm\/6 { line-height: calc(var(--spacing) * 6); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[27px\] { font-size: 27px; } .text-\[40px\] { font-size: 40px; } .leading-0 { --tw-leading: calc(var(--spacing) * 0); line-height: calc(var(--spacing) * 0); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-semibold\! { --tw-font-weight: var(--font-weight-semibold) !important; font-weight: var(--font-weight-semibold) !important; } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .text-nowrap { text-wrap: nowrap; } .text-wrap { text-wrap: wrap; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .\!text-danger { color: var(--color-danger) !important; } .\!text-dark { color: var(--color-dark) !important; } .\!text-info { color: var(--color-info) !important; } .\!text-primary { color: var(--color-primary) !important; } .\!text-secondary { color: var(--color-secondary) !important; } .\!text-success { color: var(--color-success) !important; } .\!text-warning { color: var(--color-warning) !important; } .text-\(--topbar-item-color\)\! { color: var(--topbar-item-color) !important; } .text-\(--topbar-item-color\)\/50\! { color: var(--topbar-item-color) !important; @supports (color: color-mix(in lab, red, red)) { color: color-mix( in oklab, var(--topbar-item-color) 50%, transparent ) !important; } } .text-black { color: var(--color-black); } .text-body-color { color: var(--color-body-color); } .text-danger { color: var(--color-danger); } .text-danger\! { color: var(--color-danger) !important; } .text-dark { color: var(--color-dark); } .text-default-50 { color: var(--color-default-50); } .text-default-100 { color: var(--color-default-100); } .text-default-300 { color: var(--color-default-300); } .text-default-400 { color: var(--color-default-400); } .text-default-500 { color: var(--color-default-500); } .text-default-600 { color: var(--color-default-600); } .text-default-700 { color: var(--color-default-700); } .text-default-800 { color: var(--color-default-800); } .text-default-900 { color: var(--color-default-900); } .text-gray-900 { color: var(--color-gray-900); } .text-info { color: var(--color-info); } .text-light { color: var(--color-light); } .text-primary { color: var(--color-primary); } .text-primary\/25 { color: color-mix(in srgb, #6658dd 25%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 25%, transparent); } } .text-primary\/50 { color: color-mix(in srgb, #6658dd 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .text-primary\/75 { color: color-mix(in srgb, #6658dd 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-primary) 75%, transparent); } } .text-purple { color: var(--color-purple); } .text-secondary { color: var(--color-secondary); } .text-success { color: var(--color-success); } .text-transparent { color: transparent; } .text-warning { color: var(--color-warning); } .text-white { color: var(--color-white); } .text-white\/50 { color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/70 { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/75 { color: color-mix(in srgb, #fff 75%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .line-through { text-decoration-line: line-through; } .underline { text-decoration-line: underline; } .decoration-danger { text-decoration-color: var(--color-danger); } .decoration-dark { text-decoration-color: var(--color-dark); } .decoration-info { text-decoration-color: var(--color-info); } .decoration-light { text-decoration-color: var(--color-light); } .decoration-primary { text-decoration-color: var(--color-primary); } .decoration-primary\/0 { text-decoration-color: color-mix(in srgb, #6658dd 0%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix( in oklab, var(--color-primary) 0%, transparent ); } } .decoration-primary\/15 { text-decoration-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } } .decoration-primary\/25 { text-decoration-color: color-mix(in srgb, #6658dd 25%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix( in oklab, var(--color-primary) 25%, transparent ); } } .decoration-primary\/50 { text-decoration-color: color-mix(in srgb, #6658dd 50%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix( in oklab, var(--color-primary) 50%, transparent ); } } .decoration-primary\/75 { text-decoration-color: color-mix(in srgb, #6658dd 75%, transparent); @supports (color: color-mix(in lab, red, red)) { text-decoration-color: color-mix( in oklab, var(--color-primary) 75%, transparent ); } } .decoration-secondary { text-decoration-color: var(--color-secondary); } .decoration-success { text-decoration-color: var(--color-success); } .decoration-warning { text-decoration-color: var(--color-warning); } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-3 { text-underline-offset: 3px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 10%; } .opacity-25 { opacity: 25%; } .opacity-50 { opacity: 50%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); } .shadow, .shadow-2xs { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xs { --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)); } .shadow-lg { --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, 0.03)); } .shadow-lg, .shadow-none { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; } .shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .shadow-sm { --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); } .ring, .shadow-sm { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); } .shadow { box-shadow: var(--shadow); } .shadow-sm { box-shadow: var(--shadow-sm); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur { --tw-blur: blur(8px); } .blur, .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-\[height\] { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: height; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-\[opacity\,margin\] { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: opacity, margin; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-\[scale\,background\] { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: scale, background; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-all { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-opacity { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: opacity; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .transition-transform { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: transform, translate, scale, rotate; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } .duration-100 { --tw-duration: 100ms; transition-duration: 0.1s; } .duration-200 { --tw-duration: 200ms; transition-duration: 0.2s; } .duration-300 { --tw-duration: 300ms; transition-duration: 0.3s; } .duration-500 { --tw-duration: 500ms; transition-duration: 0.5s; } .duration-700 { --tw-duration: 700ms; transition-duration: 0.7s; } .duration-\[0\.1ms\] { --tw-duration: 0.1ms; transition-duration: 0.1ms; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-auto { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .\[--adaptive\:none\] { --adaptive: none; } .\[--auto-close\:false\] { --auto-close: false; } .\[--auto-close\:inside\] { --auto-close: inside; } .\[--auto-close\:lg\] { --auto-close: lg; } .\[--auto-close\:outside\] { --auto-close: outside; } .\[--body-scroll\:true\] { --body-scroll: true; } .\[--is-collapse\:true\] { --is-collapse: true; } .\[--overlay-backdrop\:false\] { --overlay-backdrop: false; } .\[--overlay-backdrop\:static\] { --overlay-backdrop: static; } .\[--placement\:\*\] { --placement: *; } .\[--placement\:bottom-end\] { --placement: bottom-end; } .\[--placement\:bottom-left\] { --placement: bottom-left; } .\[--placement\:bottom-right\] { --placement: bottom-right; } .\[--placement\:bottom\] { --placement: bottom; } .\[--placement\:left-start\] { --placement: left-start; } .\[--placement\:left\] { --placement: left; } .\[--placement\:right-end\] { --placement: right-end; } .\[--placement\:right\] { --placement: right; } .\[--placement\:top-left\] { --placement: top-left; } .\[--placement\:top\] { --placement: top; } .\[--scrollspy-offset\:220\] { --scrollspy-offset: 220; } .\[--strategy\:static\] { --strategy: static; } .\[--trigger\:click\] { --trigger: click; } .\[--trigger\:hover\] { --trigger: hover; } .lucide--activity { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2'/%3E%3C/svg%3E"); } .lucide--alarm-clock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='13' r='8'/%3E%3Cpath d='M12 9v4l2 2M5 3 2 6m20 0-3-3M6.38 18.7 4 21m13.64-2.33L20 21'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--alert-triangle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01'/%3E%3C/svg%3E"); } .lucide--archive { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8m-10 4h4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--arrow-down { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m7-7-7 7-7-7'/%3E%3C/svg%3E"); } .lucide--arrow-left { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 19-7-7 7-7m7 7H5'/%3E%3C/svg%3E"); } .lucide--arrow-right { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7 7 7-7 7'/%3E%3C/svg%3E"); } .lucide--arrow-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 7-7 7 7m-7 7V5'/%3E%3C/svg%3E"); } .lucide--badge-dollar-sign { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76'/%3E%3Cpath d='M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8m4 2V6'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--badge-percent { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76M15 9l-6 6m0-6h.01M15 15h.01'/%3E%3C/svg%3E"); } .lucide--badge-question-mark { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3m.08 4h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--ban { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M4.929 4.929 19.07 19.071'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--banknote-arrow-down { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5m-6 6 3 3 3-3m-4-7h.01m.99 4v6M6 12h.01'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--bell { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0m-10.47-5.674A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326'/%3E%3C/svg%3E"); } .lucide--bell-off { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M17 17H4a1 1 0 0 1-.74-1.673C4.59 13.956 6 12.499 6 8a6 6 0 0 1 .258-1.742M2 2l20 20M8.668 3.01A6 6 0 0 1 18 8c0 2.687.77 4.653 1.707 6.05'/%3E%3C/svg%3E"); } .lucide--bell-ring { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.268 21a2 2 0 0 0 3.464 0M22 8c0-2.3-.8-4.3-2-6M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326M4 2C2.8 3.7 2 5.7 2 8'/%3E%3C/svg%3E"); } .lucide--bluetooth { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 7 10 10-5 5V2l5 5L7 17'/%3E%3C/svg%3E"); } .lucide--bold { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8'/%3E%3C/svg%3E"); } .lucide--bolt { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--book { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20'/%3E%3C/svg%3E"); } .lucide--book-open { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E"); } .lucide--book-open-text { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7v14m4-9h2m-2-4h2M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3zm3-6h2M6 8h2'/%3E%3C/svg%3E"); } .lucide--box { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z'/%3E%3Cpath d='m3.3 7 8.7 5 8.7-5M12 22V12'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--briefcase { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'/%3E%3Crect width='20' height='14' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--brush { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m11 10 3 3m-7.5 8A3.5 3.5 0 1 0 3 17.5a2.62 2.62 0 0 1-.708 1.792A1 1 0 0 0 3 21z'/%3E%3Cpath d='M9.969 17.031 21.378 5.624a1 1 0 0 0-3.002-3.002L6.967 14.031'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--bug { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v-9m2-4a4 4 0 0 1 4 4v3a6 6 0 0 1-12 0v-3a4 4 0 0 1 4-4zm.12-3.12L16 2'/%3E%3Cpath d='M21 21a4 4 0 0 0-3.81-4M21 5a4 4 0 0 1-3.55 3.97M22 13h-4M3 21a4 4 0 0 1 3.81-4M3 5a4 4 0 0 0 3.55 3.97M6 13H2M8 2l1.88 1.88M9 7.13V6a3 3 0 1 1 6 0v1.13'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--building { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10h.01M12 14h.01M12 6h.01M16 10h.01M16 14h.01M16 6h.01M8 10h.01M8 14h.01M8 6h.01M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3'/%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--calendar { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--calendar-check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 2v4m8-4v4'/%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M3 10h18M9 16l2 2 4-4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--calendar-clock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 14v2.2l1.6 1M16 2v4m5 1.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5M3 10h5m0-8v4'/%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--camera { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z'/%3E%3Ccircle cx='12' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--cannabis { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22v-4m-5-6c-1.5 0-4.5 1.5-5 3 3.5 1.5 6 1 6 1-1.5 1.5-2 3.5-2 5 2.5 0 4.5-1.5 6-3 1.5 1.5 3.5 3 6 3 0-1.5-.5-3.5-2-5 0 0 2.5.5 6-1-.5-1.5-3.5-3-5-3 1.5-1 4-4 4-6-2.5 0-5.5 1.5-7 3 0-2.5-.5-5-2-7-1.5 2-2 4.5-2 7-1.5-1.5-4.5-3-7-3 0 2 2.5 5 4 6'/%3E%3C/svg%3E"); } .lucide--chart-line { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--chart-pie { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z'/%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); } .lucide--check-circle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.801 10A10 10 0 1 1 17 3.335'/%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--chevron-down { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); } .lucide--chevron-left { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); } .lucide--chevron-right { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); } .lucide--chevron-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m18 15-6-6-6 6'/%3E%3C/svg%3E"); } .lucide--circle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E"); } .lucide--circle-alert { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4m0 4h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--circle-plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 12h8m-4-4v8'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--circle-small { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='6' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E"); } .lucide--circle-user { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3Cpath d='M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--circle-user-round { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 20a6 6 0 0 0-12 0'/%3E%3Ccircle cx='12' cy='10' r='4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--clipboard-type { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3Cpath d='M9 12v-1h6v1m-4 5h2m-1-6v6'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--clock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l4 2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--clock-fading { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2a10 10 0 0 1 7.38 16.75M12 6v6l4 2M2.5 8.875a10 10 0 0 0-.5 3M2.83 16a10 10 0 0 0 2.43 3.4M4.636 5.235a10 10 0 0 1 .891-.857M8.644 21.42a10 10 0 0 0 7.631-.38'/%3E%3C/svg%3E"); } .lucide--cloud { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9'/%3E%3C/svg%3E"); } .lucide--cloud-upload { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 13v8m-8-6.101A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242'/%3E%3Cpath d='m8 17 4-4 4 4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--code { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E"); } .lucide--compass { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--component { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0zm-13.239 0a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0zm6.619 6.619a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0zm0-13.238a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z'/%3E%3C/svg%3E"); } .lucide--copy { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--corner-up-left { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 20v-7a4 4 0 0 0-4-4H4'/%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--cpu { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 20v2m0-20v2m5 16v2m0-20v2M2 12h2m-2 5h2M2 7h2m16 5h2m-2 5h2M20 7h2M7 20v2M7 2v2'/%3E%3Crect width='16' height='16' x='4' y='4' rx='2'/%3E%3Crect width='8' height='8' x='8' y='8' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--credit-card { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='5' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--database { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--dollar-sign { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v20m5-17H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E"); } .lucide--download { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15V3m9 12v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--earth { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.54 15H17a2 2 0 0 0-2 2v4.54M7 3.34V5a3 3 0 0 0 3 3 2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17M11 21.95V18a2 2 0 0 0-2-2 2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--ellipsis { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--ellipsis-vertical { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--eye { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--eye-off { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242'/%3E%3Cpath d='M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143M2 2l20 20'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--figma { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5M12 2h3.5a3.5 3.5 0 1 1 0 7H12z'/%3E%3Cpath d='M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0m-7 7A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0m0-7A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--file { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--file-text { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z'/%3E%3Cpath d='M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--film { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--flag { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 22V4a1 1 0 0 1 .4-.8A6 6 0 0 1 8 2c3 0 5 2 7.333 2q2 0 3.067-.8A1 1 0 0 1 20 4v10a1 1 0 0 1-.4.8A6 6 0 0 1 16 16c-3 0-5-2-8-2a6 6 0 0 0-4 1.528'/%3E%3C/svg%3E"); } .lucide--folder { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); } .lucide--folder-open-dot { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 14 1.45-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5c0-1.1.9-2 2-2h3.93a2 2 0 0 1 1.66.9l.82 1.2a2 2 0 0 0 1.66.9H18a2 2 0 0 1 2 2v2'/%3E%3Ccircle cx='14' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--forward { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 17 5-5-5-5'/%3E%3Cpath d='M4 18v-2a4 4 0 0 1 4-4h12'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--gamepad-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 11h4M8 9v4m7-1h.01M18 10h.01m-.69-5H6.68a4 4 0 0 0-3.978 3.59l-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258q-.01-.075-.017-.151A4 4 0 0 0 17.32 5'/%3E%3C/svg%3E"); } .lucide--globe { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--graduation-cap { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0zM22 10v6'/%3E%3Cpath d='M6 12.5V16a6 3 0 0 0 12 0v-3.5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--grip-horizontal { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='1'/%3E%3Ccircle cx='19' cy='9' r='1'/%3E%3Ccircle cx='5' cy='9' r='1'/%3E%3Ccircle cx='12' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--hand { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 11V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2m0 4V4a2 2 0 0 0-2-2 2 2 0 0 0-2 2v2m0 4.5V6a2 2 0 0 0-2-2 2 2 0 0 0-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 1 1 4 0v6a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--handshake { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m11 17 2 2a1 1 0 1 0 3-3'/%3E%3Cpath d='m14 14 2.5 2.5a1 1 0 1 0 3-3l-3.88-3.88a3 3 0 0 0-4.24 0l-.88.88a1 1 0 1 1-3-3l2.81-2.81a5.79 5.79 0 0 1 7.06-.87l.47.28a2 2 0 0 0 1.42.25L21 4'/%3E%3Cpath d='m21 3 1 11h-2M3 3 2 14l6.5 6.5a1 1 0 1 0 3-3M3 4h8'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--headphones { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); } .lucide--headset { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2z'/%3E%3Cpath d='M21 16v2a4 4 0 0 1-4 4h-5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--heart { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E"); } .lucide--hourglass { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 22h14M5 2h14m-2 20v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2'/%3E%3C/svg%3E"); } .lucide--house { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--house-wifi { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.5 13.866a4 4 0 0 1 5 .01M12 17h.01'/%3E%3Cpath d='M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='M7 10.754a8 8 0 0 1 10 0'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--image { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--image-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10l-3.1-3.1a2 2 0 0 0-2.814.014L6 21'/%3E%3Cpath d='m14 19.5 3-3 3 3M17 22v-5.5'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--inbox { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 12h-6l-2 3h-4l-2-3H2'/%3E%3Cpath d='M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--info { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4m0-4h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--italic { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 4h-9m4 16H5M15 4 9 20'/%3E%3C/svg%3E"); } .lucide--kanban { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 3v14m7-14v8m7-8v18'/%3E%3C/svg%3E"); } .lucide--key { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4m2-2-9.6 9.6'/%3E%3Ccircle cx='7.5' cy='15.5' r='5.5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--layers { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z'/%3E%3Cpath d='M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12'/%3E%3Cpath d='M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--layout-dashboard { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='9' x='3' y='3' rx='1'/%3E%3Crect width='7' height='5' x='14' y='3' rx='1'/%3E%3Crect width='7' height='9' x='14' y='12' rx='1'/%3E%3Crect width='7' height='5' x='3' y='16' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--layout-grid { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--layout-panel-left { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='7' height='18' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--leaf { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--lightbulb { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5m0 4h6m-5 4h4'/%3E%3C/svg%3E"); } .lucide--link { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--list-check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 5H3m13 7H3m8 7H3m12-1 2 2 4-4'/%3E%3C/svg%3E"); } .lucide--list-tree { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 5h13m-8 7h8m-8 7h8M3 10a2 2 0 0 0 2 2h3'/%3E%3Cpath d='M3 5v12a2 2 0 0 0 2 2h3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--lock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='11' x='3' y='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--lock-keyhole { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='16' r='1'/%3E%3Crect width='18' height='12' x='3' y='10' rx='2'/%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--log-out { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 17 5-5-5-5m5 5H9m0 9H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E"); } .lucide--mail { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--mail-open { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0z'/%3E%3Cpath d='m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--map { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0zm.894.211v15M9 3.236v15'/%3E%3C/svg%3E"); } .lucide--map-pin { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--maximize { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3m8 0h3a2 2 0 0 0 2-2v-3'/%3E%3C/svg%3E"); } .lucide--medal { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7.21 15 2.66 7.14a2 2 0 0 1 .13-2.2L4.4 2.8A2 2 0 0 1 6 2h12a2 2 0 0 1 1.6.8l1.6 2.14a2 2 0 0 1 .14 2.2L16.79 15M11 12 5.12 2.2M13 12l5.88-9.8M8 7h8'/%3E%3Ccircle cx='12' cy='17' r='5'/%3E%3Cpath d='M12 18v-2h-.5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--menu { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5h16M4 12h16M4 19h16'/%3E%3C/svg%3E"); } .lucide--message-circle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719'/%3E%3C/svg%3E"); } .lucide--message-square { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E"); } .lucide--message-square-text { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2zM7 11h10M7 15h6M7 7h8'/%3E%3C/svg%3E"); } .lucide--mic { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 19v3m7-12v2a7 7 0 0 1-14 0v-2'/%3E%3Crect width='6' height='13' x='9' y='2' rx='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--minimize { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3m8 0v-3a2 2 0 0 1 2-2h3'/%3E%3C/svg%3E"); } .lucide--minus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14'/%3E%3C/svg%3E"); } .lucide--monitor { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--monitor-check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 10 2 2 4-4'/%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cpath d='M12 17v4m-4 0h8'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--moon { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401'/%3E%3C/svg%3E"); } .lucide--music { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--octagon-alert { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 16h.01M12 8v4m3.312-10a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z'/%3E%3C/svg%3E"); } .lucide--package { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12'/%3E%3Cpath d='M3.29 7 12 12l8.71-5M7.5 4.27l9 5.15'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--palette { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z'/%3E%3Ccircle cx='13.5' cy='6.5' r='.5' fill='%23000'/%3E%3Ccircle cx='17.5' cy='10.5' r='.5' fill='%23000'/%3E%3Ccircle cx='6.5' cy='12.5' r='.5' fill='%23000'/%3E%3Ccircle cx='8.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--panel-left-dashed { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M9 14v1m0 4v2M9 3v2m0 4v1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--panel-top-dashed { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Cpath d='M14 9h1m4 0h2M3 9h2m4 0h1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--paperclip { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551'/%3E%3C/svg%3E"); } .lucide--pencil { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E"); } .lucide--pencil-ruler { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13m1-7 2-2m8 12 2-2m-3-3 4.3 4.3c.94.94.94 2.46 0 3.4l-2.6 2.6c-.94.94-2.46.94-3.4 0L11 17M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E"); } .lucide--phone { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); } .lucide--phone-call { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 2a9 9 0 0 1 9 9m-9-5a5 5 0 0 1 5 5m-4.168 5.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384'/%3E%3C/svg%3E"); } .lucide--pin { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 17v5M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); } .lucide--plane { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2'/%3E%3C/svg%3E"); } .lucide--play { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z'/%3E%3C/svg%3E"); } .lucide--plug { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 22v-5m3-9V2m2 6a1 1 0 0 1 1 1v4a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1zM9 8V2'/%3E%3C/svg%3E"); } .lucide--plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-7-7v14'/%3E%3C/svg%3E"); } .lucide--printer { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6'/%3E%3Crect width='12' height='8' x='6' y='14' rx='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--quote { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2zM5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E"); } .lucide--receipt-text { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 16H8m6-8H8m8 4H8M4 3a1 1 0 0 1 1-1 1.3 1.3 0 0 1 .7.2l.933.6a1.3 1.3 0 0 0 1.4 0l.934-.6a1.3 1.3 0 0 1 1.4 0l.933.6a1.3 1.3 0 0 0 1.4 0l.933-.6a1.3 1.3 0 0 1 1.4 0l.934.6a1.3 1.3 0 0 0 1.4 0l.933-.6A1.3 1.3 0 0 1 19 2a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1 1.3 1.3 0 0 1-.7-.2l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.934.6a1.3 1.3 0 0 1-1.4 0l-.933-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-1.4 0l-.934-.6a1.3 1.3 0 0 0-1.4 0l-.933.6a1.3 1.3 0 0 1-.7.2 1 1 0 0 1-1-1z'/%3E%3C/svg%3E"); } .lucide--refresh-ccw { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5m-5 4a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16'/%3E%3Cpath d='M16 16h5v5'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--rocket { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09'/%3E%3Cpath d='M9 12a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.4 22.4 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.55-3.03 2-4c1.62-1.08 5 .05 5 .05'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--rss { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--save { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3Cpath d='M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7M7 3v4a1 1 0 0 0 1 1h7'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--scissors { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Cpath d='M8.12 8.12 12 12m8-8L8.12 15.88'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M14.8 14.8 20 20'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--search { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m21 21-4.34-4.34'/%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--send-horizontal { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904zM6 12h16'/%3E%3C/svg%3E"); } .lucide--settings { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--share { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v13m4-9-4-4-4 4m-4 6v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'/%3E%3C/svg%3E"); } .lucide--share-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cpath d='m8.59 13.51 6.83 3.98m-.01-10.98-6.82 3.98'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--shield { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3C/svg%3E"); } .lucide--shield-half { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1zm-8 9V2'/%3E%3C/svg%3E"); } .lucide--shield-user { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M6.376 18.91a6 6 0 0 1 11.249.003'/%3E%3Ccircle cx='12' cy='11' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--shopping-basket { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 11-1 9m5-9-4-7M2 11h20M3.5 11l1.6 7.4a2 2 0 0 0 2 1.6h9.8a2 2 0 0 0 2-1.6l1.7-7.4M4.5 15.5h15M5 11l4-7m0 7 1 9'/%3E%3C/svg%3E"); } .lucide--shopping-cart { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--shuffle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m18 14 4 4-4 4m0-20 4 4-4 4'/%3E%3Cpath d='M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22M2 6h1.972a4 4 0 0 1 3.6 2.2M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--smile { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--speaker { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2'/%3E%3Cpath d='M12 6h.01'/%3E%3Ccircle cx='12' cy='14' r='4'/%3E%3Cpath d='M12 14h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--square-pen { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a1 1 0 0 1 3 3l-9.013 9.014a2 2 0 0 1-.853.505l-2.873.84a.5.5 0 0 1-.62-.62l.84-2.873a2 2 0 0 1 .506-.852z'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--star { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.12 2.12 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.12 2.12 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.12 2.12 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.12 2.12 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.12 2.12 0 0 0 1.597-1.16z'/%3E%3C/svg%3E"); } .lucide--sun { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32 1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--sun-moon { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 2v2m2.837 12.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715M16 12a4 4 0 0 0-4-4m7-3-1.256 1.256M20 12h2'/%3E%3C/svg%3E"); } .lucide--table-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18'/%3E%3C/svg%3E"); } .lucide--tablet { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='16' height='20' x='4' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--tag { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z'/%3E%3Ccircle cx='7.5' cy='7.5' r='.5' fill='%23000'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--ticket { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Zm11-4v2m0 10v2m0-8v2'/%3E%3C/svg%3E"); } .lucide--trash-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 11v6m4-6v6m5-11v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E"); } .lucide--trending-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 7h6v6'/%3E%3Cpath d='m22 7-8.5 8.5-5-5L2 17'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--truck { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--upload { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3v12m5-7-5-5-5 5m14 7v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3C/svg%3E"); } .lucide--usb { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='10' cy='7' r='1'/%3E%3Ccircle cx='4' cy='20' r='1'/%3E%3Cpath d='M4.7 19.3 19 5m2-2-3 1 2 2ZM9.26 7.68 5 12l2 5m3-3 5 2 3.5-3.5'/%3E%3Cpath d='m18 12 1-1 1 1-1 1Z'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--user { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--user-check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 11 2 2 4-4m-6 12v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--user-lock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 16v-2a2 2 0 0 0-4 0v2m-5.5-1H7a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='10' cy='7' r='4'/%3E%3Crect width='8' height='5' x='13' y='16' rx='.899'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--user-plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M19 8v6m3-3h-6'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--users { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M16 3.128a4 4 0 0 1 0 7.744M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--users-round { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='10' cy='8' r='5'/%3E%3Cpath d='M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--video { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5'/%3E%3Crect width='14' height='12' x='2' y='6' rx='2'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--volume-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6m3.364 3.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E"); } .lucide--wallet { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1'/%3E%3Cpath d='M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--wand-sparkles { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21.64 3.64-1.28-1.28a1.21 1.21 0 0 0-1.72 0L2.36 18.64a1.21 1.21 0 0 0 0 1.72l1.28 1.28a1.2 1.2 0 0 0 1.72 0L21.64 5.36a1.2 1.2 0 0 0 0-1.72M14 7l3 3M5 6v4m14 4v4M10 2v2M7 8H3m18 8h-4M11 3H9'/%3E%3C/svg%3E"); } .lucide--watch { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 10v2.2l1.6 1m2.53-5.54-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05m.02 8.7.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05'/%3E%3Ccircle cx='12' cy='12' r='6'/%3E%3C/g%3E%3C/svg%3E"); } .lucide--wifi { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 20h.01M2 8.82a15 15 0 0 1 20 0M5 12.859a10 10 0 0 1 14 0m-10.5 3.57a5 5 0 0 1 7 0'/%3E%3C/svg%3E"); } .lucide--x { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); } .lucide--zap { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z'/%3E%3C/svg%3E"); } .lucide--zoom-in { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35M11 8v6m-3-3h6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--ad-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M11.933 5H5v16h13v-8m-4 4H9'/%3E%3Cpath d='M9 13h5V9H9zm6-8V3m3 3 2-2m-1 5h2'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--arrow-down { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-6-6 6m-6-6 6 6'/%3E%3C/svg%3E"); } .tabler--arrow-left { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12l6 6m-6-6 6-6'/%3E%3C/svg%3E"); } .tabler--arrow-right { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14m-6 6 6-6m-6-6 6 6'/%3E%3C/svg%3E"); } .tabler--arrow-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m6-8-6-6m-6 6 6-6'/%3E%3C/svg%3E"); } .tabler--basket { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 14a2 2 0 1 0 4 0 2 2 0 0 0-4 0'/%3E%3Cpath d='M5.001 8H19a2 2 0 0 1 1.977 2.304l-1.255 7.152A3 3 0 0 1 16.756 20H7.244a3 3 0 0 1-2.965-2.544l-1.255-7.152A2 2 0 0 1 5.001 8M17 10l-2-6m-8 6 2-6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--bell { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10 5a2 2 0 1 1 4 0 7 7 0 0 1 4 6v3a4 4 0 0 0 2 3H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6M9 17v1a3 3 0 0 0 6 0v-1'/%3E%3C/svg%3E"); } .tabler--bell-plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12.5 17H4a4 4 0 0 0 2-3v-3a7 7 0 0 1 4-6 2 2 0 1 1 4 0 7 7 0 0 1 4 6v1m-9 5v1a3 3 0 0 0 3.51 2.957M16 19h6m-3-3v6'/%3E%3C/svg%3E"); } .tabler--bluetooth { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 8 10 8-5 4V4l5 4-10 8'/%3E%3C/svg%3E"); } .tabler--book { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 19a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6a9 9 0 0 1 9 0 9 9 0 0 1 9 0M3 6v13m9-13v13m9-13v13'/%3E%3C/svg%3E"); } .tabler--brand-facebook { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7 10v4h3v7h4v-7h3l1-4h-4V8a1 1 0 0 1 1-1h3V3h-3a5 5 0 0 0-5 5v2z'/%3E%3C/svg%3E"); } .tabler--brand-instagram { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0m7.5-4.5v.01'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--brand-whatsapp { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 21 1.65-3.8a9 9 0 1 1 3.4 2.9z'/%3E%3Cpath d='M9 10a.5.5 0 0 0 1 0V9a.5.5 0 0 0-1 0za5 5 0 0 0 5 5h1a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--brand-x { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4 11.733 16H20L8.267 4zm0 16 6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E"); } .tabler--briefcase { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm5-2V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m-4 5v.01'/%3E%3Cpath d='M3 13a20 20 0 0 0 18 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--brush { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 21v-4a4 4 0 1 1 4 4z'/%3E%3Cpath d='M21 3A16 16 0 0 0 8.2 13.2M21 3a16 16 0 0 1-10.2 12.8'/%3E%3Cpath d='M10.6 9a9 9 0 0 1 4.4 4.4'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--bulb { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12h1m8-9v1m8 8h1M5.6 5.6l.7.7m12.1-.7-.7.7M9 16a5 5 0 1 1 6 0 3.5 3.5 0 0 0-1 3 2 2 0 0 1-4 0 3.5 3.5 0 0 0-1-3m.7 1h4.6'/%3E%3C/svg%3E"); } .tabler--camera { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 7h1a2 2 0 0 0 2-2 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 2 2 0 0 0 2 2h1a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2'/%3E%3Cpath d='M9 13a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--caret-right-filled { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 6c0-.852.986-1.297 1.623-.783l.084.076 6 6a1 1 0 0 1 .083 1.32l-.083.094-6 6-.094.083-.077.054-.096.054-.036.017-.067.027-.108.032-.053.01-.06.01-.057.004L10 19l-.059-.002-.058-.005-.06-.009-.052-.01-.108-.032-.067-.027-.132-.07-.09-.065-.081-.073-.083-.094-.054-.077-.054-.096-.017-.036-.027-.067-.032-.108-.01-.053-.01-.06-.004-.057z'/%3E%3C/svg%3E"); } .tabler--chart-bar { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 13a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm12-4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM9 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM4 20h14'/%3E%3C/svg%3E"); } .tabler--chart-pie-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 3v9h9'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--check { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m5 12 5 5L20 7'/%3E%3C/svg%3E"); } .tabler--checklist { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9.615 20H7a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8m-3 5 2 2 4-4M9 8h4m-4 4h2'/%3E%3C/svg%3E"); } .tabler--chevron-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 15 6-6 6 6'/%3E%3C/svg%3E"); } .tabler--circle-filled { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 3.34a10 10 0 1 1-4.995 8.984L2 12l.005-.324A10 10 0 0 1 7 3.34'/%3E%3C/svg%3E"); } .tabler--clipboard-list { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 7h.01M13 12h2m-6 4h.01M13 16h2'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--clock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--clock-hour-4 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0m9 0 3 2m-3-7v5'/%3E%3C/svg%3E"); } .tabler--cloud { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6.657 18C4.085 18 2 15.993 2 13.517s2.085-4.482 4.657-4.482c.393-1.762 1.794-3.2 3.675-3.773 1.88-.572 3.956-.193 5.444 1 1.488 1.19 2.162 3.007 1.77 4.769h.99c1.913 0 3.464 1.56 3.464 3.486s-1.551 3.487-3.465 3.487H6.657'/%3E%3C/svg%3E"); } .tabler--cloud-upload { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M7 18a4.6 4.4 0 0 1 0-9 5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1'/%3E%3Cpath d='m9 15 3-3 3 3m-3-3v9'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--credit-card { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2'/%3E%3C/svg%3E"); } .tabler--database { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--device-desktop { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 5a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1zm4 15h10m-8-4v4m6-4v4'/%3E%3C/svg%3E"); } .tabler--device-gamepad { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 8a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm4 4h4m-2-2v4m7-3v.01M18 13v.01'/%3E%3C/svg%3E"); } .tabler--device-speaker { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M9 14a3 3 0 1 0 6 0 3 3 0 1 0-6 0m3-7v.01'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--device-tablet { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z'/%3E%3Cpath d='M11 17a1 1 0 1 0 2 0 1 1 0 0 0-2 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--device-watch { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 9a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3zm3 9v3h6v-3M9 6V3h6v3'/%3E%3C/svg%3E"); } .tabler--dots-vertical { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 12a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 7a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0-14a1 1 0 1 0 2 0 1 1 0 1 0-2 0'/%3E%3C/svg%3E"); } .tabler--file { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--file-export { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M11.5 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v5m-5 6h7m-3-3 3 3-3 3'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--file-upload { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2m-5-10v6'/%3E%3Cpath d='M9.5 13.5 12 11l2.5 2.5'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--folder { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); } .tabler--headphones { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 15a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3Cpath d='M4 15v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--headset { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 14v-3a8 8 0 1 1 16 0v3m-2 5c0 1.657-2.686 3-6 3'/%3E%3Cpath d='M4 14a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm11 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--home { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 12H3l9-9 9 9h-2M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M9 21v-6a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--key { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m16.555 3.843 3.602 3.602a2.877 2.877 0 0 1 0 4.069l-2.643 2.643a2.877 2.877 0 0 1-4.069 0l-.301-.301-6.558 6.558a2 2 0 0 1-1.239.578L5.172 21H4a1 1 0 0 1-.993-.883L3 20v-1.172a2 2 0 0 1 .467-1.284l.119-.13L4 17h2v-2h2v-2l2.144-2.144-.301-.301a2.877 2.877 0 0 1 0-4.069l2.643-2.643a2.877 2.877 0 0 1 4.069 0M15 9h.01'/%3E%3C/svg%3E"); } .tabler--link { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 15 6-6m-4-3 .463-.536a5 5 0 0 1 7.071 7.072L18 13m-5 5-.397.534a5.07 5.07 0 0 1-7.127 0 4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E"); } .tabler--lock { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M5 13a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2z'/%3E%3Cpath d='M11 16a1 1 0 1 0 2 0 1 1 0 0 0-2 0m-3-5V7a4 4 0 1 1 8 0v4'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--mail { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--map-pin { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 11a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3Cpath d='M17.657 16.657 13.414 20.9a2 2 0 0 1-2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--message-dots { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 11v.01M8 11v.01m8-.01v.01M18 4a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3h-5l-5 3v-3H6a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3z'/%3E%3C/svg%3E"); } .tabler--microphone { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5a3 3 0 0 1 3-3 3 3 0 0 1 3 3v5a3 3 0 0 1-3 3 3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 10a7 7 0 0 0 14 0M8 21h8m-4-4v4'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--movie { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm4-2v16m8-16v16M4 8h4m-4 8h4m-4-4h16m-4-4h4m-4 8h4'/%3E%3C/svg%3E"); } .tabler--music { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0m10 0a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3Cpath d='M9 17V4h10v13M9 8h10'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--paperclip { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 7-6.5 6.5a1.5 1.5 0 0 0 3 3L18 10a3 3 0 0 0-6-6l-6.5 6.5a4.5 4.5 0 0 0 9 9L21 13'/%3E%3C/svg%3E"); } .tabler--phone { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E"); } .tabler--phone-call { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2m10 3a2 2 0 0 1 2 2m-2-6a6 6 0 0 1 6 6'/%3E%3C/svg%3E"); } .tabler--plus { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 5v14m-7-7h14'/%3E%3C/svg%3E"); } .tabler--printer { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M17 17h2a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2m10-8V5a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M7 15a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2z'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--refresh { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4'/%3E%3C/svg%3E"); } .tabler--report-analytics { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2'/%3E%3Cpath d='M9 5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2m0 12v-5m3 5v-1m3 1v-3'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--rotate-clockwise-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 4.55a8 8 0 0 1 6 14.9M15 15v5h5M5.63 7.16v.01M4.06 11v.01m.57 4.09v.01m2.53 3.26v.01M11 19.94v.01'/%3E%3C/svg%3E"); } .tabler--search { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0m18 11-6-6'/%3E%3C/svg%3E"); } .tabler--send-2 { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.698 4.034 21 12 4.698 19.966a.5.5 0 0 1-.546-.124.56.56 0 0 1-.12-.568L6.5 12 4.032 4.726a.56.56 0 0 1 .12-.568.5.5 0 0 1 .546-.124M6.5 12H21'/%3E%3C/svg%3E"); } .tabler--settings { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 0 0-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 0 0-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 0 0-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 0 0-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 0 0 1.066-2.573c-.94-1.543.826-3.31 2.37-2.37 1 .608 2.296.07 2.572-1.065'/%3E%3Cpath d='M9 12a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--share { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 12a3 3 0 1 0 6 0 3 3 0 1 0-6 0m12-6a3 3 0 1 0 6 0 3 3 0 1 0-6 0m0 12a3 3 0 1 0 6 0 3 3 0 1 0-6 0m-6.3-7.3 6.6-3.4m-6.6 6 6.6 3.4'/%3E%3C/svg%3E"); } .tabler--shield { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3a12 12 0 0 0 8.5 3A12 12 0 0 1 12 21 12 12 0 0 1 3.5 6 12 12 0 0 0 12 3'/%3E%3C/svg%3E"); } .tabler--shopping-cart { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 19a2 2 0 1 0 4 0 2 2 0 1 0-4 0m11 0a2 2 0 1 0 4 0 2 2 0 1 0-4 0'/%3E%3Cpath d='M17 17H6V3H4'/%3E%3Cpath d='m6 5 14 1-1 7H6'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--speakerphone { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 8a3 3 0 0 1 0 6m-8-6v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-5'/%3E%3Cpath d='m12 8 4.524-3.77A.9.9 0 0 1 18 4.922v12.156a.9.9 0 0 1-1.476.692L12 14H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--star { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m12 17.75-6.172 3.245 1.179-6.873-5-4.867 6.9-1 3.086-6.253 3.086 6.253 6.9 1-5 4.867 1.179 6.873z'/%3E%3C/svg%3E"); } .tabler--star-filled { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m8.243 7.34-6.38.925-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499-1.09 6.355-.013.11a1 1 0 0 0 1.464.944l5.706-3 5.693 3 .1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355 4.624-4.5.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926-2.852-5.78a1 1 0 0 0-1.794 0z'/%3E%3C/svg%3E"); } .tabler--star-half-filled { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a1 1 0 0 1 .823.443l.067.116 2.852 5.781 6.38.925c.741.108 1.08.94.703 1.526l-.07.095-.078.086-4.624 4.499 1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035-.101-.046-5.693-3-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11 1.09-6.355-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036.114-.023 6.379-.925 2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036.112.05 4.363 2.299-.836-4.873a1 1 0 0 1 .136-.696l.07-.099.082-.09 3.546-3.453-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097-.06-.106z'/%3E%3C/svg%3E"); } .tabler--trending-up { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m3 17 6-6 4 4 8-8'/%3E%3Cpath d='M14 7h7v7'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--usb { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 19a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-2V5.5M7 10v3l5 3m0-1.5 5-2V10m-1 0h2V8h-2z'/%3E%3Cpath d='M6 9a1 1 0 1 0 2 0 1 1 0 1 0-2 0m4-3.5h4L12 3z'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--user { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E"); } .tabler--user-circle { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0'/%3E%3Cpath d='M9 10a3 3 0 1 0 6 0 3 3 0 1 0-6 0m-2.832 8.849A4 4 0 0 1 10 16h4a4 4 0 0 1 3.834 2.855'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--user-cog { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h2.5m4.501 4a2 2 0 1 0 4 0 2 2 0 1 0-4 0m2-3.5V17m0 4v1.5m3.031-5.25-1.299.75m-3.463 2-1.3.75m0-3.5 1.3.75m3.463 2 1.3.75'/%3E%3C/svg%3E"); } .tabler--users { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 7a4 4 0 1 0 8 0 4 4 0 1 0-8 0M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2m1-17.87a4 4 0 0 1 0 7.75M21 21v-2a4 4 0 0 0-3-3.85'/%3E%3C/svg%3E"); } .tabler--wifi { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12 18h.01m-2.838-2.828a4 4 0 0 1 5.656 0m-8.485-2.829a8 8 0 0 1 11.314 0'/%3E%3Cpath d='M3.515 9.515c4.686-4.687 12.284-4.687 17 0'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--world { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8'/%3E%3Cpath d='M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18'/%3E%3C/g%3E%3C/svg%3E"); } .tabler--x { --svg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); } .transform-3d { transform-style: preserve-3d; } .\*\:flex { :is(& > *) { display: flex; } } .\*\:text-white\! { :is(& > *) { color: var(--color-white) !important; } } .not-placeholder-shown\:pt-6 { &:not(:-moz-placeholder) { padding-top: calc(var(--spacing) * 6); } &:not(:placeholder-shown) { padding-top: calc(var(--spacing) * 6); } } .not-placeholder-shown\:pb-2 { &:not(:-moz-placeholder) { padding-bottom: calc(var(--spacing) * 2); } &:not(:placeholder-shown) { padding-bottom: calc(var(--spacing) * 2); } } .group-hover\:translate-x-1 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:bg-primary-hover { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: var(--color-primary-hover); } } } .group-hover\:text-primary { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-primary); } } } .group-\[\.fullscreen-active\]\:hidden { &:is(:where(.group):is(.fullscreen-active) *) { display: none; } } .group-\[\.fullscreen-active\]\:inline-block { &:is(:where(.group):is(.fullscreen-active) *) { display: inline-block; } } .peer-not-placeholder-shown\:translate-x-0\.5 { &:is(:where(.peer):not(:-moz-placeholder) ~ *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } &:is(:where(.peer):not(:placeholder-shown) ~ *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-not-placeholder-shown\:-translate-y-1\.5 { &:is(:where(.peer):not(:-moz-placeholder) ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } &:is(:where(.peer):not(:placeholder-shown) ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-not-placeholder-shown\:scale-90 { &:is(:where(.peer):not(:-moz-placeholder) ~ *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } &:is(:where(.peer):not(:placeholder-shown) ~ *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-not-placeholder-shown\:text-default-500 { &:is(:where(.peer):not(:-moz-placeholder) ~ *) { color: var(--color-default-500); } &:is(:where(.peer):not(:placeholder-shown) ~ *) { color: var(--color-default-500); } } .peer-checked\:bg-default-100 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-default-100); } } .peer-checked\:bg-primary { &:is(:where(.peer):checked ~ *) { background-color: var(--color-primary); } } .peer-checked\:bg-secondary { &:is(:where(.peer):checked ~ *) { background-color: var(--color-secondary); } } .peer-checked\:bg-warning { &:is(:where(.peer):checked ~ *) { background-color: var(--color-warning); } } .peer-checked\:text-white { &:is(:where(.peer):checked ~ *) { color: var(--color-white); } } .peer-placeholder-shown\:top-3\.5 { &:is(:where(.peer):-moz-placeholder ~ *) { top: calc(var(--spacing) * 3.5); } &:is(:where(.peer):placeholder-shown ~ *) { top: calc(var(--spacing) * 3.5); } } .peer-placeholder-shown\:text-sm { &:is(:where(.peer):-moz-placeholder ~ *) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } &:is(:where(.peer):placeholder-shown ~ *) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .peer-placeholder-shown\:text-default-400 { &:is(:where(.peer):-moz-placeholder ~ *) { color: var(--color-default-400); } &:is(:where(.peer):placeholder-shown ~ *) { color: var(--color-default-400); } } .peer-focus\:top-1\.5 { &:is(:where(.peer):focus ~ *) { top: calc(var(--spacing) * 1.5); } } .peer-focus\:translate-x-0\.5 { &:is(:where(.peer):focus ~ *) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:-translate-y-1\.5 { &:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .peer-focus\:scale-90 { &:is(:where(.peer):focus ~ *) { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .peer-focus\:border-0 { &:is(:where(.peer):focus ~ *) { border-style: var(--tw-border-style); border-width: 0; } } .peer-focus\:text-xs { &:is(:where(.peer):focus ~ *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .peer-focus\:text-default-500 { &:is(:where(.peer):focus ~ *) { color: var(--color-default-500); } } .peer-focus\:ring-0 { &:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .file\:me-4 { &::file-selector-button { margin-inline-end: calc(var(--spacing) * 4); } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } } .file\:bg-default-100 { &::file-selector-button { background-color: var(--color-default-100); } } .file\:px-3 { &::file-selector-button { padding-inline: calc(var(--spacing) * 3); } } .file\:py-2 { &::file-selector-button { padding-block: calc(var(--spacing) * 2); } } .placeholder\:text-transparent { &::-moz-placeholder { color: transparent; } &::placeholder { color: transparent; } } .placeholder\:opacity-50 { &::-moz-placeholder { opacity: 50%; } &::placeholder { opacity: 50%; } } .before\:absolute { &:before { content: var(--tw-content); position: absolute; } } .before\:start-0 { &:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } } .before\:-end-5 { &:before { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * -5); } } .before\:-top-4 { &:before { content: var(--tw-content); top: calc(var(--spacing) * -4); } } .before\:top-0 { &:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .before\:hidden { &:before { content: var(--tw-content); display: none; } } .before\:h-4\.5 { &:before { content: var(--tw-content); height: calc(var(--spacing) * 4.5); } } .before\:h-5 { &:before { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .before\:h-full { &:before { content: var(--tw-content); height: 100%; } } .before\:w-5 { &:before { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .before\:w-full { &:before { content: var(--tw-content); width: 100%; } } .before\:w-px { &:before { content: var(--tw-content); width: 1px; } } .before\:bg-default-700\/35 { &:before { background-color: color-mix(in srgb, #6c757d 35%, transparent); content: var(--tw-content); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-700) 35%, transparent ); } } } .before\:content-\[\'\'\] { &:before { --tw-content: ""; content: var(--tw-content); } } .after\:absolute { &:after { content: var(--tw-content); position: absolute; } } .after\:inset-0 { &:after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } } .after\:start-1\/2 { &:after { content: var(--tw-content); inset-inline-start: 50%; } } .after\:start-2 { &:after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 2); } } .after\:top-0 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } } .after\:top-1 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 1); } } .after\:top-3 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 3); } } .after\:top-4 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 4); } } .after\:top-7 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 7); } } .after\:top-8 { &:after { content: var(--tw-content); top: calc(var(--spacing) * 8); } } .after\:bottom-0 { &:after { bottom: calc(var(--spacing) * 0); content: var(--tw-content); } } .after\:h-\[calc\(100\%-4px\)\] { &:after { content: var(--tw-content); height: calc(100% - 4px); } } .after\:w-0\.5 { &:after { content: var(--tw-content); width: calc(var(--spacing) * 0.5); } } .after\:w-px { &:after { content: var(--tw-content); width: 1px; } } .after\:border { &:after { border-style: var(--tw-border-style); border-width: 1px; content: var(--tw-content); } } .after\:border-e { &:after { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; content: var(--tw-content); } } .after\:border-dashed { &:after { content: var(--tw-content); --tw-border-style: dashed; border-style: dashed; } } .after\:border-default-300 { &:after { border-color: var(--color-default-300); content: var(--tw-content); } } .after\:bg-gray-100 { &:after { background-color: var(--color-gray-100); content: var(--tw-content); } } .first\:rounded-s-md { &:first-child { border-end-start-radius: var(--radius-md); border-start-start-radius: var(--radius-md); } } .last\:rounded-e-md { &:last-child { border-end-end-radius: var(--radius-md); border-start-end-radius: var(--radius-md); } } .last\:after\:hidden { &:last-child { &:after { content: var(--tw-content); display: none; } } } .odd\:bg-default-100 { &:nth-child(odd) { background-color: var(--color-default-100); } } .checked\:bg-danger\! { &:checked { background-color: var(--color-danger) !important; } } .checked\:bg-dark\! { &:checked { background-color: var(--color-dark) !important; } } .checked\:bg-info\! { &:checked { background-color: var(--color-info) !important; } } .checked\:bg-primary\! { &:checked { background-color: var(--color-primary) !important; } } .checked\:bg-secondary\! { &:checked { background-color: var(--color-secondary) !important; } } .checked\:bg-success\! { &:checked { background-color: var(--color-success) !important; } } .checked\:bg-warning\! { &:checked { background-color: var(--color-warning) !important; } } .autofill\:pt-6 { &:-webkit-autofill { padding-top: calc(var(--spacing) * 6); } &:autofill { padding-top: calc(var(--spacing) * 6); } } .autofill\:pb-2 { &:-webkit-autofill { padding-bottom: calc(var(--spacing) * 2); } &:autofill { padding-bottom: calc(var(--spacing) * 2); } } .hover\:z-10 { &:hover { @media (hover: hover) { z-index: 10; } } } .hover\:-translate-y-0\.5 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-1 { &:hover { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:border-default-400 { &:hover { @media (hover: hover) { border-color: var(--color-default-400); } } } .hover\:border-default-400\/50 { &:hover { @media (hover: hover) { border-bottom-color: color-mix( in srgb, #9ba6b7 50%, transparent ); border-left-color: color-mix(in srgb, #9ba6b7 50%, transparent); border-right-color: color-mix( in srgb, #9ba6b7 50%, transparent ); border-top-color: color-mix(in srgb, #9ba6b7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-default-400) 50%, transparent ); } } } } .hover\:border-default-400\/75 { &:hover { @media (hover: hover) { border-bottom-color: color-mix( in srgb, #9ba6b7 75%, transparent ); border-left-color: color-mix(in srgb, #9ba6b7 75%, transparent); border-right-color: color-mix( in srgb, #9ba6b7 75%, transparent ); border-top-color: color-mix(in srgb, #9ba6b7 75%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-default-400) 75%, transparent ); } } } } .hover\:border-primary { &:hover { @media (hover: hover) { border-color: var(--color-primary); } } } .hover\:bg-danger { &:hover { @media (hover: hover) { background-color: var(--color-danger); } } } .hover\:bg-danger-hover { &:hover { @media (hover: hover) { background-color: var(--color-danger-hover); } } } .hover\:bg-danger\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1556c 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-danger) 40%, transparent ); } } } } .hover\:bg-dark { &:hover { @media (hover: hover) { background-color: var(--color-dark); } } } .hover\:bg-dark-hover { &:hover { @media (hover: hover) { background-color: var(--color-dark-hover); } } } .hover\:bg-dark\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #313a46 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 40%, transparent ); } } } } .hover\:bg-default-50 { &:hover { @media (hover: hover) { background-color: var(--color-default-50); } } } .hover\:bg-default-100 { &:hover { @media (hover: hover) { background-color: var(--color-default-100); } } } .hover\:bg-default-800 { &:hover { @media (hover: hover) { background-color: var(--color-default-800); } } } .hover\:bg-emerald-500 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-500); } } } .hover\:bg-info { &:hover { @media (hover: hover) { background-color: var(--color-info); } } } .hover\:bg-info-hover { &:hover { @media (hover: hover) { background-color: var(--color-info-hover); } } } .hover\:bg-info\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #43bfe5 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-info) 40%, transparent ); } } } } .hover\:bg-light { &:hover { @media (hover: hover) { background-color: var(--color-light); } } } .hover\:bg-light-hover { &:hover { @media (hover: hover) { background-color: var(--color-light-hover); } } } .hover\:bg-light\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #eef2f7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 40%, transparent ); } } } } .hover\:bg-primary { &:hover { @media (hover: hover) { background-color: var(--color-primary); } } } .hover\:bg-primary-hover { &:hover { @media (hover: hover) { background-color: var(--color-primary-hover); } } } .hover\:bg-primary-hover\! { &:hover { @media (hover: hover) { background-color: var(--color-primary-hover) !important; } } } .hover\:bg-primary\/15 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } } } } .hover\:bg-primary\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #6658dd 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 40%, transparent ); } } } } .hover\:bg-secondary { &:hover { @media (hover: hover) { background-color: var(--color-secondary); } } } .hover\:bg-secondary-hover { &:hover { @media (hover: hover) { background-color: var(--color-secondary-hover); } } } .hover\:bg-secondary\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #4a81d4 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-secondary) 40%, transparent ); } } } } .hover\:bg-success { &:hover { @media (hover: hover) { background-color: var(--color-success); } } } .hover\:bg-success-hover { &:hover { @media (hover: hover) { background-color: var(--color-success-hover); } } } .hover\:bg-success\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0acf97 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 40%, transparent ); } } } } .hover\:bg-warning { &:hover { @media (hover: hover) { background-color: var(--color-warning); } } } .hover\:bg-warning-hover { &:hover { @media (hover: hover) { background-color: var(--color-warning-hover); } } } .hover\:bg-warning\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f7b84b 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 40%, transparent ); } } } } .hover\:bg-linear-to-bl { &:hover { @media (hover: hover) { --tw-gradient-position: to bottom left; @supports ( background-image: linear-gradient(in lab, red, red) ) { --tw-gradient-position: to bottom left in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:bg-linear-to-l { &:hover { @media (hover: hover) { --tw-gradient-position: to left; @supports ( background-image: linear-gradient(in lab, red, red) ) { --tw-gradient-position: to left in oklab; } background-image: linear-gradient(var(--tw-gradient-stops)); } } } .hover\:text-danger { &:hover { @media (hover: hover) { color: var(--color-danger); } } } .hover\:text-danger-hover { &:hover { @media (hover: hover) { color: var(--color-danger-hover); } } } .hover\:text-dark { &:hover { @media (hover: hover) { color: var(--color-dark); } } } .hover\:text-dark-hover { &:hover { @media (hover: hover) { color: var(--color-dark-hover); } } } .hover\:text-default-50 { &:hover { @media (hover: hover) { color: var(--color-default-50); } } } .hover\:text-default-500 { &:hover { @media (hover: hover) { color: var(--color-default-500); } } } .hover\:text-info-hover { &:hover { @media (hover: hover) { color: var(--color-info-hover); } } } .hover\:text-light-hover { &:hover { @media (hover: hover) { color: var(--color-light-hover); } } } .hover\:text-primary { &:hover { @media (hover: hover) { color: var(--color-primary); } } } .hover\:text-primary-hover { &:hover { @media (hover: hover) { color: var(--color-primary-hover); } } } .hover\:text-secondary { &:hover { @media (hover: hover) { color: var(--color-secondary); } } } .hover\:text-secondary-hover { &:hover { @media (hover: hover) { color: var(--color-secondary-hover); } } } .hover\:text-success { &:hover { @media (hover: hover) { color: var(--color-success); } } } .hover\:text-success-hover { &:hover { @media (hover: hover) { color: var(--color-success-hover); } } } .hover\:text-warning-hover { &:hover { @media (hover: hover) { color: var(--color-warning-hover); } } } .hover\:text-white { &:hover { @media (hover: hover) { color: var(--color-white); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-10 { &:hover { @media (hover: hover) { opacity: 10%; } } } .hover\:opacity-25 { &:hover { @media (hover: hover) { opacity: 25%; } } } .hover\:opacity-50 { &:hover { @media (hover: hover) { opacity: 50%; } } } .hover\:opacity-75 { &:hover { @media (hover: hover) { opacity: 75%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-lg { &:hover { @media (hover: hover) { --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .\*\:hover\:bg-default-100 { :is(& > *) { &:hover { @media (hover: hover) { background-color: var(--color-default-100); } } } } .focus\:border-0 { &:focus { border-style: var(--tw-border-style); border-width: 0; } } .focus\:border-0\! { &:focus { border-style: var(--tw-border-style) !important; border-width: 0 !important; } } .focus\:border-default-500 { &:focus { border-color: var(--color-default-500); } } .focus\:bg-default-100 { &:focus { background-color: var(--color-default-100); } } .focus\:pt-6 { &:focus { padding-top: calc(var(--spacing) * 6); } } .focus\:pb-2 { &:focus { padding-bottom: calc(var(--spacing) * 2); } } .focus\:text-primary { &:focus { color: var(--color-primary); } } .focus\:underline { &:focus { text-decoration-line: underline; } } .focus\:opacity-80 { &:focus { opacity: 80%; } } .focus\:opacity-100 { &:focus { opacity: 100%; } } .focus\:ring { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-default-300 { &:focus { --tw-ring-color: var(--color-default-300); } } .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .sm\:mx-auto { @media (width >= 40rem) { margin-inline: auto; } } .sm\:mt-0 { @media (width >= 40rem) { margin-top: calc(var(--spacing) * 0); } } .sm\:inline { @media (width >= 40rem) { display: inline; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:h-auto { @media (width >= 40rem) { height: auto; } } .sm\:max-h-none { @media (width >= 40rem) { max-height: none; } } .sm\:w-2\/3 { @media (width >= 40rem) { width: 66.66667%; } } .sm\:w-full { @media (width >= 40rem) { width: 100%; } } .sm\:max-w-full { @media (width >= 40rem) { max-width: 100%; } } .sm\:max-w-lg { @media (width >= 40rem) { max-width: var(--container-lg); } } .sm\:text-sm { @media (width >= 40rem) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:end-full { @media (width >= 48rem) { inset-inline-end: 100%; } } .md\:top-0 { @media (width >= 48rem) { top: calc(var(--spacing) * 0); } } .md\:col-span-1 { @media (width >= 48rem) { grid-column: span 1 / span 1; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:col-span-3 { @media (width >= 48rem) { grid-column: span 3 / span 3; } } .md\:col-span-4 { @media (width >= 48rem) { grid-column: span 4 / span 4; } } .md\:col-span-5 { @media (width >= 48rem) { grid-column: span 5 / span 5; } } .md\:col-span-6 { @media (width >= 48rem) { grid-column: span 6 / span 6; } } .md\:col-span-12 { @media (width >= 48rem) { grid-column: span 12 / span 12; } } .md\:col-start-2 { @media (width >= 48rem) { grid-column-start: 2; } } .md\:mx-2\.5\! { @media (width >= 48rem) { margin-inline: calc(var(--spacing) * 2.5) !important; } } .md\:mx-auto { @media (width >= 48rem) { margin-inline: auto; } } .md\:ms-auto { @media (width >= 48rem) { margin-inline-start: auto; } } .md\:mt-0 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 0); } } .md\:mt-2 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 2); } } .md\:mt-7\.5 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 7.5); } } .md\:mt-15 { @media (width >= 48rem) { margin-top: calc(var(--spacing) * 15); } } .md\:mb-0 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-7\.5 { @media (width >= 48rem) { margin-bottom: calc(var(--spacing) * 7.5); } } .md\:block { @media (width >= 48rem) { display: block; } } .md\:flex { @media (width >= 48rem) { display: flex; } } .md\:hidden { @media (width >= 48rem) { display: none; } } .md\:inline-flex { @media (width >= 48rem) { display: inline-flex; } } .md\:size-16 { @media (width >= 48rem) { height: calc(var(--spacing) * 16); width: calc(var(--spacing) * 16); } } .md\:size-64 { @media (width >= 48rem) { height: calc(var(--spacing) * 64); width: calc(var(--spacing) * 64); } } .md\:h-auto { @media (width >= 48rem) { height: auto; } } .md\:max-h-none { @media (width >= 48rem) { max-height: none; } } .md\:w-1\/2 { @media (width >= 48rem) { width: 50%; } } .md\:w-1\/3 { @media (width >= 48rem) { width: 33.33333%; } } .md\:w-2xl { @media (width >= 48rem) { width: var(--container-2xl); } } .md\:w-3\/4 { @media (width >= 48rem) { width: 75%; } } .md\:w-5\/6 { @media (width >= 48rem) { width: 83.33333%; } } .md\:w-25 { @media (width >= 48rem) { width: calc(var(--spacing) * 25); } } .md\:w-48 { @media (width >= 48rem) { width: calc(var(--spacing) * 48); } } .md\:w-52 { @media (width >= 48rem) { width: calc(var(--spacing) * 52); } } .md\:w-80 { @media (width >= 48rem) { width: calc(var(--spacing) * 80); } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:w-full { @media (width >= 48rem) { width: 100%; } } .md\:w-lg { @media (width >= 48rem) { width: var(--container-lg); } } .md\:max-w-2xl { @media (width >= 48rem) { max-width: var(--container-2xl); } } .md\:max-w-118 { @media (width >= 48rem) { max-width: calc(var(--spacing) * 118); } } .md\:max-w-lg { @media (width >= 48rem) { max-width: var(--container-lg); } } .md\:max-w-xl { @media (width >= 48rem) { max-width: var(--container-xl); } } .md\:min-w-3xl { @media (width >= 48rem) { min-width: var(--container-3xl); } } .md\:min-w-106 { @media (width >= 48rem) { min-width: calc(var(--spacing) * 106); } } .md\:min-w-160 { @media (width >= 48rem) { min-width: calc(var(--spacing) * 160); } } .md\:grid-cols-1 { @media (width >= 48rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-6 { @media (width >= 48rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .md\:grid-cols-12 { @media (width >= 48rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .md\:flex-nowrap { @media (width >= 48rem) { flex-wrap: nowrap; } } .md\:items-center { @media (width >= 48rem) { align-items: center; } } .md\:justify-between { @media (width >= 48rem) { justify-content: space-between; } } .md\:justify-center { @media (width >= 48rem) { justify-content: center; } } .md\:justify-end { @media (width >= 48rem) { justify-content: flex-end; } } .md\:gap-0 { @media (width >= 48rem) { gap: calc(var(--spacing) * 0); } } .md\:gap-7\.5 { @media (width >= 48rem) { gap: calc(var(--spacing) * 7.5); } } .md\:rounded-lg { @media (width >= 48rem) { border-radius: var(--radius-lg); } } .md\:rounded-none { @media (width >= 48rem) { border-radius: 0; } } .md\:rounded-xl { @media (width >= 48rem) { border-radius: var(--radius-xl); } } .md\:rounded-s-none { @media (width >= 48rem) { border-end-start-radius: 0; border-start-start-radius: 0; } } .md\:rounded-s-sm { @media (width >= 48rem) { border-end-start-radius: var(--radius-sm); border-start-start-radius: var(--radius-sm); } } .md\:rounded-e-none { @media (width >= 48rem) { border-end-end-radius: 0; border-start-end-radius: 0; } } .md\:rounded-e-sm { @media (width >= 48rem) { border-end-end-radius: var(--radius-sm); border-start-end-radius: var(--radius-sm); } } .md\:border { @media (width >= 48rem) { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: var(--tw-border-style); border-top-width: 1px; } } .md\:border-0 { @media (width >= 48rem) { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; border-style: var(--tw-border-style); border-top-width: 0; } } .md\:border-e { @media (width >= 48rem) { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } } .md\:bg-white { @media (width >= 48rem) { background-color: var(--color-white); } } .md\:p-5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 5); } } .md\:p-6 { @media (width >= 48rem) { padding: calc(var(--spacing) * 6); } } .md\:p-7\.5 { @media (width >= 48rem) { padding: calc(var(--spacing) * 7.5); } } .md\:px-6 { @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 6); } } .md\:ps-1 { @media (width >= 48rem) { padding-inline-start: calc(var(--spacing) * 1); } } .md\:pe-2 { @media (width >= 48rem) { padding-inline-end: calc(var(--spacing) * 2); } } .md\:pe-40 { @media (width >= 48rem) { padding-inline-end: calc(var(--spacing) * 40); } } .md\:pb-0 { @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 0); } } .md\:text-\[33px\] { @media (width >= 48rem) { font-size: 33px; } } .md\:shadow-2xs { @media (width >= 48rem) { --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .md\:shadow-md { @media (width >= 48rem) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .md\:duration-\[150ms\] { @media (width >= 48rem) { --tw-duration: 150ms; transition-duration: 0.15s; } } .md\:\[--adaptive\:adaptive\] { @media (width >= 48rem) { --adaptive: adaptive; } } .md\:\[--is-collapse\:false\] { @media (width >= 48rem) { --is-collapse: false; } } .md\:\[--scrollspy-offset\:70\] { @media (width >= 48rem) { --scrollspy-offset: 70; } } .md\:\[--strategy\:absolute\] { @media (width >= 48rem) { --strategy: absolute; } } .md\:\[--strategy\:fixed\] { @media (width >= 48rem) { --strategy: fixed; } } .md\:\[--trigger\:hover\] { @media (width >= 48rem) { --trigger: hover; } } .md\:before\:block { @media (width >= 48rem) { &:before { content: var(--tw-content); display: block; } } } .md\:after\:hidden { @media (width >= 48rem) { &:after { content: var(--tw-content); display: none; } } } .lg\:static { @media (width >= 64rem) { position: static; } } .lg\:sticky { @media (width >= 64rem) { position: sticky; } } .lg\:end-auto { @media (width >= 64rem) { inset-inline-end: auto; } } .lg\:top-22 { @media (width >= 64rem) { top: calc(var(--spacing) * 22); } } .lg\:bottom-0 { @media (width >= 64rem) { bottom: calc(var(--spacing) * 0); } } .lg\:z-10 { @media (width >= 64rem) { z-index: 10; } } .lg\:order-1 { @media (width >= 64rem) { order: 1; } } .lg\:order-2 { @media (width >= 64rem) { order: 2; } } .lg\:col-span-1 { @media (width >= 64rem) { grid-column: span 1 / span 1; } } .lg\:col-span-2 { @media (width >= 64rem) { grid-column: span 2 / span 2; } } .lg\:col-span-3 { @media (width >= 64rem) { grid-column: span 3 / span 3; } } .lg\:col-span-4 { @media (width >= 64rem) { grid-column: span 4 / span 4; } } .lg\:col-span-5 { @media (width >= 64rem) { grid-column: span 5 / span 5; } } .lg\:col-span-6 { @media (width >= 64rem) { grid-column: span 6 / span 6; } } .lg\:col-span-7 { @media (width >= 64rem) { grid-column: span 7 / span 7; } } .lg\:mx-auto { @media (width >= 64rem) { margin-inline: auto; } } .lg\:ms-24 { @media (width >= 64rem) { margin-inline-start: calc(var(--spacing) * 24); } } .lg\:ms-56 { @media (width >= 64rem) { margin-inline-start: calc(var(--spacing) * 56); } } .lg\:ms-auto { @media (width >= 64rem) { margin-inline-start: auto; } } .lg\:me-3 { @media (width >= 64rem) { margin-inline-end: calc(var(--spacing) * 3); } } .lg\:mt-0 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 0); } } .lg\:mt-7\.5 { @media (width >= 64rem) { margin-top: calc(var(--spacing) * 7.5); } } .lg\:mb-0 { @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 0); } } .lg\:block { @media (width >= 64rem) { display: block; } } .lg\:block\! { @media (width >= 64rem) { display: block !important; } } .lg\:flex { @media (width >= 64rem) { display: flex; } } .lg\:hidden { @media (width >= 64rem) { display: none; } } .lg\:hidden\! { @media (width >= 64rem) { display: none !important; } } .lg\:inline-block { @media (width >= 64rem) { display: inline-block; } } .lg\:inline-flex { @media (width >= 64rem) { display: inline-flex; } } .lg\:size-9 { @media (width >= 64rem) { height: calc(var(--spacing) * 9); width: calc(var(--spacing) * 9); } } .lg\:h-\[calc\(100vh-190px\)\] { @media (width >= 64rem) { height: calc(100vh - 190px); } } .lg\:h-\[calc\(100vh-192px\)\] { @media (width >= 64rem) { height: calc(100vh - 192px); } } .lg\:h-\[calc\(100vh-200px\)\] { @media (width >= 64rem) { height: calc(100vh - 200px); } } .lg\:h-\[calc\(100vh-265px\)\] { @media (width >= 64rem) { height: calc(100vh - 265px); } } .lg\:h-\[calc\(100vh-270px\)\] { @media (width >= 64rem) { height: calc(100vh - 270px); } } .lg\:h-\[calc\(100vh-275px\)\] { @media (width >= 64rem) { height: calc(100vh - 275px); } } .lg\:h-\[calc\(100vh-334px\)\] { @media (width >= 64rem) { height: calc(100vh - 334px); } } .lg\:h-auto { @media (width >= 64rem) { height: auto; } } .lg\:max-h-none { @media (width >= 64rem) { max-height: none; } } .lg\:min-h-120 { @media (width >= 64rem) { min-height: calc(var(--spacing) * 120); } } .lg\:w-1\/2 { @media (width >= 64rem) { width: 50%; } } .lg\:w-2\/3 { @media (width >= 64rem) { width: 66.66667%; } } .lg\:w-3\/4 { @media (width >= 64rem) { width: 75%; } } .lg\:w-3xl { @media (width >= 64rem) { width: var(--container-3xl); } } .lg\:w-10\/12 { @media (width >= 64rem) { width: 83.33333%; } } .lg\:w-11\/12 { @media (width >= 64rem) { width: 91.66667%; } } .lg\:w-72 { @media (width >= 64rem) { width: calc(var(--spacing) * 72); } } .lg\:w-75 { @media (width >= 64rem) { width: calc(var(--spacing) * 75); } } .lg\:w-187\.75 { @media (width >= 64rem) { width: calc(var(--spacing) * 187.75); } } .lg\:w-auto { @media (width >= 64rem) { width: auto; } } .lg\:w-full { @media (width >= 64rem) { width: 100%; } } .lg\:w-sm { @media (width >= 64rem) { width: var(--container-sm); } } .lg\:max-w-3xl { @media (width >= 64rem) { max-width: var(--container-3xl); } } .lg\:max-w-5xl { @media (width >= 64rem) { max-width: var(--container-5xl); } } .lg\:max-w-full { @media (width >= 64rem) { max-width: 100%; } } .lg\:max-w-lg { @media (width >= 64rem) { max-width: var(--container-lg); } } .lg\:max-w-xs { @media (width >= 64rem) { max-width: var(--container-xs); } } .lg\:min-w-auto { @media (width >= 64rem) { min-width: auto; } } .lg\:translate-x-0 { @media (width >= 64rem) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .lg\:grid-cols-1 { @media (width >= 64rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 64rem) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 64rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:grid-cols-12 { @media (width >= 64rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 64rem) { flex-direction: row; } } .lg\:flex-nowrap { @media (width >= 64rem) { flex-wrap: nowrap; } } .lg\:items-center { @media (width >= 64rem) { align-items: center; } } .lg\:justify-end { @media (width >= 64rem) { justify-content: flex-end; } } .lg\:justify-start { @media (width >= 64rem) { justify-content: flex-start; } } .lg\:gap-1\.25 { @media (width >= 64rem) { gap: calc(var(--spacing) * 1.25); } } .lg\:gap-3 { @media (width >= 64rem) { gap: calc(var(--spacing) * 3); } } .lg\:gap-9 { @media (width >= 64rem) { gap: calc(var(--spacing) * 9); } } .lg\:gap-base { @media (width >= 64rem) { gap: var(--spacing-base); } } .lg\:rounded-xl { @media (width >= 64rem) { border-radius: var(--radius-xl); } } .lg\:border { @media (width >= 64rem) { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: var(--tw-border-style); border-top-width: 1px; } } .lg\:p-0 { @media (width >= 64rem) { padding: calc(var(--spacing) * 0); } } .lg\:p-2 { @media (width >= 64rem) { padding: calc(var(--spacing) * 2); } } .lg\:py-26 { @media (width >= 64rem) { padding-block: calc(var(--spacing) * 26); } } .lg\:pe-7\.5 { @media (width >= 64rem) { padding-inline-end: calc(var(--spacing) * 7.5); } } .lg\:pt-26 { @media (width >= 64rem) { padding-top: calc(var(--spacing) * 26); } } .lg\:text-\[40px\] { @media (width >= 64rem) { font-size: 40px; } } .lg\:shadow-2xs { @media (width >= 64rem) { --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .lg\:\[--adaptive\:adaptive\] { @media (width >= 64rem) { --adaptive: adaptive; } } .lg\:\[--placement\:bottom-right\] { @media (width >= 64rem) { --placement: bottom-right; } } .lg\:\[--strategy\:fixed\] { @media (width >= 64rem) { --strategy: fixed; } } .xl\:col-span-2 { @media (width >= 80rem) { grid-column: span 2 / span 2; } } .xl\:col-span-3 { @media (width >= 80rem) { grid-column: span 3 / span 3; } } .xl\:col-span-5 { @media (width >= 80rem) { grid-column: span 5 / span 5; } } .xl\:col-span-7 { @media (width >= 80rem) { grid-column: span 7 / span 7; } } .xl\:col-span-9 { @media (width >= 80rem) { grid-column: span 9 / span 9; } } .xl\:mx-auto { @media (width >= 80rem) { margin-inline: auto; } } .xl\:mt-0 { @media (width >= 80rem) { margin-top: calc(var(--spacing) * 0); } } .xl\:flex { @media (width >= 80rem) { display: flex; } } .xl\:inline-flex { @media (width >= 80rem) { display: inline-flex; } } .xl\:h-auto { @media (width >= 80rem) { height: auto; } } .xl\:max-h-none { @media (width >= 80rem) { max-height: none; } } .xl\:w-1\/2 { @media (width >= 80rem) { width: 50%; } } .xl\:max-w-lg { @media (width >= 80rem) { max-width: var(--container-lg); } } .xl\:max-w-xl { @media (width >= 80rem) { max-width: var(--container-xl); } } .xl\:grid-cols-1 { @media (width >= 80rem) { grid-template-columns: repeat(1, minmax(0, 1fr)); } } .xl\:grid-cols-2 { @media (width >= 80rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 80rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:grid-cols-12 { @media (width >= 80rem) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .xl\:rounded-xl { @media (width >= 80rem) { border-radius: var(--radius-xl); } } .xl\:border { @media (width >= 80rem) { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-style: var(--tw-border-style); border-top-width: 1px; } } .xl\:shadow-2xs { @media (width >= 80rem) { --tw-shadow: 0 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .\32 xl\:col-span-3 { @media (width >= 96rem) { grid-column: span 3 / span 3; } } .\32 xl\:hidden { @media (width >= 96rem) { display: none; } } .\32 xl\:w-4\/10 { @media (width >= 96rem) { width: 40%; } } .\32 xl\:w-5\/6 { @media (width >= 96rem) { width: 83.33333%; } } .\32 xl\:w-10\/12 { @media (width >= 96rem) { width: 83.33333%; } } .\32 xl\:grid-cols-2 { @media (width >= 96rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .\32 xl\:grid-cols-4 { @media (width >= 96rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .rtl\:-translate-x-full { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } .rtl\:rotate-180 { &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } } .dark\:flex { &:where([data-theme="dark"], [data-theme="dark"] *) { display: flex; } } .dark\:hidden { &:where([data-theme="dark"], [data-theme="dark"] *) { display: none; } } .dark\:scale-0 { &:where([data-theme="dark"], [data-theme="dark"] *) { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .dark\:scale-100 { &:where([data-theme="dark"], [data-theme="dark"] *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .dark\:-rotate-90 { &:where([data-theme="dark"], [data-theme="dark"] *) { rotate: -90deg; } } .dark\:rotate-0 { &:where([data-theme="dark"], [data-theme="dark"] *) { rotate: 0deg; } } .dark\:divide-neutral-700 { &:where([data-theme="dark"], [data-theme="dark"] *) { :where(& > :not(:last-child)) { border-color: var(--color-neutral-700); } } } .dark\:bg-body-bg { &:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-body-bg); } } .dark\:bg-default-100 { &:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-default-100); } } .dark\:bg-neutral-800 { &:where([data-theme="dark"], [data-theme="dark"] *) { background-color: var(--color-neutral-800); } } .dark\:text-white { &:where([data-theme="dark"], [data-theme="dark"] *) { color: var(--color-white); } } .dark\:after\:bg-neutral-700 { &:where([data-theme="dark"], [data-theme="dark"] *) { &:after { background-color: var(--color-neutral-700); content: var(--tw-content); } } } .dark\:md\:bg-neutral-800 { &:where([data-theme="dark"], [data-theme="dark"] *) { @media (width >= 48rem) { background-color: var(--color-neutral-800); } } } .print\:flex { @media print { display: flex; } } .print\:hidden { @media print { display: none; } } .hs-dropdown-open\:rotate-180 { &.hs-dropdown-menu.open, .hs-dropdown.open > &, .hs-dropdown.open > .hs-dropdown-menu > &, .hs-dropdown.open > .hs-dropdown-toggle & { rotate: 180deg; } } .hs-dropdown-open\:opacity-100 { &.hs-dropdown-menu.open, .hs-dropdown.open > &, .hs-dropdown.open > .hs-dropdown-menu > &, .hs-dropdown.open > .hs-dropdown-toggle & { opacity: 100%; } } .hs-removing\:translate-x-5 { &.hs-removing { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } } .hs-removing\:opacity-0 { &.hs-removing { opacity: 0; } } .hs-tooltip-shown\:visible { &.hs-tooltip-content.show, .hs-tooltip.show & { visibility: visible; } } .hs-tooltip-shown\:opacity-100 { &.hs-tooltip-content.show, .hs-tooltip.show & { opacity: 100%; } } .hs-accordion-active\:flex { &.hs-accordion.active, .hs-accordion.active > &, .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle &, .hs-accordion.active > .hs-accordion-toggle & { display: flex; } &.hs-accordion-toggle { .hs-accordion.active > & { display: flex; } } &.hs-accordion-toggle { .hs-accordion.active > .hs-accordion-heading > & { display: flex; } } &.hs-accordion-force-active { .hs-accordion.active & { display: flex; } } } .hs-accordion-active\:hidden { &.hs-accordion.active, .hs-accordion.active > &, .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle &, .hs-accordion.active > .hs-accordion-toggle & { display: none; } &.hs-accordion-toggle { .hs-accordion.active > & { display: none; } } &.hs-accordion-toggle { .hs-accordion.active > .hs-accordion-heading > & { display: none; } } &.hs-accordion-force-active { .hs-accordion.active & { display: none; } } } .hs-accordion-active\:rotate-180 { &.hs-accordion.active, .hs-accordion.active > &, .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle &, .hs-accordion.active > .hs-accordion-toggle & { rotate: 180deg; } &.hs-accordion-toggle { .hs-accordion.active > & { rotate: 180deg; } } &.hs-accordion-toggle { .hs-accordion.active > .hs-accordion-heading > & { rotate: 180deg; } } &.hs-accordion-force-active { .hs-accordion.active & { rotate: 180deg; } } } .hs-accordion-active\:bg-default-100 { &.hs-accordion.active, .hs-accordion.active > &, .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle &, .hs-accordion.active > .hs-accordion-toggle & { background-color: var(--color-default-100); } &.hs-accordion-toggle { .hs-accordion.active > & { background-color: var(--color-default-100); } } &.hs-accordion-toggle { .hs-accordion.active > .hs-accordion-heading > & { background-color: var(--color-default-100); } } &.hs-accordion-force-active { .hs-accordion.active & { background-color: var(--color-default-100); } } } .hs-collapse-open\:block { &.hs-collapse-toggle.open, &.hs-collapse.open, .hs-collapse-toggle.open &, .hs-collapse.open & { display: block; } } .hs-collapse-open\:hidden { &.hs-collapse-toggle.open, &.hs-collapse.open, .hs-collapse-toggle.open &, .hs-collapse.open & { display: none; } } .hs-collapse-open\:rotate-180 { &.hs-collapse-toggle.open, &.hs-collapse.open, .hs-collapse-toggle.open &, .hs-collapse.open & { rotate: 180deg; } } .hs-tab-active\:border { &[data-hs-tab].active, [data-hs-tab].active & { border-style: var(--tw-border-style); border-width: 1px; } } .hs-tab-active\:border-b { &[data-hs-tab].active, [data-hs-tab].active & { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .hs-tab-active\:border-danger { &[data-hs-tab].active, [data-hs-tab].active & { border-color: var(--color-danger); } } .hs-tab-active\:border-primary { &[data-hs-tab].active, [data-hs-tab].active & { border-color: var(--color-primary); } } .hs-tab-active\:border-success { &[data-hs-tab].active, [data-hs-tab].active & { border-color: var(--color-success); } } .hs-tab-active\:border-b-transparent { &[data-hs-tab].active, [data-hs-tab].active & { border-bottom-color: transparent; } } .hs-tab-active\:bg-card { &[data-hs-tab].active, [data-hs-tab].active & { background-color: var(--color-card); } } .hs-tab-active\:bg-light\/45 { &[data-hs-tab].active { background-color: color-mix(in srgb, #eef2f7 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 45%, transparent ); } } [data-hs-tab].active & { background-color: color-mix(in srgb, #eef2f7 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 45%, transparent ); } } } .hs-tab-active\:bg-primary { &[data-hs-tab].active, [data-hs-tab].active & { background-color: var(--color-primary); } } .hs-tab-active\:bg-secondary { &[data-hs-tab].active, [data-hs-tab].active & { background-color: var(--color-secondary); } } .hs-tab-active\:text-danger { &[data-hs-tab].active, [data-hs-tab].active & { color: var(--color-danger); } } .hs-tab-active\:text-primary { &[data-hs-tab].active, [data-hs-tab].active & { color: var(--color-primary); } } .hs-tab-active\:text-success { &[data-hs-tab].active, [data-hs-tab].active & { color: var(--color-success); } } .hs-tab-active\:text-white { &[data-hs-tab].active, [data-hs-tab].active & { color: var(--color-white); } } .hs-overlay-open\:mt-0 { &.open, .open & { margin-top: calc(var(--spacing) * 0); } } .hs-overlay-open\:flex { &.open, .open & { display: flex; } } .hs-overlay-open\:translate-x-0 { &.open, .open & { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .hs-overlay-open\:translate-y-0 { &.open, .open & { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .hs-overlay-open\:scale-100 { &.open, .open & { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .hs-overlay-open\:opacity-100 { &.open, .open & { opacity: 100%; } } .hs-overlay-open\:duration-500 { &.open, .open & { --tw-duration: 500ms; transition-duration: 0.5s; } } .sm\:hs-overlay-open\:mt-10 { @media (width >= 40rem) { &.open, .open & { margin-top: calc(var(--spacing) * 10); } } } .md\:hs-overlay-open\:mt-10 { @media (width >= 48rem) { &.open, .open & { margin-top: calc(var(--spacing) * 10); } } } .lg\:hs-overlay-open\:mt-10 { @media (width >= 64rem) { &.open, .open & { margin-top: calc(var(--spacing) * 10); } } } .xl\:hs-overlay-open\:mt-10 { @media (width >= 80rem) { &.open, .open & { margin-top: calc(var(--spacing) * 10); } } } .hs-scrollspy-active\:bg-default-100 { &.active { background-color: var(--color-default-100); } } .hs-scrollspy-active\:bg-primary { &.active { background-color: var(--color-primary); } } .hs-scrollspy-active\:text-white { &.active { color: var(--color-white); } } .hs-carousel-active\:bg-dark { &.active, .active & { background-color: var(--color-dark); } } .hs-carousel-active\:bg-white { &.active, .active & { background-color: var(--color-white); } } .hs-carousel-active\:opacity-100 { &.active, .active & { opacity: 100%; } } .hs-carousel-disabled\:pointer-events-none { &.disabled, .disabled & { pointer-events: none; } } .hs-carousel-disabled\:opacity-50 { &.disabled, .disabled & { opacity: 50%; } } .hs-password-active\:block { &.active, .active & { display: block; } } .hs-password-active\:flex { &.active, .active & { display: flex; } } .hs-password-active\:hidden { &.active, .active & { display: none; } } .hs-stepper-active\:bg-default-50 { &.active, .active & { background-color: var(--color-default-50); } } .hs-stepper-active\:text-default-700 { &.active, .active & { color: var(--color-default-700); } } .hs-stepper-success\:border-s-3 { &.success, .success & { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 3px; } } .hs-stepper-success\:border-success { &.success, .success & { border-color: var(--color-success); } } .hs-stepper-success\:bg-success\/10 { &.success { background-color: color-mix(in srgb, #0acf97 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 10%, transparent ); } } .success & { background-color: color-mix(in srgb, #0acf97 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 10%, transparent ); } } } .hs-stepper-success\:text-success { &.success, .success & { color: var(--color-success); } } .\[\.active\]\:bg-primary { &:is(.active) { background-color: var(--color-primary); } } .\[\.active\]\:text-white { &:is(.active) { color: var(--color-white); } } .\*\:\[\.active\]\:bg-default-100 { :is(& > *) { &:is(.active) { background-color: var(--color-default-100); } } } } :root { color-scheme: light; --color-chart-primary: #6658dd; --color-chart-secondary: #4a81d4; --color-chart-alpha: #1abc9c; --color-chart-beta: #f1556c; --color-chart-gamma: #f7b84b; --color-chart-delta: #43bfe5; --color-chart-zeta: #6b5eae; --color-chart-gray: #edeff3; --color-chart-dark: #1a57a1; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; } [data-theme="dark"] { color-scheme: dark; --color-body-bg: #17181e; --color-body-color: #aab8c5; --color-card: #1e1f27; --color-light: #252630; --color-light-hover: #8a969c; --color-dark: #4b4d5c; --color-dark-hover: #343a40; --color-chart-border-color: #242c31; --color-chart-gray: #40424f; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-50: #22232c; --color-default-100: #272832; --color-default-200: var(--color-zinc-800); --color-default-300: #293036; --color-default-400: #8391a2; --color-default-500: #a1a9b1; --color-default-600: var(--color-zinc-400); --color-default-700: var(--color-zinc-300); --color-default-800: var(--color-zinc-200); --color-default-900: var(--color-zinc-100); --color-default-950: var(--color-zinc-50); .text-dark { color: #dce0fb !important; } } html[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: var(--color-default-300); --sidenav-item-color: #667787; --sidenav-item-hover-color: var(--color-primary); --sidenav-item-hover-bg: transparent; --sidenav-item-active-color: var(--color-primary); --sidenav-item-active-bg: transparent; } html[data-menu-color="dark"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #1e1f27; --sidenav-item-color: #7a8ea7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } html[data-menu-color="gray"] { --sidenav-bg: #f1f2f7; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: var(--color-primary); --sidenav-item-hover-bg: #e8f7f4; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } html[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(135deg, #195274, #3b215c); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } html[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } html[data-theme="dark"][data-menu-color="dark"], html[data-theme="dark"][data-menu-color="gray"], html[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } html[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: var(--color-primary); --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } html[data-topbar-color="gray"] { --topbar-bg: #f6f7fb; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: var(--color-primary); --topbar-search-bg: #ecedf3; --topbar-search-border: #ecedf3; } html[data-topbar-color="dark"] { --topbar-bg: #38414a; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #3f4952; --topbar-search-border: #3f4952; } html[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #1a455f, #262549); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } html[data-theme="dark"][data-topbar-color="dark"], html[data-theme="dark"][data-topbar-color="gray"], html[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } html[data-skin="minimal"] { --font-body: "IBM Plex Sans", sans-serif; --font-secondary: "IBM Plex Sans", sans-serif; --text-body: 0.875rem; --color-body-bg: #fff; --color-card: #fff; --color-primary: #5a9eea; --color-secondary: #b38bfa; --color-success: #63e6c9; --color-info: #8adce5; --color-warning: #f6b23d; --color-danger: #e03a46; --color-purple: #9d3cfe; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #4f8bce; --color-secondary-hover: #9d7adc; --color-success-hover: #57cab1; --color-info-hover: #79c2c9; --color-warning-hover: #d89d36; --color-danger-hover: #c5333e; --color-purple-hover: #8a35e0; --color-light-hover: #d1d5d9; --color-dark-hover: #2b333e; --font-weight-medium: 500; --font-weight-semibold: 500; --font-weight-bold: 700; --sidenav-item-icon-size: 1.125rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 13px; --sidenav-item-padding-y: 8px; --sidenav-item-font-size: 0.925rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #5a9eea; --color-chart-secondary: #b38bfa; --color-chart-alpha: #63e6c9; --color-chart-beta: #8adce5; --color-chart-gamma: #f6b23d; --color-chart-delta: #e03a46; --color-chart-zeta: #9d3cfe; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: var(--color-default-200); --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #5a9eea; --sidenav-item-hover-bg: #f7f7fb; --sidenav-item-active-color: #5a9eea; --sidenav-item-active-bg: #f7f7fb; } &[data-menu-color="gray"] { --sidenav-bg: #f6f8fb; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #5a9eea; --sidenav-item-hover-bg: #f1f0f5; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #f1f0f5; } &[data-menu-color="dark"] { --sidenav-bg: #1b2e4a; --sidenav-border-color: #1b2e4a; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #243754; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(135deg, #1a455f, #262549); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #294461; } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #5a9eea; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #f1f2f7; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #5a9eea; --topbar-search-bg: #e8e9ef; --topbar-search-border: #e8e9ef; } &[data-topbar-color="dark"] { --topbar-bg: #1b2e4a; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #32435c; --topbar-search-border: #32435c; } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="minimal"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #252630; --color-light-hover: #8a969c; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-border-color: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; } html[data-skin="minimal"] { .card { border: 1px solid var(--color-default-200); } } html[data-skin="modern"] { --font-body: "Poppins", sans-serif; --font-secondary: "Poppins", sans-serif; --text-body: 13px; --color-body-bg: #f7f6f7; --color-card: #fff; --color-primary: #4f46e5; --color-secondary: #06b6d4; --color-success: #16a34a; --color-info: #0ea5e9; --color-warning: #f59e0b; --color-danger: #ef4444; --color-purple: #8b5cf6; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #463eca; --color-secondary-hover: #05a0ba; --color-success-hover: #138f41; --color-info-hover: #0c91cd; --color-warning-hover: #d78909; --color-danger-hover: #d23c3c; --color-purple-hover: #7a51d8; --color-light-hover: #d1d5d9; --color-dark-hover: #2b333e; --shadow: 0 2px 4px rgba(56, 65, 74, 0.2); --text-sm: 13px; --radius: 4px; --font-weight-medium: 500; --font-weight-semibold: 500; --font-weight-bold: 600; --sidenav-item-icon-size: 1rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 10px; --sidenav-item-padding-y: 10px; --sidenav-item-font-size: 0.8125rem; --sidenav-item-font-weight: 500; --sidenav-sub-item-font-size: 0.8125rem; --sidenav-sub-item-font-weight: 500; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #4f46e5; --color-chart-secondary: #06b6d4; --color-chart-alpha: #16a34a; --color-chart-beta: #ef4444; --color-chart-gamma: #f59e0b; --color-chart-delta: #0ea5e9; --color-chart-zeta: #8b5cf6; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #4f46e5; --sidenav-item-hover-bg: #eaf2ff; --sidenav-item-active-color: #4f46e5; --sidenav-item-active-bg: #eaf2ff; } &[data-menu-color="gray"] { --sidenav-bg: #e9ebef; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #4f46e5; --sidenav-item-hover-bg: #e8f7f4; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } &[data-menu-color="dark"] { --sidenav-bg: #23303c; --sidenav-border-color: #23303c; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #1c262f; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(90deg, #1e4258, #313144); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #2f4358; } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #4f46e5; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #e9ebef; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #4f46e5; --topbar-search-bg: #e8e9ef; --topbar-search-border: #e8e9ef; } &[data-topbar-color="dark"] { --topbar-bg: #38414a; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #3f4952; --topbar-search-border: #3f4952; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #1e4258, #313144); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="modern"] { --color-body-bg: #17181e; --color-card: #1b1c22; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; .card, .hs-dropdown-menu { border: 1px solid #293036 !important; } } html[data-skin="modern"] { .card { box-shadow: 0 1px 2px rgba(57, 62, 80, 0.15); position: relative; .card-title { font-size: 15px; } } .pro-username { font-size: 13px; } } html[data-skin="material"] { --font-body: "Roboto", sans-serif; --font-secondary: "Roboto", sans-serif; --text-body: 14px; --color-body-bg: #f5f6f8; --color-card: #fff; --color-primary: #3475db; --color-secondary: #6c63ff; --color-success: #15b092; --color-info: #20bfc0; --color-warning: #f7a34b; --color-danger: #d25555; --color-purple: #7e5fc7; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #2d67c0; --color-secondary-hover: #5f57e0; --color-success-hover: #129a80; --color-info-hover: #1ca8a9; --color-warning-hover: #d99142; --color-danger-hover: #b94a4a; --color-purple-hover: #6f54af; --color-light-hover: #d1d5d9; --color-dark-hover: #2b333e; --shadow: 1px 0.1rem 0.5rem 0 rgba(48, 45, 59, 0.15); --text-sm: 13px; --radius: 3px; --font-weight-medium: 400; --font-weight-semibold: 500; --font-weight-bold: 600; --sidenav-item-icon-size: 1.125rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 10px; --sidenav-item-padding-y: 10px; --sidenav-item-font-size: 0.875rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.85rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #3475db; --color-chart-secondary: #6c63ff; --color-chart-alpha: #15b092; --color-chart-beta: #d25555; --color-chart-gamma: #f7a34b; --color-chart-delta: #20bfc0; --color-chart-zeta: #7e5fc7; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #f8f2fa; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #3475db; --sidenav-item-hover-bg: #eaf2ff; --sidenav-item-active-color: #3475db; --sidenav-item-active-bg: #eaf2ff; } &[data-menu-color="gray"] { --sidenav-bg: #e9ebef; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #3475db; --sidenav-item-hover-bg: #e8f7f4; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } &[data-menu-color="dark"] { --sidenav-bg: #28293c; --sidenav-border-color: #28293c; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #242534; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(135deg, #1a455f, #262549); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #294461; } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #2f434e), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #1e3447; } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fefbff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #3475db; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #e9ebef; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #3475db; --topbar-search-bg: #e8e9ef; --topbar-search-border: #e8e9ef; } &[data-topbar-color="dark"] { --topbar-bg: #3c4752; --topbar-item-color: #e9ecf1; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #475460; --topbar-search-border: #475460; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #6750a4, #3a3052); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="material"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #252630; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-100: #252630; --color-default-300: #293036; --color-default-400: #8391a2; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; } html[data-skin="material"] { .card { box-shadow: 1px 0.15rem 0.5rem 0 rgba(48, 45, 59, 0.07); } } html[data-skin="saas"] { --font-body: "Inter", sans-serif; --font-secondary: "Inter", sans-serif; --text-body: 13px; --color-body-bg: #f9fbfd; --color-card: #fff; --color-primary: #6366f1; --color-secondary: #0ea5e9; --color-success: #10b981; --color-info: #3b82f6; --color-warning: #fbbf24; --color-danger: #ef4444; --color-purple: #a855f7; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #575ad4; --color-secondary-hover: #0c91cd; --color-success-hover: #0ea373; --color-info-hover: #3472d8; --color-warning-hover: #dda820; --color-danger-hover: #d23c3c; --color-purple-hover: #944be0; --color-light-hover: #d1d5d9; --color-dark-hover: #2b333e; --shadow: 0 1px 2px rgba(57, 62, 80, 0.15); --text-sm: 13px; --radius: 4px; --font-weight-medium: 500; --font-weight-semibold: 500; --font-weight-bold: 600; --sidenav-item-icon-size: 1.25rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 10px; --sidenav-item-padding-y: 10px; --sidenav-item-font-size: 0.825rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.825rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #6366f1; --color-chart-secondary: #0ea5e9; --color-chart-alpha: #10b981; --color-chart-beta: #ef4444; --color-chart-gamma: #fbbf24; --color-chart-delta: #3b82f6; --color-chart-zeta: #a855f7; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #6366f1; --sidenav-item-hover-bg: #f4f0ff; --sidenav-item-active-color: #6366f1; --sidenav-item-active-bg: #f4f0ff; } &[data-menu-color="gray"] { --sidenav-bg: #f1f2f7; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #6366f1; --sidenav-item-hover-bg: #f4f0ff; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } &[data-menu-color="dark"] { --sidenav-bg: #1b2e4a; --sidenav-border-color: #1b2e4a; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #243754; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(135deg, #1a455f, #262549); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #294461; } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #183c52), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #1e3447; } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #6366f1; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #f1f2f7; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #6366f1; --topbar-search-bg: #e8e9ef; --topbar-search-border: #e8e9ef; } &[data-topbar-color="dark"] { --topbar-bg: #1b2e4a; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #32435c; --topbar-search-border: #32435c; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #1a455f, #262549); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="saas"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #17171b; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; .card, .hs-dropdown-menu { border: 1px solid #293036 !important; } .hs-dropdown-menu { background-color: #1b1c22; } } html[data-skin="saas"] { .card { border: 1px solid var(--color-default-200); box-shadow: 0 0.5rem 1.5rem rgba(18, 38, 36, 0.03); } .app-menu { border-inline-end: 1px solid var(--sidenav-border-color); } } html[data-skin="flat"] { --font-body: "Nunito", sans-serif; --font-secondary: "Nunito", sans-serif; --text-body: 0.875rem; --color-body-bg: #fff; --color-card: #fbfbfd; --color-primary: #4f46e5; --color-secondary: #06b6d4; --color-success: #22c55e; --color-info: #0ea5e9; --color-warning: #f59e0b; --color-danger: #ef4444; --color-purple: #a855f7; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #433cc2; --color-secondary-hover: #059ab4; --color-success-hover: #1dac50; --color-info-hover: #0c8cc6; --color-warning-hover: #d08b09; --color-danger-hover: #cb3a3a; --color-purple-hover: #8f48d2; --color-light-hover: #cad1d2; --color-dark-hover: #2a313b; --color-default-300: #edf2f9; --font-weight-medium: 500; --font-weight-semibold: 700; --font-weight-bold: 700; --sidenav-item-icon-size: 1.125rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 10px; --sidenav-item-padding-y: 10px; --sidenav-item-font-size: 0.875rem; --sidenav-item-font-weight: 500; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 500; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 5px; --color-chart-primary: #4f46e5; --color-chart-secondary: #06b6d4; --color-chart-alpha: #22c55e; --color-chart-beta: #ef4444; --color-chart-gamma: #f59e0b; --color-chart-delta: #0ea5e9; --color-chart-zeta: #a855f7; --color-chart-gray: #edeff3; --color-chart-dark: #46348b; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #1ab394; --sidenav-item-hover-bg: #f7f7fb; --sidenav-item-active-color: #1ab394; --sidenav-item-active-bg: #f7f7fb; } &[data-menu-color="gray"] { --sidenav-bg: #f1f2f7; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #1ab394; --sidenav-item-hover-bg: #f4f0ff; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } &[data-menu-color="dark"] { --sidenav-bg: #1b2e4a; --sidenav-border-color: #1b2e4a; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #243754; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(135deg, #1e4258, #313144); --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #2f4358; } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #2f434e), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #253542; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: #253542; } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #1ab394; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #f1f2f7; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #1ab394; --topbar-search-bg: #e8e9ef; --topbar-search-border: #e8e9ef; } &[data-topbar-color="dark"] { --topbar-bg: #1b2e4a; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #32435c; --topbar-search-border: #32435c; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #1e4258, #313144); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } .card, .hs-dropdown-menu { border: 1px solid var(--color-default-300); box-shadow: 0 1px 3px 0 rgba(130, 143, 163, 0.09); } } html[data-theme="dark"][data-skin="flat"] { --color-body-bg: #17181e; --color-card: #1b1c22; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; } html[data-skin="flat"] { .card { box-shadow: none; } } html[data-skin="galaxy"] { --font-body: "Outfit", sans-serif; --font-secondary: "Outfit", sans-serif; --text-body: 14px; --color-body-bg: #fdfdfd; --color-card: #fff; --color-primary: #6a11cb; --color-secondary: #2575fc; --color-success: #00c9a7; --color-info: #00b4d8; --color-warning: #fca311; --color-danger: #e63946; --color-purple: #9d3cfe; --color-light: #eef2f7; --color-dark: #313a46; --color-primary-hover: #5a0ea8; --color-secondary-hover: #1f63d6; --color-success-hover: #00ab8e; --color-info-hover: #0099b7; --color-warning-hover: #d68b0e; --color-danger-hover: #c32f3c; --color-purple-hover: #8533d8; --color-light-hover: #cad1d2; --color-dark-hover: #2a313b; --shadow: 2px 8px 16px rgba(57, 62, 80, 0.07); --color-default-300: #edf2f9; --text-sm: 13px; --radius: 2px; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --sidenav-item-icon-size: 1.125rem; --sidenav-item-gap: 10px; --sidenav-item-padding-x: 12px; --sidenav-item-padding-y: 8px; --sidenav-item-font-size: 0.9125rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #6a11cb; --color-chart-secondary: #2575fc; --color-chart-alpha: #00c9a7; --color-chart-beta: #e63946; --color-chart-gamma: #fca311; --color-chart-delta: #00b4d8; --color-chart-zeta: #c17b52; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #6a11cb; --sidenav-item-hover-bg: #eaf2ff; --sidenav-item-active-color: #6a11cb; --sidenav-item-active-bg: #f3f5ff; } &[data-menu-color="gray"] { --sidenav-bg: #f1f2f7; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #6a11cb; --sidenav-item-hover-bg: #e8f7f4; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e8e8ed; } &[data-menu-color="dark"] { --sidenav-bg: #1a2b41; --sidenav-border-color: #1a2b41; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #1f3149; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #1f3149; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(90deg, #193146, #1e5262); --sidenav-border-color: null; --sidenav-item-color: #7e92a3; --sidenav-item-hover-color: #aac4cf; --sidenav-item-hover-bg: rgba(219, 236, 255, 0.05); --sidenav-item-active-color: #aac4cf; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #262c3a), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1a1c2e; --sidenav-border-color: hsla(0, 0%, 100%, 0.03); --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: hsla(0, 0%, 100%, 0.02); --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: hsla(0, 0%, 100%, 0.02); } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #6a11cb; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #f3eff3; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #6a11cb; --topbar-search-bg: #ebe7eb; --topbar-search-border: #ebe7eb; } &[data-topbar-color="dark"] { --topbar-bg: #0f2139; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #1b2c42; --topbar-search-border: #1b2c42; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #193146, #1e5262); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #0f1329; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: rgba(229, 243, 255, 0.1); --topbar-search-border: rgba(229, 243, 255, 0.1); } .btn { font-weight: 400; } .card, .hs-dropdown-menu { border: 1px solid var(--color-default-300); box-shadow: 2px 8px 16px rgba(57, 62, 80, 0.07); } } html[data-theme="dark"][data-skin="galaxy"] { --color-body-bg: #17181e; --color-card: #192033; --color-light: #2c3340; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-100: rgba(229, 243, 255, 0.05); --color-default-300: rgba(229, 243, 255, 0.09); --color-chart-gray: #40424f; --color-chart-border-color: #242c31; body { background: linear-gradient(180deg, rgba(11, 14, 40, 0.9), rgba(3, 6, 22, 0.9)), url(../images/galaxy.jpg) 50% / cover no-repeat; background-attachment: fixed; } .card, .card-bg, .choices__inner, .dropzone, .filepond--panel-root, .footer, .form-input, .form-select, .form-textarea, .select2-container .select2-selection--multiple, .select2-container .select2-selection--single { background-color: hsla(0, 0%, 100%, 0.05); } .card { border-style: dashed; } .app-menu { .logo-box { background: transparent !important; } } .app-header { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &[data-sidenav-size="default"] { .app-menu { background-color: hsla(0, 0%, 100%, 0.05); border-inline-end: 1px dashed hsla(0, 0%, 100%, 0.05); } } } html[data-skin="galaxy"] { body { background-attachment: fixed; } .card { .card-title { font-size: 14px; } } } html[data-skin="retro"] { --font-body: "Alan Sans", sans-serif; --font-secondary: "Alan Sans", sans-serif; --text-body: 14px; --color-body-bg: #f8f7f1; --color-card: #f8f7f1; --color-primary: #8a5a44; --color-secondary: #c9a27c; --color-success: #7b8b6f; --color-info: #6c7a89; --color-warning: #e6b566; --color-danger: #b85c5c; --color-purple: #9d3cfe; --color-light: #f3e9dc; --color-dark: #313a46; --color-primary-hover: #764c39; --color-secondary-hover: #ab8a6a; --color-success-hover: #68765e; --color-info-hover: #5c6874; --color-warning-hover: #c39a57; --color-danger-hover: #9c4e4e; --color-purple-hover: #8533d8; --color-light-hover: #cec6bb; --color-dark-hover: #2a313b; --shadow: 0 4px 9px rgba(34, 7, 31, 0.05); --color-default-300: #e3e3e1; --text-sm: 14px; --radius: 6px; --font-weight-medium: 500; --font-weight-semibold: 500; --font-weight-bold: 600; --sidenav-item-icon-size: 1rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 12px; --sidenav-item-padding-y: 8px; --sidenav-item-font-size: 0.875rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #8a5a44; --color-chart-secondary: #c9a27c; --color-chart-alpha: #7b8b6f; --color-chart-beta: #b85c5c; --color-chart-gamma: #e6b566; --color-chart-delta: #6c7a89; --color-chart-zeta: #6070cc; --color-chart-gray: #e9e8e3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #8a5a44; --sidenav-item-hover-bg: #f3f3f0; --sidenav-item-active-color: #8a5a44; --sidenav-item-active-bg: #f3f3f0; } &[data-menu-color="gray"] { --sidenav-bg: #efeee9; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #8a5a44; --sidenav-item-hover-bg: #e5e5e5; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #e5e5e5; } &[data-menu-color="dark"] { --sidenav-bg: #2c2c2c; --sidenav-border-color: #2c2c2c; --sidenav-item-color: #718088; --sidenav-item-hover-color: #e3f5ff; --sidenav-item-hover-bg: #8a5a44; --sidenav-item-active-color: #e3f5ff; --sidenav-item-active-bg: #8a5a44; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(90deg, #405586, #1f5a58); --sidenav-border-color: null; --sidenav-item-color: #97b5b3; --sidenav-item-hover-color: #d5efed; --sidenav-item-hover-bg: rgba(219, 236, 255, 0.05); --sidenav-item-active-color: #d5efed; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #8a5a44), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #f3f2ee; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #8a5a44; --topbar-search-bg: #e9e8e3; --topbar-search-border: #e9e8e3; } &[data-topbar-color="gray"] { --topbar-bg: #ebe9e1; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #8a5a44; --topbar-search-bg: #e1e0d9; --topbar-search-border: #e1e0d9; } &[data-topbar-color="dark"] { --topbar-bg: #353638; --topbar-item-color: #aaafb9; --topbar-item-hover-color: #dde6f9; --topbar-search-bg: #434448; --topbar-search-border: #494a4e; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #8a5a44, #262549); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="retro"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #252630; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-100: #252630; --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; .card, .hs-dropdown-menu { border: 1px solid var(--color-default-300) !important; } .hs-dropdown-menu { background-color: #1b1c22; } } html[data-skin="retro"] { .app-header, .app-menu, .card { box-shadow: none; } .card { background-color: var(--color-body-bg); border: 1px solid var(--color-default-300); } .hs-dropdown-menu { background-color: #fff; } .btn { font-weight: 400; } } html[data-skin="neon"] { --font-body: "Outfit", sans-serif; --font-secondary: "Outfit", sans-serif; --text-body: 14px; --color-body-bg: #f7f5f2; --color-card: #fff; --color-primary: #ff7043; --color-secondary: #7a49a8; --color-success: #7ec192; --color-info: #74a8d3; --color-warning: #f8d371; --color-danger: #ee676d; --color-primary-hover: #d95f39; --color-secondary-hover: #683e8f; --color-success-hover: #6ba47c; --color-info-hover: #638fb4; --color-warning-hover: #d3b35f; --color-danger-hover: #ca575d; --shadow: 0 1px 2px rgba(57, 62, 80, 0.1); --text-sm: 14px; --radius: 12px; --font-weight-medium: 500; --font-weight-semibold: 500; --font-weight-bold: 600; --sidenav-item-icon-size: 1rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 12px; --sidenav-item-padding-y: 8px; --sidenav-item-font-size: 0.875rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #ff7043; --color-chart-secondary: #7a49a8; --color-chart-alpha: #7ec192; --color-chart-beta: #ee676d; --color-chart-gamma: #f8d371; --color-chart-delta: #74a8d3; --color-chart-zeta: #6070cc; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #312a2f; --sidenav-item-hover-bg: #f6f6f6; --sidenav-item-active-color: #312a2f; --sidenav-item-active-bg: #f6f6f6; } &[data-menu-color="gray"] { --sidenav-bg: #f6f7fb; --sidenav-border-color: #e7e9eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #ff7043; --sidenav-item-hover-bg: #eaecf3; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #eaecf3; } &[data-menu-color="dark"] { --sidenav-bg: #371949; --sidenav-border-color: #371949; --sidenav-item-color: #a789b9; --sidenav-item-hover-color: #ebdaf5; --sidenav-item-hover-bg: #30394d; --sidenav-item-active-color: #ebdaf5; --sidenav-item-active-bg: #471f5e; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(90deg, #654385, #4f306c); --sidenav-border-color: null; --sidenav-item-color: #af91cb; --sidenav-item-hover-color: #debffb; --sidenav-item-hover-bg: rgba(219, 236, 255, 0.05); --sidenav-item-active-color: #debffb; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #4f306c), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #bb9adb; --sidenav-item-hover-color: #f0dfff; --sidenav-item-hover-bg: rgba(219, 236, 255, 0.05); --sidenav-item-active-color: #f0dfff; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #ff7043; --topbar-search-bg: transparent; --topbar-search-border: #e7e9eb; } &[data-topbar-color="gray"] { --topbar-bg: #f6f7fb; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #ff7043; --topbar-search-bg: #eceef5; --topbar-search-border: #eceef5; } &[data-topbar-color="dark"] { --topbar-bg: #371949; --topbar-item-color: #a789b9; --topbar-item-hover-color: #ebdaf5; --topbar-search-bg: #47265a; --topbar-search-border: #47265a; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #654385, #4f306c); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="neon"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #252630; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-100: #252630; --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; .card, .hs-dropdown-menu { border: 1px solid var(--color-default-300) !important; } .hs-dropdown-menu { background-color: #1b1c22; } } html[data-skin="neon"] { .footer { background-color: transparent; border: none; padding-inline: calc(var(--spacing) * 4); } .card { box-shadow: 0 1px 2px rgba(57, 62, 80, 0.05); .card-title { font-size: 16px; font-weight: 600; } } .btn { font-weight: 400; } } html[data-skin="pixel"] { --font-body: "Google Sans", sans-serif; --font-secondary: "Google Sans", sans-serif; --text-body: 13px; --color-body-bg: #eff4f7; --color-card: #fff; --color-primary: #5c6bc0; --color-secondary: #2281bc; --color-success: #36c398; --color-info: #26c6da; --color-warning: #ffb810; --color-danger: #f65161; --color-primary-hover: #4e5ba3; --color-secondary-hover: #1d6d9f; --color-success-hover: #2ea685; --color-info-hover: #20a8b9; --color-warning-hover: #d99c0e; --color-danger-hover: #d14952; --shadow: 0 3px 6px rgba(34, 7, 31, 0.05); --color-default-300: #edf2f9; --text-sm: 14px; --radius: 3px; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --sidenav-item-icon-size: 1rem; --sidenav-item-gap: 12px; --sidenav-item-padding-x: 12px; --sidenav-item-padding-y: 8px; --sidenav-item-font-size: 0.875rem; --sidenav-item-font-weight: 400; --sidenav-sub-item-font-size: 0.875rem; --sidenav-sub-item-font-weight: 400; --sidenav-sub-item-gap: 4px; --sidenav-sub-item-padding-x: 10px; --sidenav-sub-item-padding-y: 7px; --color-chart-primary: #26c6da; --color-chart-secondary: #5c6bc0; --color-chart-alpha: #ffb810; --color-chart-beta: #f65161; --color-chart-gamma: #36c398; --color-chart-delta: #344bbd; --color-chart-zeta: #2281bc; --color-chart-gray: #edeff3; --color-chart-dark: #396699; --color-chart-border-color: #ecf4fc; --color-chart-title-color: #bbcae1; &[data-menu-color="light"] { --sidenav-bg: #fff; --sidenav-border-color: #edf2f9; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #2281bc; --sidenav-item-hover-bg: #eff4f7; --sidenav-item-active-color: #2281bc; --sidenav-item-active-bg: #eff4f7; } &[data-menu-color="gray"] { --sidenav-bg: #e3e8eb; --sidenav-border-color: #e3e8eb; --sidenav-item-color: var(--color-default-700); --sidenav-item-hover-color: #2281bc; --sidenav-item-hover-bg: #dde2e5; --sidenav-item-active-color: #212b29; --sidenav-item-active-bg: #dde2e5; } &[data-menu-color="dark"] { --sidenav-bg: #263238; --sidenav-border-color: #263238; --sidenav-item-color: #7f95a1; --sidenav-item-hover-color: #c4e0ef; --sidenav-item-hover-bg: #323e44; --sidenav-item-active-color: #c4e0ef; --sidenav-item-active-bg: #323e44; } &[data-menu-color="gradient"] { --sidenav-bg: linear-gradient(90deg, #4f546c, #2a2a3e); --sidenav-border-color: null; --sidenav-item-color: #979db9; --sidenav-item-hover-color: #d7defd; --sidenav-item-hover-bg: rgba(219, 236, 255, 0.05); --sidenav-item-active-color: #d7defd; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-menu-color="image"] { --sidenav-bg: linear-gradient(to bottom right, rgba(16, 16, 30, 0.85), #1f2650), url(../images/sidenav-bg.jpg) center/cover no-repeat; --sidenav-border-color: null; --sidenav-item-color: #799cb7; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #cfdff1; --sidenav-item-active-bg: rgba(219, 236, 255, 0.05); } &[data-theme="dark"][data-menu-color="dark"], &[data-theme="dark"][data-menu-color="gray"], &[data-theme="dark"][data-menu-color="light"] { --sidenav-bg: #1e1f27; --sidenav-border-color: #2c2d38; --sidenav-item-color: #8495ab; --sidenav-item-hover-color: #bccee4; --sidenav-item-hover-bg: #2f3742; --sidenav-item-active-color: #ced6df; --sidenav-item-active-bg: #22232c; } &[data-topbar-color="light"] { --topbar-bg: #fff; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #2281bc; --topbar-search-bg: #f3f8fb; --topbar-search-border: #f3f8fb; } &[data-topbar-color="gray"] { --topbar-bg: #eff4f7; --topbar-item-color: var(--color-default-700); --topbar-item-hover-color: #2281bc; --topbar-search-bg: #e0e8ed; --topbar-search-border: #e0e8ed; } &[data-topbar-color="dark"] { --topbar-bg: #37474f; --topbar-item-color: #95b3c3; --topbar-item-hover-color: #c4e0ef; --topbar-search-bg: #485962; --topbar-search-border: #485962; } &[data-topbar-color="gradient"] { --topbar-bg: linear-gradient(180deg, #535976, #2a2a3e); --topbar-item-color: hsla(0, 0%, 100%, 0.7); --topbar-item-hover-color: #fff; --topbar-search-bg: hsla(0, 0%, 100%, 0.1); --topbar-search-border: hsla(0, 0%, 100%, 0.1); } &[data-theme="dark"][data-topbar-color="dark"], &[data-theme="dark"][data-topbar-color="gray"], &[data-theme="dark"][data-topbar-color="light"] { --topbar-bg: #252630; --topbar-item-color: #adb5bf; --topbar-item-hover-color: #e0eeff; --topbar-search-bg: #2d2e3c; --topbar-search-border: #2d2e3c; } } html[data-theme="dark"][data-skin="pixel"] { --color-body-bg: #17181e; --color-card: #1b1c22; --color-light: #252630; --shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); --color-default-100: #252630; --color-default-300: #293036; --color-chart-gray: #40424f; --color-chart-border-color: #242c31; .card, .hs-dropdown-menu { border: 1px solid var(--color-default-300) !important; } .hs-dropdown-menu { background-color: #1b1c22; } } html[data-skin="pixel"] { .pro-username { font-size: 13px; } .card { box-shadow: 0 2px 4px rgba(34, 7, 31, 0.05); .card-title { font-weight: 600; } } } .wrapper { height: 100%; width: 100%; } .page-content { display: flex; flex-direction: column; flex-grow: 1; margin-inline-start: var(--sidenav-width); min-height: calc(100dvh - var(--topbar-height)); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 300ms; transition-duration: 0.3s; --tw-ease: var(--ease-in-out); transition-property: width, margin; transition-timing-function: var(--ease-in-out); main { flex-grow: 1; padding-inline: calc(var(--spacing) * 6); padding-bottom: calc(var(--spacing) * 6); width: 100%; } } .logo-box { align-items: center; display: flex; justify-content: center; min-height: var(--topbar-height); padding-inline: calc(var(--spacing) * 6); position: sticky; top: calc(var(--spacing) * 0); --tw-backdrop-blur: blur(var(--blur-xs)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); .logo-lg { img { height: var(--logo-lg-height); } } .logo-sm { img { height: var(--logo-sm-height); } } .logo-light, .logo-sm { display: none; } } .page-main-title { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-bold); color: var(--color-body-color); font-weight: var(--font-weight-bold); } .page-title-head { align-items: center; display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 2); height: calc(var(--spacing) * 17.5); width: 100%; @media (width >= 48rem) { justify-content: space-between; } } html[data-menu-color="dark"], html[data-menu-color="gradient"], html[data-menu-color="image"], html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"], html[data-theme="dark"] { .app-menu { .logo-box { .logo-light { display: block; } .logo-dark { display: none; } } } } html.sidebar-no-icons { .app-menu { .menu-icon { display: none; } } } html.sidebar-with-line { .sub-menu { position: relative; &:before { border-left: 1px dashed var(--sidenav-item-color); bottom: calc(var(--sidenav-item-padding-x) + 4px); content: ""; inset-inline-start: calc(var(--sidenav-item-icon-size) - 1px); opacity: 0.5; position: absolute; top: 5px; width: 1px; } .sub-menu { &:before { inset-inline-start: calc(var(--sidenav-item-icon-size) + 13px); } } .menu-link { &:before { border-top: 1px dashed var(--sidenav-item-color); height: 1px; inset-inline-start: calc(var(--sidenav-item-icon-size) * -0.8); width: var(--sidenav-item-padding-x); } &:after, &:before { content: ""; opacity: 0.5; position: absolute; } &:after { background-color: var(--sidenav-item-color); border-radius: 50%; height: 4px; inset-inline-start: 0; width: 4px; } } } } html[data-layout-width="boxed"] { body { background-color: var(--color-default-100); } .wrapper { background-color: var(--color-body-bg); margin-inline: auto; max-width: calc(var(--spacing) * 335); width: 100%; --tw-shadow: 0 0.25rem 1rem var(--tw-shadow-color, rgba(76, 76, 92, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .app-header { margin-inline-end: -1px; position: sticky; } } html[data-layout-position="scrollable"] { .page-content { margin-top: 0; position: relative; } .app-menu { height: 100%; min-height: 100%; position: absolute !important; } .app-header, .logo-box { position: static; } } .monochrome:before { backdrop-filter: grayscale(100%) opacity(0.92); content: ""; height: 100%; inset: 0; margin: 0; pointer-events: none; position: fixed; width: 100%; z-index: 999999; } html[dir="rtl"] { .pagination svg { transform: scaleX(-1) !important; } } .app-menu { bottom: calc(var(--spacing) * 0); display: flex; flex-direction: column; font-family: var(--font-secondary); max-height: 100vh; min-width: var(--sidenav-width); position: fixed; top: calc(var(--spacing) * 0); width: var(--sidenav-width); z-index: 40; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 300ms; background: var(--sidenav-bg); border-inline-end: 1px solid var(--sidenav-border-color); transition-duration: 0.3s; transition-property: width, min-width, margin; } .sidenav-user { background-size: cover !important; color: var(--sidenav-item-color); display: none; margin-bottom: calc(var(--spacing) * 2.5); .sidenav-user-name { color: var(--sidenav-item-active-color); } } html[data-sidenav-user="true"] { .sidenav-user { display: block; } } .side-nav { display: flex; flex-direction: column; gap: calc(var(--spacing) * 1.25); width: 100%; .menu-title { color: var(--sidenav-item-color); cursor: default; font-size: calc(var(--sidenav-item-font-size) * 0.7); font-weight: var(--font-weight-bold); letter-spacing: 0.1em; margin-top: 10px; padding: var(--sidenav-item-padding-y) calc(var(--sidenav-item-padding-x) * 1.16667); pointer-events: none; text-transform: uppercase; white-space: nowrap; } .menu-item { .menu-link { align-items: center; background-color: transparent; border-radius: 5px; color: var(--sidenav-item-color); display: flex; font-family: var(--font-secondary); font-size: var(--sidenav-item-font-size); font-weight: var(--sidenav-item-font-weight); gap: var(--sidenav-item-gap); line-height: calc(var(--sidenav-item-font-size) * 1.25); padding: var(--sidenav-item-padding-y) var(--sidenav-item-padding-x); position: relative; transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); white-space: nowrap; > .menu-icon { font-size: var(--sidenav-item-icon-size); height: var(--sidenav-item-icon-size); line-height: var(--sidenav-item-icon-size); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: var(--sidenav-item-icon-size); svg { height: var(--sidenav-item-icon-size); width: var(--sidenav-item-icon-size); } } > .menu-text { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); white-space: nowrap; } > .menu-arrow { background-color: currentColor; font-size: var(--text-sm); height: 1em; line-height: var(--tw-leading, var(--text-sm--line-height)); margin-inline-start: auto; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 1em; &.hs-accordion.active, .hs-accordion.active > &, .hs-accordion.active > .hs-accordion-heading > .hs-accordion-toggle &, .hs-accordion.active > .hs-accordion-toggle & { rotate: 180deg; } &.hs-accordion-toggle { .hs-accordion.active > & { rotate: 180deg; } } &.hs-accordion-toggle { .hs-accordion.active > .hs-accordion-heading > & { rotate: 180deg; } } &.hs-accordion-force-active { .hs-accordion.active & { rotate: 180deg; } } } &:is(.open, .active, :active, :focus) { color: var(--sidenav-item-active-color); } &:is(:hover) { color: var(--sidenav-item-hover-color); } .badge { align-items: center; display: flex; font-size: 0.75em; height: calc(var(--spacing) * 4); justify-content: center; margin-inline-start: auto; --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } &.active .menu-link.active .menu-arrow { rotate: 180deg; } } > .menu-item { > .menu-link { &:is(.open, .active, :active, :focus) { background-color: var(--sidenav-item-active-bg); } } &.active > .menu-link { background-color: var(--sidenav-item-active-bg); color: var(--sidenav-item-active-color); } } .sub-menu { overflow: hidden; padding-inline-start: calc(var(--spacing) * 7.5); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 100%; --tw-duration: 300ms; transition-duration: 0.3s; :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-end: calc( var(--spacing) * 1 * (1 - var(--tw-space-y-reverse)) ); margin-block-start: calc( var(--spacing) * 1 * var(--tw-space-y-reverse) ); } .menu-link { font-size: var(--sidenav-sub-item-font-size); font-weight: var(--sidenav-sub-item-font-weight); padding: var(--sidenav-sub-item-padding-y) var(--sidenav-sub-item-padding-x); } .sub-menu { margin-inline-start: calc(var(--sidenav-item-icon-size) * -1); } .menu-link.active { background-color: transparent; color: var(--sidenav-item-hover-color); font-weight: var(--sidenav-item-font-weight); } } } #button-hover-toggle { align-items: center; color: var(--sidenav-item-color); display: none; height: var(--topbar-height); justify-content: center; position: relative; transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-ease: var(--ease-in-out); font-size: 18px; transition-timing-function: var(--ease-in-out); .btn-on-hover-icon { border: 2px solid; border-radius: 50%; display: inline-block; height: 1em; position: relative; vertical-align: middle; width: 1em; } } html[data-sidenav-size="on-hover"] { .app-menu:not(:hover) { min-width: var(--sidenav-width-sm); width: var(--sidenav-width-sm); .logo-box { justify-content: flex-start !important; .logo-lg { display: none; } .logo-sm { display: flex; } } #button-hover-toggle { display: none; } .menu-item { .menu-link { justify-content: center; .badge, .menu-arrow, .menu-text { display: none; } .menu-icon { font-size: calc(var(--sidenav-item-icon-size) * 1.15); height: calc(var(--sidenav-item-icon-size) * 1.15); line-height: calc(var(--sidenav-item-icon-size) * 1.15); width: calc(var(--sidenav-item-icon-size) * 1.15); i { font-size: calc(var(--sidenav-item-icon-size) * 1.15); line-height: calc(var(--sidenav-item-icon-size) * 1.15); } svg { height: calc(var(--sidenav-item-icon-size) * 1.15); width: calc(var(--sidenav-item-icon-size) * 1.15); } } } .sub-menu { height: 0; margin-top: 0; visibility: hidden !important; } } .menu-title { display: none; } .simplebar-track.simplebar-vertical { visibility: hidden !important; } .sidenav-user { display: none; } } .app-menu { bottom: calc(var(--spacing) * 0); position: fixed; .simplebar-track.simplebar-horizontal { visibility: hidden !important; } } .page-content { margin-inline-start: var(--sidenav-width-sm); } #button-hover-toggle { display: flex; } #button-toggle-menu { display: none; } .logo-box { justify-content: flex-start !important; } } html[data-sidenav-size="on-hover-active"] { #button-toggle-menu { display: none; } #button-hover-toggle { display: flex; .btn-on-hover-icon { &:before { background-color: currentColor; border-radius: 50%; content: ""; height: 6px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 6px; } } } .page-content { margin-inline-start: var(--sidenav-width); } .app-menu { bottom: calc(var(--spacing) * 0); position: fixed; } .logo-box { justify-content: flex-start !important; } } html[data-sidenav-size="condensed"] { .app-menu { height: unset; max-height: unset; min-width: var(--sidenav-width-sm); position: absolute; width: var(--sidenav-width-sm); .simplebar-content-wrapper, .simplebar-mask { overflow: visible !important; } .logo-box { background: var(--sidenav-bg); z-index: 40; .logo-lg { display: none; } .logo-sm { display: flex; } } .sidenav-user { display: none; } .side-nav { gap: 0; padding: 0; .menu-title { display: none; } .menu-item { position: relative; > .menu-link { padding: calc(var(--sidenav-item-padding-y) * 1.75) var(--sidenav-item-padding-x); transition: none; > .menu-icon { display: flex; font-size: calc(var(--sidenav-item-icon-size) * 1.25); height: calc(var(--sidenav-item-icon-size) * 1.25); justify-content: center; line-height: calc(var(--sidenav-item-icon-size) * 1.25); min-width: calc( var(--sidenav-width-sm) - var(--sidenav-item-padding-x) - var(--sidenav-item-padding-x) ); width: calc(var(--sidenav-item-icon-size) * 1.25); i { font-size: calc( var(--sidenav-item-icon-size) * 1.25 ); line-height: calc( var(--sidenav-item-icon-size) * 1.25 ); } svg { height: calc(var(--sidenav-item-icon-size) * 1.25); width: calc(var(--sidenav-item-icon-size) * 1.25); } } &:before, > .badge, > .menu-arrow, > .menu-text { display: none; transition: none; } } .sub-menu { display: none !important; height: inherit !important; margin-top: 0; } &:hover { > .sub-menu { background: var(--sidenav-bg); display: block !important; height: inherit !important; inset-inline-start: 100%; overflow: visible; padding-inline-start: 0; position: absolute; transition: none; width: calc( var(--sidenav-width) - var(--sidenav-width-sm) * 0.65 ); z-index: 90; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); > .menu-item { margin-bottom: 0; > .menu-link { padding: calc( var(--sidenav-sub-item-padding-y) * 1.5 ) calc( var(--sidenav-sub-item-padding-x) * 1.5 ); z-index: 5; > .menu-arrow, > .menu-text { display: block; transition: color 0.25s ease-in-out; } > .menu-arrow { transform: rotate(-90deg); } } .sub-menu { margin-inline-start: calc(var(--spacing) * 0); top: 0; } } } } } > .menu-item { > .menu-link { background: var(--sidenav-bg); } &:hover { .menu-text { display: flex; } > .menu-link { background-color: var(--sidenav-item-hover-bg); background: var(--sidenav-bg); color: var(--sidenav-item-hover-color); width: calc( var(--sidenav-width) + var(--sidenav-width-sm) * 0.35 ); --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); } } > .menu-link { &.hs-accordion-toggle { border-radius: 0; border-start-end-radius: var(--radius-md); } &:not(.hs-accordion-toggle) { > .menu-text { border-radius: var(--radius-md); } } } > .sub-menu { border-bottom-left-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); .sub-menu { border-radius: var(--radius-md); } } } } } .page-content { min-height: 2700px; } } html[data-sidenav-size="compact"] { .app-menu { min-width: var(--sidenav-width-md); width: var(--sidenav-width-md); .sidenav-user { .sidenav-user-set-icon { display: none; } } .menu-arrow { display: none; } } } html[data-sidenav-size="offcanvas"] { .app-menu { margin-inline-start: calc(var(--sidenav-width) * -1); opacity: 0; position: fixed; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; } &.sidenav-enable { .app-menu { margin-inline-start: calc(var(--spacing) * 0); opacity: 100%; z-index: 50; } } } html[data-sidenav-size="hidden"] { .app-menu { margin-inline-start: calc(var(--sidenav-width) * -1); } } html[data-layout="horizontal"] { .app-header, .page-content { margin-inline-start: calc(var(--spacing) * 0) !important; } .app-header { z-index: 90; .logo-topbar { display: flex; } } .container-fluid { @media (width >= 96rem) { max-width: 85%; } } .app-header { border-bottom: 0; box-shadow: none; margin: 0; z-index: 50; .logo-topbar { display: block; float: none; } #button-toggle-menu { display: none; } } .page-content { margin-inline-start: 0; min-height: calc(100vh - var(--topbar-height) - 47px); } .topnav { background: var(--sidenav-bg); box-shadow: var(--shadow); font-family: var(--font-secondary); position: sticky; top: var(--topbar-height); width: 100%; z-index: 40; .navbar-nav { display: flex; .nav-item { .nav-link { &:first-of-type { @media (width >= 64rem) { padding-inline-start: calc(var(--spacing) * 0); } } } } .nav-link { align-items: center; display: flex; font-size: var(--sidenav-item-font-size); font-weight: var(--sidenav-item-font-weight); line-height: var(--sidenav-item-font-size); padding: calc(var(--sidenav-item-padding-y) * 1.25) calc(var(--sidenav-item-padding-x) * 1.5); position: relative; .menu-icon { margin-inline-end: calc( var(--sidenav-item-icon-size) * 0.5 ); i { font-size: var(--sidenav-item-icon-size); } svg { height: var(--sidenav-item-icon-size); width: var(--sidenav-item-icon-size); } } .menu-arrow { margin-inline-start: calc( var(--sidenav-item-icon-size) * 0.5 ); } } .hs-dropdown { .hs-dropdown-menu { font-size: var(--sidenav-sub-item-font-size); .dropdown-item { align-items: center; display: flex; gap: 8px; padding: calc(var(--sidenav-item-padding-y) * 0.75) calc(var(--sidenav-item-padding-x) * 1.5); i { font-size: calc( var(--sidenav-sub-item-font-size) * 1.25 ); } } .menu-arrow { margin-inline-start: auto; transform: rotate(-90deg); } } } } .nav-item { .nav-link, > a { color: var(--sidenav-item-color); &:hover { color: var(--sidenav-item-hover-color); } } &.active { > a { color: var(--sidenav-item-hover-color); } } } .menu-arrow { background-color: currentColor; height: 1em; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 1em; } .container-fluid { padding-inline: calc(var(--spacing) * 5); } } .page-title-head { background-color: transparent; border: 0; margin-bottom: 0; min-height: 60px; } } .logo-topbar { .logo-box { padding-inline: calc(var(--spacing) * 0); } } html[data-theme="dark"], html[data-topbar-color="dark"] { .logo-topbar { .logo-light { display: block; } .logo-dark { display: none; } } } @media (min-width: 992px) { .topnav { .hs-dropdown { .hs-dropdown-menu { .hs-dropdown { .hs-dropdown-menu { inset-inline-start: 100%; position: absolute; top: 0; } } } &:hover { .nav-link { color: var(--sidenav-item-hover-color) !important; } } } .hs-dropdown:hover > .hs-dropdown-menu > .hs-dropdown:hover { > .dropdown-item { color: var(--color-default-800) !important; } } } } @media (max-width: 991.98px) { html[data-layout="horizontal"] { .topnav { max-height: 360px; overflow-y: auto; .navbar-nav { flex-direction: column; .nav-link { padding: calc(var(--sidenav-item-padding-y) * 0.8) calc(var(--sidenav-item-padding-x) * 2); } } .hs-dropdown { .hs-dropdown-menu { background-color: transparent; border: none; box-shadow: none; margin-top: calc(var(--sidenav-item-padding-y) * -0.75); padding-inline-start: calc( var(--sidenav-item-padding-x) * 3 ); .hs-dropdown-menu { margin-top: calc(var(--sidenav-item-padding-y) * -0.5); padding-inline-start: calc( var(--sidenav-item-padding-x) * 1.5 ); } } .dropdown-item { background-color: transparent; position: relative; } } .hs-dropdown { .dropdown-item { color: var(--sidenav-item-color); &.hover { color: var(--sidenav-item-hover-color); } &.active, &:active { color: var(--sidenav-item-active-color); } } } .hs-dropdown.active > a.dropdown-item { color: var(--sidenav-item-active-color); } } .topnav-toggle-button { display: block; } } } .topnav-toggle-button { background-color: transparent; border: none; color: var(--topbar-item-color); cursor: pointer; display: none; float: left; padding: 0; position: relative; } .dropdown-menu-columns { -moz-column-count: 2; column-count: 2; -moz-column-gap: 0; column-gap: 0; width: 500px; & > * { page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } } @media (min-width: 992px) { .dropdown-menu-columns { -moz-column-count: 2; column-count: 2; width: 350px; } } .app-header { align-items: center; display: flex; inset-inline-end: calc(var(--spacing) * 0); inset-inline-start: calc(var(--spacing) * 0); margin-inline-start: var(--sidenav-width); min-height: var(--topbar-height); position: sticky; top: calc(var(--spacing) * 0); z-index: 40; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 300ms; background: var(--topbar-bg); transition-duration: 0.3s; transition-property: width, min-width, margin; .topbar-item { align-items: center; display: flex; height: calc(var(--spacing) * 14.5); } .topbar-link { align-items: center; border: none; color: var(--topbar-item-color); cursor: pointer; display: flex; justify-content: center; padding-inline: calc(var(--spacing) * 1.5); position: relative; z-index: 1; &:active, &:focus, &:hover { color: var(--topbar-item-hover-color); } .topbar-link-icon { font-size: 20px; } } .container-fluid { padding-inline: calc(var(--spacing) * 5); } .logo-topbar { display: none; } input::-moz-placeholder { color: currentcolor !important; } input::placeholder { color: currentcolor !important; } .pro-username { font-size: 14px; line-height: 14px !important; } #button-toggle-menu { border-width: 1px; --tw-border-style: dashed; border-color: var(--color-default-300); border-style: dashed; } } .btn-theme-setting { position: relative; &:before { animation: blinkDot 1.2s ease-in-out infinite; background-color: var(--color-danger); border-radius: 50%; content: ""; height: 5px; inset-inline-end: 4px; position: absolute; top: 16px; transform: translateY(-50%); width: 5px; z-index: 5; } } @keyframes blinkDot { 0% { box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 60%, transparent); } 70% { box-shadow: 0 0 0 6px color-mix(in oklab, var(--color-danger) 0%, transparent); } to { box-shadow: 0 0 0 0 color-mix(in oklab, var(--color-danger) 0%, transparent); } } @media (max-width: 767.98px) { .logo-topbar { display: block; .logo-lg { display: none; } .logo-sm { display: block; } } } html[data-sidenav-size="condensed"], html[data-sidenav-size="on-hover"] { .app-header, .page-content { margin-inline-start: var(--sidenav-width-sm); } } html[data-sidenav-size="compact"] { .app-header, .page-content { margin-inline-start: var(--sidenav-width-md); } } html[data-sidenav-size="hidden"], html[data-sidenav-size="offcanvas"] { .app-header, .page-content { margin-inline-start: calc(var(--spacing) * 0); } } html[data-menu-color="light"][data-topbar-color="dark"], html[data-menu-color="light"][data-topbar-color="gradient"] { .app-menu { .logo-box { background: var(--topbar-bg); width: calc(100% + 1px); } .sidenav-user { margin-top: 10px; } #button-hover-toggle { color: #fff !important; } } } html[data-topbar-color="dark"], html[data-topbar-color="gradient"] { .app-header { #button-toggle-menu { --tw-border-style: dashed; border: 1px dashed color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-white) 10%, transparent ); } background-color: color-mix(in srgb, #fff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-white) 3%, transparent ); } color: var(--color-white); } } } .footer { align-items: center; background-color: var(--color-card); border-color: var(--color-default-300); border-top-style: var(--tw-border-style); border-top-width: 1px; display: flex; margin-top: auto; padding-block: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 5); } @layer base { html { position: relative; scroll-behavior: smooth; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-secondary); line-height: 1.5 !important; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } body { overflow-x: hidden; -webkit-tap-highlight-color: transparent; background-color: var(--color-body-bg); font-family: var(--font-body); font-size: var(--text-body); height: 100%; width: 100%; --tw-leading: var(--leading-normal); line-height: var(--leading-normal); --tw-font-weight: var(--font-weight-normal); color: var(--color-body-color); font-weight: var(--font-weight-normal); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } small { font-size: 0.85em; } label { display: block; } b, label, strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } [role="button"]:not(:disabled), button:not(:disabled) { cursor: pointer; } code { color: var(--color-rose-400); } svg.lucide { height: 1em; width: 1em; } } .container { margin-inline: auto; max-width: calc(var(--spacing) * 330); padding-inline: calc(var(--spacing) * 3); } .container-fluid { margin-inline: auto; max-width: 100%; width: 100%; } .animate-grow { animation: spinner-grow 0.75s linear infinite; opacity: 0; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } html[data-theme="light"] { #theme .card-radio { [for="layout-color-light"] { position: relative; &:after { background-color: currentColor; bottom: calc(var(--spacing) * 2); color: var(--color-success); content: ""; display: inline-block; height: 1em; height: calc(var(--spacing) * 6); inset-inline-end: calc(var(--spacing) * 2); margin-inline-start: auto; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; position: absolute; transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 1em; width: calc(var(--spacing) * 6); } } } } html[data-theme="dark"] { #theme .card-radio { [for="layout-color-dark"] { position: relative; &:after { background-color: currentColor; bottom: calc(var(--spacing) * 2); color: var(--color-success); content: ""; display: inline-block; height: 1em; height: calc(var(--spacing) * 6); inset-inline-end: calc(var(--spacing) * 2); margin-inline-start: auto; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; position: absolute; transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 1em; width: calc(var(--spacing) * 6); } } } } @layer components { .btn { align-items: center; border-color: transparent; border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; -moz-column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2); cursor: pointer; display: inline-flex; font-size: var(--text-sm); justify-content: center; line-height: var(--tw-leading, var(--text-sm--line-height)); padding-block: calc(var(--spacing) * 1.75); padding-inline: calc(var(--spacing) * 4); position: relative; text-align: center; z-index: 10; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); &.btn-lg { border-radius: var(--radius); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); padding-block: calc(var(--spacing) * 2.25); padding-inline: calc(var(--spacing) * 5); } &.btn-icon { height: calc(var(--spacing) * 9.25); padding: calc(var(--spacing) * 0); width: calc(var(--spacing) * 9.25); } &.btn-sm { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); padding-block: calc(var(--spacing) * 1.25); padding-inline: calc(var(--spacing) * 3); &.btn-icon { height: calc(var(--spacing) * 7.5); padding: calc(var(--spacing) * 0); width: calc(var(--spacing) * 7.5); } } } .btn[class*="size-"] { padding: 0 !important; } button:disabled { cursor: not-allowed; opacity: 50%; } .badge { align-items: center; border-radius: var(--radius); display: inline-flex; font-size: 0.75em; gap: calc(var(--spacing) * 1); justify-content: center; padding-block: 0.15em; padding-inline: 0.5em; vertical-align: middle; --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .badge.rounded-full { padding-inline: 0.75em; } .badge-label { border-radius: 0; padding-block: calc(var(--spacing) * 0.5); padding-inline: 0.8em; } } @layer components { } @layer components { .card { background-clip: border-box; background-color: var(--color-card); border-radius: var(--radius); display: flex; flex-direction: column; height: -moz-fit-content; height: fit-content; overflow-wrap: break-word; position: relative; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); .card-header { border-bottom-width: 1px; --tw-border-style: dashed; border-color: var(--color-default-300); border-style: dashed; padding-inline: calc(var(--spacing) * 6); } .card-footer, .card-header { align-items: center; display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 3); justify-content: space-between; padding-block: calc(var(--spacing) * 3.75); } .card-footer { border-color: var(--color-light); border-top-style: var(--tw-border-style); border-top-width: 1px; padding-inline: calc(var(--spacing) * 5); } [data-action="card-toggle"] i { transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: transform, translate, scale, rotate; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 200ms; transition-duration: 0.2s; } } .card-body { flex: auto; padding: calc(var(--spacing) * 6); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 300ms; transition-duration: 0.3s; } .card-title { font-size: var(--text-md); line-height: var(--tw-leading, var(--text-md--line-height)); --tw-leading: var(--leading-normal); line-height: var(--leading-normal); --tw-font-weight: var(--font-weight-semibold); color: var(--color-body-color); font-weight: var(--font-weight-semibold); } .card-body.collapsing { height: 0 !important; margin-block: calc(var(--spacing) * -5); opacity: 0; } .card-collapse .card-header { border-bottom: 0; } .card.card-collapsed { overflow: hidden; .card-header { border-bottom: 0; } .card-body { margin-bottom: -2.5rem; } .card-footer { margin-bottom: -1.875rem; margin-top: -1.875rem; } [data-action="card-toggle"] i { rotate: -180deg; } } .card-overlay { align-items: center; background-color: color-mix(in srgb, #6658dd 15%, transparent); border-radius: var(--radius); display: none; inset: calc(var(--spacing) * 0); justify-content: center; position: absolute; z-index: 10; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } --tw-backdrop-blur: blur(2px); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .nav-tabs { align-items: center; -moz-column-gap: calc(var(--spacing) * 2); column-gap: calc(var(--spacing) * 2); display: flex; flex-wrap: wrap; height: 100%; margin-block: calc(var(--spacing) * -3.75); margin-inline-end: calc(var(--spacing) * -3); .nav-link { border-bottom: 1px var(--tw-border-style); border-color: transparent; margin-bottom: calc(var(--spacing) * -1); padding-block: calc(var(--spacing) * 3.75); padding-inline: calc(var(--spacing) * 5); --tw-font-weight: var(--font-weight-medium); color: var(--color-body-color); font-weight: var(--font-weight-medium); } } } @layer components { .hs-dropdown-menu { border-width: 1px; margin-top: calc(var(--spacing) * 2); z-index: 30; --tw-border-style: solid; background-color: var(--color-card); border-color: var(--color-default-300); border-radius: var(--radius); border-style: solid; display: none; min-width: calc(var(--spacing) * 44); opacity: 0; padding: calc(var(--spacing) * 1); text-wrap: wrap; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-property: opacity, margin; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); &.hs-dropdown-menu.open, .hs-dropdown.open > &, .hs-dropdown.open > .hs-dropdown-menu > &, .hs-dropdown.open > .hs-dropdown-toggle & { opacity: 100%; } } .dropdown-item { align-items: center; border-radius: calc(var(--radius) * 0.5); color: var(--color-body-color); cursor: pointer; display: flex; gap: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3.75); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 100%; &:hover { @media (hover: hover) { background-color: var(--color-default-100); } } &.active { background-color: var(--color-default-100); } } .dropdown-divider { border-color: transparent; border-top: 1px var(--tw-border-style) var(--color-default-300); margin-block: calc(var(--spacing) * 1) !important; margin-inline: calc(var(--spacing) * -1); overflow: hidden; } .\[--trigger\:hover\] .hs-dropdown-menu { &:before { content: var(--tw-content); height: calc(var(--spacing) * 4); inset-inline-start: calc(var(--spacing) * 0); top: calc(var(--spacing) * -4); width: 100%; } &:after, &:before { position: absolute; } &:after { bottom: calc(var(--spacing) * -4); content: var(--tw-content); height: calc(var(--spacing) * 4); inset-inline-start: calc(var(--spacing) * 0); width: 100%; } } } .form-input { border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; color: var(--color-body-color); display: block; font-size: var(--text-sm); height: calc(var(--spacing) * 9.25); line-height: var(--tw-leading, var(--text-sm--line-height)); outline-style: var(--tw-outline-style); outline-width: 0; padding-block: calc(var(--spacing) * 0); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-property: color, box-shadow; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 100%; &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } &:hover { @media (hover: hover) { border-color: var(--color-default-500) !important; } } &:focus { border-color: var(--color-default-500) !important; outline-style: var(--tw-outline-style); outline-width: 0; } &:focus-visible { border-color: var(--color-default-500); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-outline-style: none; outline-style: none; } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } } .is-invalid { border-color: var(--color-danger) !important; &:focus { border-color: var(--color-danger) !important; } &:focus { --tw-ring-color: color-mix( in srgb, #f1556c 20%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 20%, transparent ) !important; } } } .is-valid { border-color: var(--color-success) !important; &:focus { border-color: var(--color-success) !important; } &:focus { --tw-ring-color: color-mix( in srgb, #0acf97 20%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-success) 20%, transparent ) !important; } } } .form-input, .form-select, .form-textarea { &:disabled { background-color: var(--color-default-100); cursor: not-allowed; opacity: 70%; } &:is([readonly]) { cursor: not-allowed; } &:is([readonly]) { color: var(--color-body-color); } } .form-label { display: block; margin-bottom: calc(var(--spacing) * 2); --tw-font-weight: var(--font-weight-semibold); color: var(--color-body-color); font-weight: var(--font-weight-semibold); } .form-input:not([class*="bg-"]), .form-select:not([class*="bg-"]), .form-textarea:not([class*="bg-"]) { background-color: var(--color-card); } .form-input:not([class*="border-"]), .form-select:not([class*="border-"]), .form-textarea:not([class*="border-"]) { border-color: var(--color-default-300); } .form-input-sm { font-size: var(--text-xs) !important; height: calc(var(--spacing) * 7.5) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .form-input-lg { font-size: var(--text-base) !important; height: calc(var(--spacing) * 11.75) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } .form-select-sm { font-size: var(--text-xs) !important; height: calc(var(--spacing) * 7.5) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .form-select-lg { font-size: var(--text-base) !important; height: calc(var(--spacing) * 11.75) !important; line-height: var(--tw-leading, var(--text-base--line-height)) !important; } .form-textarea { border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; color: var(--color-body-color); display: block; font-size: var(--text-sm); height: auto !important; line-height: var(--tw-leading, var(--text-sm--line-height)); outline-style: var(--tw-outline-style); outline-width: 0; padding-block: calc(var(--spacing) * 2); padding-inline: calc(var(--spacing) * 3); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-property: color, box-shadow; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 100%; &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } &:hover { @media (hover: hover) { border-color: var(--color-default-500); } } &:focus { border-color: var(--color-default-500); outline-style: var(--tw-outline-style); outline-width: 0; } &:focus-visible { border-color: var(--color-default-500); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-outline-style: none; outline-style: none; } } .form-select { background-color: var(--color-card); border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; color: var(--color-body-color); display: block; font-size: var(--text-sm); height: calc(var(--spacing) * 9.25); line-height: var(--tw-leading, var(--text-sm--line-height)); outline-style: var(--tw-outline-style); outline-width: 0; padding-block: calc(var(--spacing) * 0); padding-inline-end: 2.31rem !important; transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-property: color, box-shadow; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 100%; &::-moz-placeholder { color: var(--color-body-color); } &::placeholder { color: var(--color-body-color); } &:hover { @media (hover: hover) { border-color: var(--color-default-500); } } &:focus { border-color: var(--color-default-500); outline-style: var(--tw-outline-style); outline-width: 0; } &:focus-visible { border-color: var(--color-default-500); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-outline-style: none; outline-style: none; } &:disabled { cursor: not-allowed; opacity: 70%; } &:is([readonly]) { cursor: not-allowed; } &:is([readonly]) { color: var(--color-body-color); } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } &[multiple] { background-image: none; height: auto !important; padding-block: calc(var(--spacing) * 2); padding-inline-end: 0 !important; } } select[multiple] option { padding: 4px 6px; } .form-checkbox, .form-radio { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; background-position: 50%; background-repeat: no-repeat; border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; flex-shrink: 0; height: calc(var(--spacing) * 4.5); width: calc(var(--spacing) * 4.5); --tw-ring-offset-color: var(--color-white); cursor: pointer; &:focus-visible { --tw-outline-style: none; outline-style: none; } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: inherit; } &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:disabled { cursor: not-allowed; opacity: 90%; } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } &:checked { border-color: inherit; } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:checked { background-color: var(--color-primary) !important; border-color: transparent !important; } } .form-checkbox-light { border-color: color-mix(in srgb, #eef2f7 90%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-light) 90%, transparent ) !important; } background-color: color-mix(in srgb, #eef2f7 90%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 90%, transparent ) !important; } box-shadow: inset 0 1px 2px rgba(var(--color-dark), 0.05); } .form-checkbox { border-radius: var(--radius-sm); } .form-checkbox:not([class*="size-"]), .form-radio:not([class*="size-"]) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .form-checkbox[class*="rounded-full"] { border-radius: calc(infinity * 1px); } .form-checkbox-sm, .form-radio-sm { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .form-radio-lg { height: calc(var(--spacing) * 5.5); width: calc(var(--spacing) * 5.5); } .form-switch { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--color-default-200); border-color: var(--color-default-300); border-style: var(--tw-border-style) !important; border-style: var(--tw-border-style); border-width: 1px !important; border-width: 0; cursor: pointer; display: inline-flex; flex-shrink: 0; position: relative; &:checked { background-image: none; } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: var(--color-default-300); } &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:focus-visible { --tw-ring-offset-color: var(--color-card); } &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } &:disabled { cursor: not-allowed; opacity: 50%; } &[aria-invalid="true"] { border-style: var(--tw-border-style); border-width: 1px; } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:before, &:focus { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:before { display: block; inset-inline-start: calc(var(--spacing) * 0); pointer-events: none; position: absolute; top: 50%; --tw-translate-x: calc(var(--spacing) * 1); --tw-translate-y: -50%; background-color: color-mix( in oklab, var(--color-dark) 30%, transparent ); border-radius: calc(infinity * 1px); translate: var(--tw-translate-x) var(--tw-translate-y); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.05)); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: transform, translate, scale, rotate; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-content: ""; content: var(--tw-content); } &:checked, &[aria-checked="true"] { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; &:before { background-color: var(--color-white); } } } .form-switch { border-radius: calc(infinity * 1px); height: calc(var(--spacing) * 5); width: calc(var(--spacing) * 7.5); &:before { height: calc(var(--spacing) * 3); width: calc(var(--spacing) * 3); } &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * 3.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .form-switch-sm { border-radius: calc(infinity * 1px); height: calc(var(--spacing) * 4.5); width: calc(var(--spacing) * 6.5); &:before { height: calc(var(--spacing) * 2.5); width: calc(var(--spacing) * 2.5); } &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .form-switch-lg { border-radius: calc(infinity * 1px); height: calc(var(--spacing) * 5.5); width: calc(var(--spacing) * 8.5); &:before { height: calc(var(--spacing) * 3.5); width: calc(var(--spacing) * 3.5); } &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } } } [dir="rtl"] .form-switch { &:before { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * -3.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } &.form-switch-sm { &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } } } &.form-switch-lg { &:checked, &[aria-checked="true"] { &:before { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } } } } .card-radio { position: relative; label { cursor: pointer; } .form-label { border-color: var(--color-default-300); border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); } input:checked + .form-label { position: relative; &:after { background-color: currentColor; bottom: calc(var(--spacing) * 2); color: var(--color-success); content: ""; display: inline-block; height: 1em; height: calc(var(--spacing) * 6); inset-inline-end: calc(var(--spacing) * 2); margin-inline-start: auto; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113.797l.154.145.698.698a1.2 1.2 0 0 0 .71.341L15.82 4h1a3.2 3.2 0 0 1 3.195 3.018l.005.182v1c0 .27.092.533.258.743l.09.1.697.698a3.2 3.2 0 0 1 .147 4.382l-.145.154-.698.698a1.2 1.2 0 0 0-.341.71l-.008.135v1a3.2 3.2 0 0 1-3.018 3.195l-.182.005h-1a1.2 1.2 0 0 0-.743.258l-.1.09-.698.697a3.2 3.2 0 0 1-4.382.147l-.154-.145-.698-.698a1.2 1.2 0 0 0-.71-.341L8.2 20.02h-1a3.2 3.2 0 0 1-3.195-3.018L4 16.82v-1a1.2 1.2 0 0 0-.258-.743l-.09-.1-.697-.698a3.2 3.2 0 0 1-.147-4.382l.145-.154.698-.698a1.2 1.2 0 0 0 .341-.71L4 8.2v-1l.005-.182a3.2 3.2 0 0 1 3.013-3.013L7.2 4h1a1.2 1.2 0 0 0 .743-.258l.1-.09.698-.697a3.2 3.2 0 0 1 2.269-.944m3.697 7.282a1 1 0 0 0-1.414 0L11 12.585l-1.293-1.292-.094-.083a1 1 0 0 0-1.32 1.497l2 2 .094.083a1 1 0 0 0 1.32-.083l4-4 .083-.094a1 1 0 0 0-.083-1.32'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; position: absolute; transition-duration: var( --tw-duration, var(--default-transition-duration) ); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); width: 1em; width: calc(var(--spacing) * 6); } } } input:checked + .form-label.btn { background-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } color: var(--color-primary); } @layer base { .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; } } .input-group { > .form-input, > .form-select, > .form-textarea { flex: 1 1 auto; min-width: 0; position: relative; width: 1%; } .input-group-text { align-items: center; background-color: var(--color-default-100); border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; color: var(--color-default-600); display: flex; padding-inline: calc(var(--spacing) * 3); } > :not(:last-child) { border-color: var(--color-default-300); border-end-end-radius: 0; border-start-end-radius: 0; border-style: var(--tw-border-style); border-width: 1px; } > :not(:first-child) { border-end-start-radius: 0; border-start-start-radius: 0; margin-inline-start: -1px; } > .btn { position: relative; z-index: 2; } .hs-dropdown { border-width: 0; } } @layer base { .input-icon-group { align-items: stretch; display: flex; position: relative; } } .input-icon-group { > .form-input, > .form-select { width: 100%; } > .input-icon:first-child { inset-inline-start: calc(var(--spacing) * 3); pointer-events: none; position: absolute; top: 50%; --tw-translate-y: -50%; color: var(--color-default-400); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); translate: var(--tw-translate-x) var(--tw-translate-y); } > .input-icon:first-child + .form-input, > .input-icon:first-child + .form-select { padding-inline-start: calc(var(--spacing) * 10) !important; } > .input-icon:last-child { inset-inline-end: calc(var(--spacing) * 3); pointer-events: none; position: absolute; top: 50%; --tw-translate-y: -50%; color: var(--color-default-400); font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); translate: var(--tw-translate-x) var(--tw-translate-y); } > .form-input:not(:last-child), > .form-select:not(:last-child) { padding-inline-end: calc(var(--spacing) * 10); } > .form-select:not(:last-child) { background-size: 4rem 1.5rem; } } .input-group[data-touchspin] { align-items: center; border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; display: inline-flex; gap: calc(var(--spacing) * 2.5); padding: calc(var(--spacing) * 1); > .btn { align-items: center; border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 0; cursor: pointer; display: inline-flex; height: calc(var(--spacing) * 7); justify-content: center; padding: calc(var(--spacing) * 0); width: calc(var(--spacing) * 7); --tw-leading: 1; line-height: 1; &:focus { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; } } > .form-input { background-color: transparent; border-style: var(--tw-border-style); border-width: 0; font-size: var(--text-sm); height: auto; line-height: var(--tw-leading, var(--text-sm--line-height)); margin: calc(var(--spacing) * 0); padding: calc(var(--spacing) * 0); text-align: center; --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:focus { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-outline-style: none; outline-style: none; } } [data-icon] { align-items: center; display: inline-flex; font-size: var(--text-xs); justify-content: center; line-height: var(--tw-leading, var(--text-xs--line-height)); } &:has(.form-input:disabled) { background-color: color-mix(in srgb, #eef2f7 15%, transparent); pointer-events: none; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 15%, transparent ); } } &:has(.form-input[readonly]) { pointer-events: none; } } .form-range { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; width: 100%; &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } &:disabled { opacity: 50%; pointer-events: none; } &::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: var(--color-primary); border-radius: calc(infinity * 1px); height: calc(var(--spacing) * 2.5); margin-top: calc(var(--spacing) * -0.5); width: calc(var(--spacing) * 2.5); --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--color-primary)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-duration: var( --tw-duration, var(--default-transition-duration) ); -webkit-transition-property: all; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } &::-moz-range-thumb { height: calc(var(--spacing) * 2.5); width: calc(var(--spacing) * 2.5); } &::-webkit-slider-thumb { --tw-duration: 150ms; transition-duration: 0.15s; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } &::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: var(--color-primary); border-color: var(--color-primary); border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 8px; transition-duration: var( --tw-duration, var(--default-transition-duration) ); -moz-transition-property: all; transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 150ms; transition-duration: 0.15s; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } &::-webkit-slider-runnable-track { background-color: var(--color-default-100); height: calc(var(--spacing) * 2); width: 100%; } &::-moz-range-track { background-color: var(--color-default-100); border-radius: calc(infinity * 1px); height: calc(var(--spacing) * 2); width: 100%; } &::-webkit-slider-runnable-track { border-radius: calc(infinity * 1px); } } .form-input[type="file"] { cursor: pointer; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); padding: calc(var(--spacing) * 0); &::file-selector-button { margin-inline-end: calc(var(--spacing) * 3); } &::file-selector-button { height: 100%; } &::file-selector-button { cursor: pointer; } &::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } &::file-selector-button { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } &::file-selector-button { border-color: var(--color-default-300); } &::file-selector-button { background-color: var(--color-default-100); } &::file-selector-button { padding-inline: calc(var(--spacing) * 3); } &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &::file-selector-button { color: var(--color-default-700); } &:hover { @media (hover: hover) { border-color: var(--color-default-500); } } &:hover { @media (hover: hover) { &::file-selector-button { border-color: var(--color-default-300); } } } &:focus { border-color: var(--color-default-500); --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline-style: var(--tw-outline-style); outline-width: 0; } &:focus-visible { border-color: var(--color-default-500); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-outline-style: none; outline-style: none; } } @media print { .app-header, .footer, aside.app-menu { display: none !important; width: calc(var(--spacing) * 0); } .page-content, body { margin: 0; padding: 0; } .card { box-shadow: none; } } @layer components { .table-wrapper { overflow: auto; overflow-x: auto; position: relative; width: 100%; } .table { border-collapse: collapse; caption-side: bottom; color: var(--color-body-color); vertical-align: bottom; width: 100%; tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; border-color: var(--color-light); } caption { color: var(--color-default-400); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); margin-top: calc(var(--spacing) * 4); } thead { & tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } th { padding-block: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 2.5); text-align: start; vertical-align: middle; --tw-font-weight: var(--font-weight-bold); color: var(--color-body-color); font-weight: var(--font-weight-bold); } } .thead-sm { th { padding: calc(var(--spacing) * 2); } } td, th { &:first-child { padding-inline-start: calc(var(--spacing) * 4.5); } &:last-child { padding-inline-end: calc(var(--spacing) * 4.5); } } tbody { & tr:last-child { border-style: var(--tw-border-style); border-width: 0; } td { padding-block: calc(var(--spacing) * 3); padding-inline: calc(var(--spacing) * 2.5); vertical-align: middle; } } tfoot { background-color: color-mix(in srgb, #9ba6b7 50%, transparent); border-top-style: var(--tw-border-style); border-top-width: 1px; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-400) 50%, transparent ); } --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); &:last-child { & > tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } } th { color: var(--color-default-700); height: calc(var(--spacing) * 10); padding-inline: calc(var(--spacing) * 2.5); vertical-align: middle; } } &.table-bordered { border-color: var(--color-light); border-style: var(--tw-border-style); border-width: 1px; & td, & th { border-color: var(--color-light); border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; &:last-child { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 0; } } } &.table-borderless { tr { --tw-border-style: none; border-style: none; } } &.table-striped { tbody { tr { &:where(:nth-child(odd)) { background-color: color-mix( in srgb, #eef2f7 45%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 45%, transparent ) !important; } } } } } &.table-hover { tbody { tr:hover { background-color: color-mix( in srgb, #eef2f7 45%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 45%, transparent ) !important; } } } } &.table-sm { thead { th { padding: calc(var(--spacing) * 2); } } tbody { td { padding: calc(var(--spacing) * 2); } } } } .table:has(.form-checkbox:checked) { tr:has(.form-checkbox:checked) { background-color: color-mix(in srgb, #f7b84b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ); } } } .table-custom th { white-space: nowrap; } } @layer components { .pagination { align-items: center; display: inline-flex; :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-end: calc( var(--spacing) * 1.5 * (1 - var(--tw-space-x-reverse)) ); margin-inline-start: calc( var(--spacing) * 1.5 * var(--tw-space-x-reverse) ); } > .btn { border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; height: calc(var(--spacing) * 7.5); padding-inline: calc(var(--spacing) * 0); width: calc(var(--spacing) * 7.5); } } .page-item .page-link { align-items: center; background-color: transparent; border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; display: flex; height: calc(var(--spacing) * 7.5); justify-content: center; width: calc(var(--spacing) * 7.5); } .page-item.active .page-link { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .page-item.disabled .page-link { opacity: 60%; pointer-events: none; } } @keyframes strip { 0% { background-position-x: 1rem; } } .animate-strip { animation: strip 1s linear infinite; } .progress-striped { background-image: linear-gradient( 45deg, hsla(0, 0%, 100%, 0.15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0.15) 75%, transparent 0, transparent ); background-size: 1rem 1rem; } @keyframes progress-stripes { 0% { background-position: 1rem 0; } to { background-position: 0 0; } } .animate-progress-stripes { animation: progress-stripes 1s linear infinite; } .hs-overlay-animation-target { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; opacity: 0; scale: var(--tw-scale-x) var(--tw-scale-y); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); --tw-duration: 200ms; transition-duration: 0.2s; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); @media (width >= 40rem) { margin-inline: auto; } &.open, .open & { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } &.open, .open & { opacity: 100%; } } .close-icon { background-color: currentColor; display: inline-block; height: 1em; -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; width: 1em; } .hs-overlay-backdrop { background-color: color-mix(in srgb, #313a46 50%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-900) 50%, transparent ) !important; } } [data-simplebar] { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; position: relative; } .simplebar-wrapper { height: inherit; max-height: inherit; max-width: inherit; overflow: hidden; width: inherit; } .simplebar-mask { direction: inherit; height: auto !important; inset-inline-end: 0; inset-inline-start: 0; overflow: hidden; width: auto !important; z-index: 0; } .simplebar-mask, .simplebar-offset { bottom: 0; margin: 0; padding: 0; position: absolute; top: 0; } .simplebar-offset { box-sizing: inherit !important; direction: inherit !important; inset-inline-end: 0 !important; inset-inline-start: 0 !important; resize: none !important; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { box-sizing: border-box !important; direction: inherit; display: block; height: 100%; max-height: 100%; max-width: 100%; overflow: auto; padding: 0 !important; position: relative; scrollbar-width: none; visibility: visible; width: auto; } .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; } .simplebar-content:after, .simplebar-content:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; pointer-events: none; width: 100%; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; float: inset-inline-start; height: 100%; margin: 0; max-height: 1px; max-width: 1px; overflow: hidden; padding: 0; pointer-events: none; position: relative; width: 100%; z-index: -1; grow: inherit; flex-basis: 0; flex-shrink: 0; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; height: 1000%; inset-inline-start: 0; min-height: 1px; min-width: 1px; opacity: 0; top: 0; width: 1000%; z-index: -1; } .simplebar-height-auto-observer, .simplebar-track { overflow: hidden; pointer-events: none; position: absolute; } .simplebar-track { bottom: 0; inset-inline-end: 0; z-index: 1; } [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -moz-user-select: none; user-select: none; -webkit-user-select: none; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { inset-inline-end: 2px; min-height: 10px; position: absolute; width: 6px; } .simplebar-scrollbar:before { background: #a2adb7; border-radius: 7px; content: ""; inset-inline-end: 0; inset-inline-start: 0; opacity: 0; position: absolute; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { bottom: 2px; top: 2px; } .simplebar-track.simplebar-horizontal { height: 11px; inset-inline-start: 0; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; inset-inline-end: 2px; inset-inline-start: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 7px; inset-inline-end: auto; inset-inline-start: 0; min-height: 0; min-width: 10px; top: 2px; width: auto; } [data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical { inset-inline-end: auto; inset-inline-start: 0; } .simplebar-dummy-scrollbar-size { direction: rtl; height: 500px; opacity: 0; overflow-x: scroll; overflow-y: hidden; position: fixed; visibility: hidden; width: 500px; } .simplebar-hide-scrollbar { inset-inline-start: 0; overflow-y: scroll; position: fixed; scrollbar-width: none; visibility: hidden; } [data-simplebar-lg] { .simplebar-scrollbar { inset-inline-end: 1px; width: 10px; } } [data-simplebar-primary] { .simplebar-scrollbar { &:before { background-color: var(--color-primary); } } } .flatpickr-calendar { &.arrowTop { &:after, &:before { border-bottom-color: var(--color-card); } } &.arrowBottom { &:after, &:before { border-top-color: var(--color-card); } } &.open { z-index: 1200; } &.inline { display: block; } } .flatpickr-day { &.endRange, &.endRange.inRange, &.endRange.nextMonthDay, &.endRange.prevMonthDay, &.endRange:focus, &.endRange:hover, &.selected, &.selected.inRange, &.selected.nextMonthDay, &.selected.prevMonthDay, &.selected:focus, &.selected:hover, &.startRange, &.startRange.inRange, &.startRange.nextMonthDay, &.startRange.prevMonthDay, &.startRange:focus, &.startRange:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; } &.endRange.startRange + .endRange:not(:nth-child(7n + 1)), &.selected.startRange + .endRange:not(:nth-child(7n + 1)), &.startRange.startRange + .endRange:not(:nth-child(7n + 1)) { box-shadow: -10px 0 0 var(--color-primary); } } .flatpickr-time { .flatpickr-am-pm:focus, .flatpickr-am-pm:hover, input:focus, input:hover { background-color: var(--color-card); color: var(--color-default-700); } } .flatpickr-months { .flatpickr-month { height: 40px; } .flatpickr-month, .flatpickr-next-month, .flatpickr-prev-month { color: var(--color-body-color); fill: var(--color-default-500); line-height: 16px; } } .flatpickr-day { &.disabled, &.disabled:hover, &.nextMonthDay, &.notAllowed, &.notAllowed.nextMonthDay, &.notAllowed.prevMonthDay, &.prevMonthDay { color: var(--color-default-400); } &.inRange, &.nextMonthDay.inRange, &.nextMonthDay.today.inRange, &.nextMonthDay:focus, &.nextMonthDay:hover, &.prevMonthDay.inRange, &.prevMonthDay.today.inRange, &.prevMonthDay:focus, &.prevMonthDay:hover, &.today.inRange, &:focus, &:hover { background-color: var(--color-default-100); border-color: var(--color-default-100); } } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: transparent; overflow: hidden !important; scrollbar-width: thin; &:hover { overflow: auto !important; } } code[class*="language-"], pre[class*="language-"] { background: none; color: #000; font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace; font-size: 13px; text-align: start; text-shadow: 0 1px #fff; white-space: pre; word-break: normal; word-spacing: normal; word-wrap: normal; display: block; hyphens: none; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; } code[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, pre[class*="language-"]::-moz-selection { background: #b3d4fc; text-shadow: none; } code[class*="language-"] ::selection, code[class*="language-"]::selection, pre[class*="language-"] ::selection, pre[class*="language-"]::selection { background: #b3d4fc; text-shadow: none; } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } } pre[class*="language-"] { margin: 0; overflow: auto; padding: 1em; } :not(pre) > code[class*="language-"] { border-radius: 0.3em; padding: 0.1em; white-space: normal; } .token.cdata, .token.comment, .token.doctype, .token.prolog { color: #708090; } .token.punctuation { color: var(--color-primary); } .token.namespace { opacity: 0.7; } .token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag { color: var(--color-primary); } .token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string { color: var(--color-success); } .language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url { background: transparent; color: #9a6e3a; } .token.atrule, .token.attr-value, .token.keyword { color: var(--color-danger); } .token.class-name, .token.function { color: #dd4a68; } .token.important, .token.regex, .token.variable { color: #e90; } .token.bold, .token.important { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .token.italic { font-style: italic; } .token.entity { cursor: help; } code[class*="language-"], pre[class*="language-"] { color: var(--color-gray-600); text-shadow: none; code:not(:last-of-type) { margin-bottom: 1rem; } } .choices { &[data-type*="select-one"] { cursor: pointer; .choices__input { background-color: var(--color-card); border-color: var(--color-default-300) !important; border-radius: var(--radius); border-style: var(--tw-border-style) !important; border-width: 1px !important; color: var(--color-body-color); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); margin-bottom: 10px; min-height: calc(var(--spacing) * 9.25); padding-inline: calc(var(--spacing) * 3); &:hover { border-color: var(--color-default-300); } } &:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); border: 0; color: var(--color-light); content: ""; font-size: 20px; height: 20px; inset-inline-end: 12px; inset-inline-start: auto; margin-top: 0; pointer-events: none; position: absolute; top: 18px; transform: translateY(-50%); transition: transform 0.2s ease-in-out; width: 20px; } &.is-open:after { margin-top: 0; transform: translateY(-50%) rotate(-180deg); } .choices__button { inset-inline-end: 20px; } } &[data-type*="select-multiple"], &[data-type*="text"] { .choices__inner { cursor: text; padding: 0.2266rem 0.385rem !important; } .choices__button { border-left-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix( in oklab, var(--color-white) 50%, transparent ); } border-right: 0; } .choices__list--dropdown { padding-bottom: 10px; .choices__list { margin-bottom: 0; } } } &[data-type*="select-multiple"] { .choices__input { padding-top: 3px; } } } .input-light { .choices__inner { background-color: var(--color-light); border: none; } } .choices__inner { &:hover { border-color: var(--color-default-300); } .choices__list--single { padding: 0 !important; } } .is-focused, .is-open { .choices__inner { border-color: var(--color-default-400); } } .choices__list--multiple { .choices__item { background-color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 7px; color: #fff; font-size: 11px; font-weight: 400; margin: 2px 5px 2px 0; padding: 2px 7px; vertical-align: initial; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); &.is-highlighted { background-color: var(--color-primary); border: 1px solid var(--color-primary); } } } .is-disabled { .choices__list--multiple { .choices__item { background-color: var(--color-secondary); border: 1px solid var(--color-secondary); } } } .choices__list--dropdown { &.is-active { animation-name: DropDownSlideUp; } .choices__item--selectable.is-highlighted { background-color: var(--color-default-100) !important; } .choices__list { margin: 0 -10px -16px; scrollbar-width: thin; } .has-no-results { font-style: italic; font-weight: 500; } .choices__item--selectable:after { display: none; } } .choices__list--dropdown { .choices__list { max-height: 300px; } .choices__item { font-size: var(--text-body) !important; padding: 0.4rem 1.125rem 0.4rem 16px !important; } } .choices__inner { &:hover { @media (hover: hover) { border-color: var(--color-default-500); } } } .choices__input { &:focus { border-color: transparent; --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline-style: var(--tw-outline-style); outline-width: 0; } &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } } [data-theme="dark"] { .choices[data-type*="select-one"] { .choices__button { --tw-brightness: brightness(2); --tw-grayscale: grayscale(100%); --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } .choices { &[data-type*="select-one"] { &:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); } } } } .apex-charts { min-height: 10px !important; .apexcharts-canvas { margin: 0 auto; } } .apex-charts text, .apexcharts-datalabels text, .apexcharts-legend-text, .apexcharts-subtitle-text, .apexcharts-title-text, .apexcharts-tooltip *, .apexcharts-tooltip-text, .apexcharts-tooltip-title, .apexcharts-xaxis text, .apexcharts-xaxistooltip-text, .apexcharts-yaxis text { font-family: var(--font-secondary) !important; } .apexcharts-tooltip { background-color: var(--color-card) !important; border: 1px solid var(--color-default-300) !important; box-shadow: var(--shadow) !important; .apexcharts-tooltip-title { background-color: color-mix( in srgb, #eef2f7 75%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-light) 75%, transparent ) !important; } border-bottom: 1px solid var(--color-default-300) !important; } } .apexcharts-legend-series, .apexcharts-legend-text { font-weight: 600; } .apexcharts-gridline { pointer-events: none; stroke-dasharray: 3; } .apexcharts-grid-borders .apexcharts-gridline + line, .apexcharts-gridline, .apexcharts-pie circle, .apexcharts-pie line, .apexcharts-radar-series line, .apexcharts-radar-series polygon, .apexcharts-xaxis-tick { stroke: var(--color-default-300); } .apexcharts-legend-text { color: var(--color-default-600) !important; font-size: 13px !important; vertical-align: middle; } .apexcharts-legend-marker { margin-inline-end: 5px !important; top: 1px !important; vertical-align: middle; } .apexcharts-pie-label { fill: #fff !important; } .apexcharts-subtitle-text, .apexcharts-title-text, .apexcharts-xaxis text, .apexcharts-yaxis text { fill: var(--color-default-400); } .apexcharts-yaxis-title { font-weight: 50; } .apexcharts-annotation-rect { fill: var(--color-default-100) !important; } .apexcharts-xaxis-annotations, .apexcharts-yaxis-annotations { rect { stroke: none; } } .apex-toolbar { .btn-light.active { background-color: var(--color-primary); border-color: var(--color-primary); color: #fff; } } .apexcharts-xaxistooltip, .apexcharts-yaxistooltip { background-color: var(--color-card) !important; border-color: var(--color-default-300) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; color: var(--color-default-600) !important; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; box-shadow: var(--shadow) !important; } .apexcharts-xaxistooltip-bottom { &:before { border-bottom-color: var(--color-default-200) !important; } &:after { border-bottom-color: var(--color-card) !important; } } .apexcharts-xaxistooltip-top { &:before { border-top-color: var(--color-default-200) !important; } &:after { border-top-color: var(--color-card) !important; } } .apexcharts-yaxistooltip-left { &:before { border-inline-start-color: var(--color-default-200) !important; } &:after { border-left-color: var(--color-card) !important; } } .apexcharts-datalabel-label, .apexcharts-datalabel-value { fill: var(--color-body-color) !important; } .apexcharts-menu { background-color: var(--color-card) !important; border-color: var(--color-default-300) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; padding: calc(var(--spacing) * 1) !important; text-align: center !important; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; box-shadow: var(--shadow) !important; .apexcharts-menu-item { &:hover { background-color: var(--color-default-100) !important; color: var(--color-default-700) !important; } } } .apexcharts-track { path { stroke: var(--color-default-100); } } .apexcharts-marker { stroke: var(--color-body-bg); } .apexcharts-grid { rect { fill: none; } } .apex-charts .apexcharts-bar-series path, .apex-charts .apexcharts-heatmap-series rect, .apex-charts .apexcharts-pie-series path, .apex-charts .apexcharts-treemap rect { stroke: var(--color-card); } .apexcharts-data-labels { padding-inline-start: 10px !important; } .apexcharts-svg:focus { outline: none !important; } :root .fc { --fc-border-color: var(--color-default-300); --fc-non-business-color: var(--color-default-100); --fc-button-bg-color: var(--color-primary); --fc-button-border-color: var(--color-primary); --fc-button-hover-bg-color: var(--color-primary); --fc-button-hover-border-color: var(--color-primary); --fc-button-active-bg-color: var(--color-primary); --fc-button-active-border-color: var(--color-primary); --fc-neutral-bg-color: var(--color-default-300); --fc-neutral-text-color: var(--color-default-700); --fc-page-bg-color: #fff; } #external-events .fc-event, .fc-event.fc-event-dragging { align-items: center; border-radius: var(--radius-sm); cursor: pointer; display: flex; padding: 8px 16px; text-align: start; --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .fc-daygrid-day-events { display: flex; flex-direction: column; } .fc-event { background-color: currentcolor; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, currentcolor 20%, transparent); } } .fc-event-draggable.fc-event { border-radius: var(--radius-sm); margin-top: calc(var(--spacing) * 2); padding: 4px; --tw-border-style: none; border-style: none; padding-block: calc(var(--spacing) * 1.5); padding-inline: calc(var(--spacing) * 3); --tw-font-weight: var(--font-weight-medium); color: currentcolor; font-weight: var(--font-weight-medium); } .fc-daygrid-event-dot { border-color: currentcolor; display: none; } .fc-event-main { color: currentcolor !important; } .fc-button { align-items: center; display: flex !important; text-transform: capitalize !important; } .fc .fc-button-primary:focus { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; } .fc-toolbar-title { font-size: var(--text-lg) !important; line-height: var(--tw-leading, var(--text-lg--line-height)) !important; } .pcr-app { background: var(--color-card); border: 1px solid var(--color-default-300); border-radius: 4px; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); .pcr-interaction { .pcr-type.active { background: var(--color-primary); } .pcr-result { background-color: var(--color-card); border: 1px solid var(--color-default-300); border-radius: 0.25rem; color: var(--color-body-color); } input { background-color: var(--color-light); border-radius: 0.25rem !important; &:focus { background-color: var(--color-card); border-color: color-mix(in srgb, #6658dd 15%, transparent); box-shadow: none; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } } } .pcr-save { background: var(--color-success) !important; } .pcr-cancel, .pcr-clear { background: var(--color-danger) !important; } } } .pickr { .pcr-button { border-radius: 0.25rem; height: 36px; width: 150px; &:after, &:before { border-radius: 0.25rem; } } } .pcr-app[data-theme="classic"] { .pcr-selection { .pcr-color-preview { margin-inline-end: 0.75em; margin-inline-start: 0; } .pcr-color-chooser, .pcr-color-opacity { margin-inline-end: 0; margin-inline-start: 0.75em; } } } .pcr-app[data-theme="monolith"] { .pcr-result { min-width: 100%; } } .choices { &[data-type*="select-one"] { cursor: pointer; .choices__input { background-color: var(--color-card); border-color: var(--color-default-300) !important; border-radius: var(--radius); border-style: var(--tw-border-style) !important; border-width: 1px !important; color: var(--color-body-color); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); margin-bottom: 10px; min-height: calc(var(--spacing) * 9.25); padding-inline: calc(var(--spacing) * 3); &:hover { border-color: var(--color-default-300); } } &:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); border: 0; color: var(--color-light); content: ""; font-size: 20px; height: 20px; inset-inline-end: 12px; inset-inline-start: auto; margin-top: 0; pointer-events: none; position: absolute; top: 18px; transform: translateY(-50%); transition: transform 0.2s ease-in-out; width: 20px; } &.is-open:after { margin-top: 0; transform: translateY(-50%) rotate(-180deg); } .choices__button { inset-inline-end: 20px; } } &[data-type*="select-multiple"], &[data-type*="text"] { .choices__inner { cursor: text; padding: 0.2266rem 0.385rem !important; } .choices__button { border-left-color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-left-color: color-mix( in oklab, var(--color-white) 50%, transparent ); } border-right: 0; } .choices__list--dropdown { padding-bottom: 10px; .choices__list { margin-bottom: 0; } } } &[data-type*="select-multiple"] { .choices__input { padding-top: 3px; } } } .choices__list--dropdown, .choices__list[aria-expanded] { margin-top: 0; } .input-light { .choices__inner { background-color: var(--color-light); border: none; } } .choices__inner { align-items: center; background-color: var(--color-card); border-color: var(--color-default-300); border-radius: var(--radius) !important; border-style: var(--tw-border-style); border-width: 1px; color: var(--color-body-color); display: flex; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); min-height: calc(var(--spacing) * 9.25); min-height: auto; padding-inline: calc(var(--spacing) * 3); vertical-align: middle; &:hover { border-color: var(--color-default-300); } .choices__list--single { padding: 0 !important; } } .is-focused, .is-open { .choices__inner { border-color: var(--color-default-400); } } .choices__list--multiple { .choices__item { background-color: var(--color-primary); border: 1px solid var(--color-primary); border-radius: 7px; color: #fff; font-size: 11px; font-weight: 400; margin: 2px 5px 2px 0; padding: 2px 7px; vertical-align: initial; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); &.is-highlighted { background-color: var(--color-primary); border: 1px solid var(--color-primary); } } } .is-disabled { .choices__list--multiple { .choices__item { background-color: var(--color-secondary); border: 1px solid var(--color-secondary); } } } .choices__list--dropdown { background-color: var(--color-card) !important; border-radius: var(--radius); padding: 10px 10px 20px; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); animation-duration: 0.3s; animation-fill-mode: both; animation-name: DropDownSlideUp; border: 1px solid var(--color-default-300) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); will-change: transform; &.is-active { animation-name: DropDownSlideUp; } .choices__item--selectable.is-highlighted { background-color: var(--color-default-100) !important; } .choices__list { margin: 0 -10px -16px; scrollbar-width: thin; } .has-no-results { font-style: italic; font-weight: 500; } .choices__item--selectable:after { display: none; } } .choices__list--dropdown { .choices__list { max-height: 300px; } .choices__item { font-size: var(--text-body) !important; padding: 0.4rem 1.125rem 0.4rem 16px !important; } } .choices__inner { &:hover { @media (hover: hover) { border-color: var(--color-default-500); } } } .choices__heading { border-bottom: 1px solid var(--color-default-300); color: var(--color-default-400); font-weight: 600; padding: 10px 16px; } .choices__input { background-color: var(--color-card); color: var(--color-body-color); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); margin-bottom: 0; padding: 2px 0 2px 2px; &:focus { border-color: transparent; --tw-shadow: 0 0 #0000; --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); outline-style: var(--tw-outline-style); outline-width: 0; } &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } } .choices__placeholder { color: var(--color-default-400); opacity: 1; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: var(--color-default-100); } [data-theme="dark"] { .choices[data-type*="select-one"] { .choices__button { --tw-brightness: brightness(2); --tw-grayscale: grayscale(100%); --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } .choices { &[data-type*="select-one"] { &:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); } } } } .dt-scroll { width: 100%; .dt-scroll-body { border-bottom: none; tfoot tr, thead tr { height: 0; } tfoot tr, thead tr { td, th { border-bottom-width: 0 !important; border-top-width: 0 !important; height: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important; .dt-scroll-sizing { height: 0 !important; overflow: hidden !important; } } } } } table.dataTable { tfoot > tr, thead > tr { td, th { .dt-column-order { opacity: 0; } &.dt-ordering-asc, &.dt-ordering-desc, &:hover { .dt-column-order { opacity: 1; } } &.dt-orderable-asc span.dt-column-order:before, &.dt-ordering-asc span.dt-column-order:before { bottom: calc(50% - 3px); content: url("data:image/svg+xml;utf8,"); display: block; position: absolute; } &.dt-orderable-desc span.dt-column-order:after, &.dt-ordering-desc span.dt-column-order:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23515964' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); display: block; position: absolute; top: calc(50% - 3px); } &.dt-orderable-asc, &.dt-orderable-desc, &.dt-ordering-asc, &.dt-ordering-desc { span.dt-column-order { height: 20px; position: relative; width: 12px; &:after, &:before { font-size: 0.8125rem; font-weight: 600; inset-inline-start: 0; line-height: 9px; opacity: 0.25; } } } &.dt-ordering-asc span.dt-column-order:before, &.dt-ordering-desc span.dt-column-order:after { opacity: 0.6; } &.sorting_asc_disabled span.dt-column-order:before, &.sorting_desc_disabled span.dt-column-order:after { display: none; } &:active { outline: none; } div.dt-column-footer, div.dt-column-header { align-items: center; display: flex; gap: 4px; justify-content: space-between; span.dt-column-title { grow: 0 !important; &:empty { display: none; } } } } } tbody { > tr.selected, > tr > .selected { background-color: color-mix(in srgb, #f7b84b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ); } box-shadow: none !important; color: inherit; td { background-color: color-mix(in srgb, #f7b84b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ); } box-shadow: none !important; color: inherit; } } tr:last-child { border-bottom-width: 1px; } } } table.dataTable > thead > tr > td, table.dataTable > thead > tr > th { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } div.dt-container.dt-empty-footer tbody > tr:last-child > * { border-bottom-color: var(--color-default-300); } div.dt-scroll-body { > table.dataTable { > thead > tr > td, > thead > tr > th { overflow: hidden; } } } .dt-processing { border: 1px solid var(--color-default-300); inset-inline-start: 50%; margin-inline-start: -50px; margin-top: -22px; padding: 2px; position: absolute; text-align: center; top: 50%; width: 100px; z-index: 10; > div:last-child { height: 15px; margin: 1em auto; position: relative; width: 80px; > div { animation-timing-function: cubic-bezier(0, 1, 1, 0); background: var(--color-primary); border-radius: 50%; height: 13px; position: absolute; top: 0; width: 13px; &:first-child { animation: datatables-loader-1 0.6s infinite; inset-inline-start: 8px; } &:nth-child(2) { inset-inline-start: 8px; } &:nth-child(2), &:nth-child(3) { animation: datatables-loader-2 0.6s infinite; } &:nth-child(3) { inset-inline-start: 32px; } &:nth-child(4) { animation: datatables-loader-3 0.6s infinite; inset-inline-start: 56px; } } } } @keyframes preloader { 0% { opacity: 1; pointer-events: all; visibility: visible; } 90% { opacity: 1; } to { opacity: 0; pointer-events: none; visibility: hidden; } } @keyframes datatables-loader-1 { 0% { transform: scale(0); } to { transform: scale(1); } } @keyframes datatables-loader-3 { 0% { transform: scale(1); } to { transform: scale(0); } } @keyframes datatables-loader-2 { 0% { transform: translate(0); } to { transform: translate(24px); } } table.dataTable { &.nowrap { td, th { white-space: nowrap; } } td, th { box-sizing: border-box; &.dt-left { text-align: start; div.dt-column-footer, div.dt-column-header { flex-direction: row; } } &.dt-center { text-align: center; } &.dt-right { text-align: end; div.dt-column-footer, div.dt-column-header { flex-direction: row-reverse; } } &.dt-justify { text-align: justify; div.dt-column-footer, div.dt-column-header { flex-direction: row; } } &.dt-nowrap { white-space: nowrap; } &.dt-empty { text-align: center; vertical-align: top; } } tfoot, thead { td, th { text-align: start; &.dt-head-left { text-align: start; div.dt-column-footer, div.dt-column-header { flex-direction: row; } } &.dt-head-center { text-align: center; } &.dt-head-right { text-align: end; div.dt-column-footer, div.dt-column-header { flex-direction: row-reverse; } } &.dt-head-justify { text-align: justify; div.dt-column-footer, div.dt-column-header { flex-direction: row; } } &.dt-head-nowrap { white-space: nowrap; } } } tbody { td, th { &.dt-body-left { text-align: start; } &.dt-body-center { text-align: center; } &.dt-body-right { text-align: end; } &.dt-body-justify { text-align: justify; } &.dt-body-nowrap { white-space: nowrap; } } } } table.table.dataTable { border-spacing: 0; clear: both; margin-bottom: 0; max-width: none; } .dt-container { position: relative; .dt-layout-start { > :not(:last-child) { margin-inline-end: 1em; } } .dt-layout-end { > :not(:first-child) { margin-inline-start: 1em; } } .dt-layout-full { width: 100%; > :only-child { margin-inline-end: auto; margin-inline-start: auto; } } .dt-layout-table { > div { display: block !important; } } .dt-length { label { font-weight: 400; text-align: start; white-space: nowrap; } select { display: inline-block; margin-inline-end: 0.5em; width: auto; } } .dt-search { text-align: end; label { font-weight: 400; text-align: start; white-space: nowrap; } input { display: inline-block; margin-inline-start: 0.5em; width: auto; } } .dt-paging { margin: 0; ul.pagination { flex-wrap: wrap; margin: 0; padding-top: 0.75rem; } } .dt-row { position: relative; } .dt-info { padding-top: 0.75rem; } } table.dataTable.display > tbody > tr:nth-child(odd) > *, table.dataTable.stripe > tbody > tr:nth-child(odd) > * { box-shadow: none; } .dt-layout-row { align-items: center !important; display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; margin-bottom: calc(var(--spacing) * 4); margin-top: calc(var(--spacing) * 0) !important; .dt-length, .dt-search { align-items: center !important; display: flex !important; } } .dt-length, .dt-search { align-items: center !important; display: flex !important; } .dt-input { background-color: var(--color-card); border-color: var(--color-default-300) !important; border-radius: var(--radius); border-style: var(--tw-border-style) !important; border-width: 1px !important; color: var(--color-default-800); display: block; font-size: var(--text-xs); height: calc(var(--spacing) * 7.5) !important; line-height: var(--tw-leading, var(--text-xs--line-height)); outline-style: var(--tw-outline-style); outline-width: 0; padding-block: calc(var(--spacing) * 0); padding-inline: calc(var(--spacing) * 3); transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-property: color, box-shadow; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } &:focus-visible { border-color: var(--color-default-300); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: color-mix(in srgb, #e7e9eb 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-default-300) 30%, transparent ); } } &:focus-visible { --tw-outline-style: none; outline-style: none; } &:disabled { opacity: 70%; } &:disabled, &[readonly] { cursor: not-allowed; } &[readonly] { background-color: color-mix(in srgb, #f6f7fb 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-default-100) 80%, transparent ); } } &[readonly] { color: color-mix(in srgb, #8a969c 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix( in oklab, var(--color-default-600) 80%, transparent ); } } &::file-selector-button { height: 100%; } &[type="file"] { padding-block: calc(var(--spacing) * 0); } &::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } &::file-selector-button { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } &::file-selector-button { --tw-border-style: solid; border-style: solid; } &::file-selector-button { border-color: var(--color-default-300); } &::file-selector-button { background-color: transparent; } &::file-selector-button { padding: calc(var(--spacing) * 0); } &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &::file-selector-button { color: var(--color-default-800); } &::file-selector-button { font-style: normal; } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } } select.dt-input { padding-inline: calc(var(--spacing) * 3) !important; width: calc(var(--spacing) * 18) !important; } table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover, table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover { outline-style: var(--tw-outline-style); outline-width: 0; } div.dt-paging { nav { align-items: center !important; display: flex !important; .dt-paging-button { align-items: center !important; background-color: var(--color-card) !important; border-color: var(--color-default-300) !important; border-radius: var(--radius) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; color: var(--color-default-600); display: flex !important; height: calc(var(--spacing) * 7.5) !important; justify-content: center !important; margin-inline: calc(var(--spacing) * 0.5) !important; padding: calc(var(--spacing) * 0) !important; transition-duration: var( --tw-duration, var(--default-transition-duration) ) !important; transition-property: all !important; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ) !important; width: calc(var(--spacing) * 7.5) !important; svg { height: calc(var(--spacing) * 3.5) !important; width: calc(var(--spacing) * 3.5) !important; } &.disabled { pointer-events: none; } } } } div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover, div.dt-container .dt-paging .dt-paging-button:focus, div.dt-container .dt-paging .dt-paging-button:hover { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; --tw-gradient-position: to bottom !important; @supports (background-image: linear-gradient(in lab, red, red)) { --tw-gradient-position: to bottom in oklab !important; } background-image: linear-gradient(var(--tw-gradient-stops)) !important; --tw-gradient-from: var(--color-primary); --tw-gradient-to: var(--color-primary); --tw-gradient-stops: var( --tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position) ); color: #fff !important; fill: var(--color-white) !important; transition-duration: var(--tw-duration, var(--default-transition-duration)); transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); } div.dt-container .dt-paging .dt-paging-button.disabled svg { color: var(--color-default-400) !important; } div.dt-container .dt-search input { margin-inline-start: calc(var(--spacing) * 2); } @media screen and (max-width: 767px) { .dt-container { .dt-layout-start { > :not(:last-child) { margin-inline-end: 0; } } .dt-layout-end { > :not(:first-child) { margin-inline-start: 0; } } } } .dt-scroll-head { table.dataTable { margin-bottom: 0 !important; } table.table-bordered { border-bottom-width: 0; } } .dt-scroll-body { > table { border-top: none; margin-bottom: 0 !important; margin-top: 0 !important; > thead > tr { border-width: 0 !important; } > tbody { > tr:first-child { border-top-width: 0; } } } } .dt-scroll-foot { > .dt-scroll-footInner { box-sizing: content-box; > table { border-top: none; margin-top: 0 !important; > tfoot > tr:first-child { border-top-width: 0 !important; } } } } @media screen and (max-width: 767px) { .dt-container { div.dt-info, div.dt-length, div.dt-paging, div.dt-search { text-align: center; } div.dt-paging { ul.pagination { justify-content: center !important; } } } } .table-responsive { > .dt-container { > .row { margin: 0; > div[class^="col-"] { &:first-child { padding-inline-start: 0; } &:last-child { padding-inline-end: 0; } } } } } .select-info { background-color: color-mix(in srgb, #f7b84b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ); } --tw-font-weight: var(--font-weight-semibold); border-radius: 3px; font-weight: var(--font-weight-semibold); padding: 3px 6px; .select-item { margin: 0 !important; } } div.dt-button-info { background-color: var(--color-primary); border: none; border-radius: 3px; box-shadow: none; color: #fff; text-align: center; z-index: 21; h2 { background-color: rgba(white, 0.2); border-bottom: none; color: #fff; } } .dtfh-floatingparent-head { top: var(--topbar-height) !important; } table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked { background-color: var(--color-body-bg); } @media screen and (max-width: 767px) { div.dt-container div.dt-info, div.dt-container div.dt-length, div.dt-container div.dt-paging, div.dt-container div.dt-search { text-align: center; } .dt-paging { .pagination { justify-content: center; } } .dt-length { margin-bottom: 10px; } } table.dataTable { tfoot, thead { tr { > .dtfc-fixed-end, > .dtfc-fixed-start { background-color: var(--color-card); } } } tbody { tr { > .dtfc-fixed-end, > .dtfc-fixed-start { background-color: var(--color-card); } } } } .dtfc-bottom-blocker, .dtfc-top-blocker { background-color: var(--color-body-bg); } .dt-scroll-body { border-left-color: var(--color-body-color) !important; } .dt-scroll-footInner, .dt-scroll-headInner { table.table-bordered { tr { th:first-child { border-left-color: var(--color-default-300) !important; } } } } .column-search-input-bar { .dt-column-order { display: none; } } div.dt-button-collection { background-color: var(--color-card) !important; border-color: var(--color-default-300) !important; border-radius: var(--radius) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; display: flex !important; flex-direction: column !important; padding: calc(var(--spacing) * 1) !important; position: absolute !important; width: calc(var(--spacing) * 28) !important; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)) !important; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important; box-shadow: var(--shadow-sm) !important; .dt-button { border-radius: var(--radius); color: var(--color-default-800); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); padding-block: calc(var(--spacing) * 1); padding-inline: calc(var(--spacing) * 3); text-align: left; width: 100%; &:hover { @media (hover: hover) { background-color: var(--color-default-100); } } } } .dt-control:before { display: none !important; } table.dataTable > tbody > tr > td, table.dataTable > tbody > tr > th { padding: 12px 10px; } table.dataTable td.dt-type-date div.dt-column-footer, table.dataTable td.dt-type-date div.dt-column-header, table.dataTable td.dt-type-numeric div.dt-column-footer, table.dataTable td.dt-type-numeric div.dt-column-header, table.dataTable th.dt-type-date div.dt-column-footer, table.dataTable th.dt-type-date div.dt-column-header, table.dataTable th.dt-type-numeric div.dt-column-footer, table.dataTable th.dt-type-numeric div.dt-column-header { flex-direction: row !important; } table.dataTable td.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable th.dt-type-numeric { text-align: start; } table.dataTable input.dt-select-checkbox:checked:after, table.dataTable input.dt-select-checkbox:indeterminate:after { display: none !important; } table.dataTable input.dt-select-checkbox { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--color-card) !important; background-color: currentcolor; background-position: 50%; background-repeat: no-repeat; border-color: var(--color-default-300) !important; border-color: currentcolor; border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; flex-shrink: 0; height: calc(var(--spacing) * 4.25); width: calc(var(--spacing) * 4.25); --tw-ring-offset-color: var(--color-white); cursor: pointer; &:checked { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; color: var(--color-primary) !important; } &:focus-visible { --tw-outline-style: none; outline-style: none; } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-ring-color: inherit; } &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:disabled { cursor: not-allowed; opacity: 90%; } &[aria-invalid="true"] { border-color: color-mix(in srgb, #f1556c 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-danger) 60%, transparent ); } } &[aria-invalid="true"] { --tw-ring-color: color-mix(in srgb, #f1556c 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix( in oklab, var(--color-danger) 10%, transparent ); } } &:checked { border-color: inherit; } &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } &:checked { background-color: currentcolor; border-color: transparent; } } table.dataTable input.dt-select-checkbox[type="checkbox"]:indeterminate { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; } .daterangepicker { background-color: var(--color-card); border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; font-family: var(--font-body); --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); .calendar-table { background-color: transparent; border: none; td, th { color: var(--color-body-color); text-transform: uppercase; } .next, .prev { span { border-color: var(--color-body-color); } } } .ranges { li { &:hover { background-color: var(--color-default-100); } &.active { background-color: var(--color-primary); } } } td { &.in-range { background: var(--color-default-300); color: var(--color-body-color); } &.off, &.off.end-date, &.off.in-range, &.off.start-date { background-color: var(--color-card); color: var(--color-body-color); opacity: 0.5; } &.active, &.active:hover { background-color: var(--color-primary); color: #fff; } } td.active, td.active:hover, td.available:hover, th.available:hover { background-color: var(--color-primary); color: #fff; span { border-color: #fff; } } &:after { border-bottom: 6px solid var(--color-card); } &:before { border-bottom: 7px solid var(--color-default-300); } .drp-buttons { border-top: 1px solid var(--color-default-300); .btn { font-weight: 500; } } .monthselect, .yearselect { background-color: var(--color-card); border: 1px solid var(--color-default-300); border-radius: 4px; padding: 2px 8px; } select { &.ampmselect, &.hourselect, &.minuteselect, &.secondselect { background: var(--color-default-100); border: 1px solid var(--color-default-300); border-radius: 4px; color: var(--color-body-color); padding: 3px 10px; width: auto; } } &.show-ranges { .drp-calendar.left { border-inline-start-color: var(--color-default-200) !important; border-inline-start-style: var(--tw-border-style) !important; border-inline-start-width: 1px !important; } } } .dropzone-close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23e45634' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 24px 24px; height: 16px; width: 16px; } .filepond--root { margin-bottom: 0; } .filepond--panel-root { background: var(--color-card); border-bottom: 2px dashed var(--color-default-300); } .filepond--drop-label { color: var(--color-body-color); .filepond--label-action { font-weight: 500; } } .filepond--credits { display: none; } .filepond--item-panel { background-color: var(--color-primary) !important; } .filepond-uploader.two-grid .filepond--item { width: calc(50% - 0.5em); } .filepond-uploader.three-grid .filepond--item { width: calc(33.3% - 0.5em); } .filepond--root { border: 2px dashed var(--color-default-300); border-bottom: 0; border-radius: 0.5em; min-height: 70px; } .flatpickr-input[readonly] { cursor: pointer; } .flatpickr-calendar { background-color: var(--color-card); border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; font-size: var(--text-body); --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); &.arrowTop { &:after, &:before { border-bottom-color: var(--color-card); } } &.arrowBottom { &:after, &:before { border-top-color: var(--color-card); } } &.open { z-index: 1200; } &.inline { display: block; } } .flatpickr-current-month { font-size: 100%; } .flatpickr-day { &.endRange, &.endRange.inRange, &.endRange.nextMonthDay, &.endRange.prevMonthDay, &.endRange:focus, &.endRange:hover, &.selected, &.selected.inRange, &.selected.nextMonthDay, &.selected.prevMonthDay, &.selected:focus, &.selected:hover, &.startRange, &.startRange.inRange, &.startRange.nextMonthDay, &.startRange.prevMonthDay, &.startRange:focus, &.startRange:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; } &.endRange.startRange + .endRange:not(:nth-child(7n + 1)), &.selected.startRange + .endRange:not(:nth-child(7n + 1)), &.startRange.startRange + .endRange:not(:nth-child(7n + 1)) { box-shadow: -10px 0 0 var(--color-primary); } } .flatpickr-time { .flatpickr-am-pm:focus, .flatpickr-am-pm:hover, input:focus, input:hover { background-color: var(--color-card); color: var(--color-default-700); } } .flatpickr-months { .flatpickr-month { height: 40px; } .flatpickr-month, .flatpickr-next-month, .flatpickr-prev-month { color: var(--color-body-color); fill: var(--color-default-500); line-height: 16px; } } .flatpickr-weekdays { background-color: var(--color-default-100); } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover, .flatpickr-day, .flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator, .flatpickr-time input, span.flatpickr-weekday { fill: var(--color-default-600); --tw-font-weight: var(--font-weight-semibold); color: var(--color-default-600); font-weight: var(--font-weight-semibold); } .flatpickr-current-month input.cur-year { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .flatpickr-day { &.disabled, &.disabled:hover, &.nextMonthDay, &.notAllowed, &.notAllowed.nextMonthDay, &.notAllowed.prevMonthDay, &.prevMonthDay { color: var(--color-default-400); } &.inRange, &.nextMonthDay.inRange, &.nextMonthDay.today.inRange, &.nextMonthDay:focus, &.nextMonthDay:hover, &.prevMonthDay.inRange, &.prevMonthDay.today.inRange, &.prevMonthDay:focus, &.prevMonthDay:hover, &.today.inRange, &:focus, &:hover { background-color: var(--color-default-100); border-color: var(--color-default-100); } } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { border-color: var(--color-default-300); border-top-style: var(--tw-border-style); border-top-width: 1px; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover, .numInputWrapper:hover { background-color: transparent; color: var(--color-default-600); } .flatpickr-current-month .numInputWrapper { display: inline-block; margin-inline-start: 10px; width: 8ch; } .flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper { border-color: var(--color-default-300); border-radius: 4px; border-style: var(--tw-border-style); border-width: 1px; font-weight: 400; padding: 2px 8px; } .flatpickr-day.inRange { box-shadow: -5px 0 0 var(--color-default-100), 5px 0 0 var(--color-default-100); } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { color: var(--color-default-400); opacity: 0.5; text-decoration: line-through; } .flatpickr-calendar.hasTime .flatpickr-time { border-color: var(--color-default-300); border-top-style: var(--tw-border-style); border-top-width: 1px; } .flatpickr-weekwrapper .flatpickr-weeks { box-shadow: none; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { color: var(--color-default-400); } [data-inline-date="true"], [data-time-inline] { display: none; } .jvm-tooltip { background-color: #223058; font-family: var(--font-body); font-size: var(--text-body); padding: 4px 10px; } .jvm-container { text { fill: var(--color-body-color); font-family: var(--font-body); } } .jvm-zoom-btn { background-color: #2b2c34; font-size: 18px; height: 20px; line-height: 20px; text-align: center; width: 20px; } .jvm-zoom-btn.jvm-zoomin { top: 6px; } .noUi-target { background-color: var(--color-light); border: none; box-shadow: none; } .noUi-handle { background: var(--color-card); border: 1px solid var(--color-light); --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); } .noUi-connect { background: var(--color-primary); } .noUi-horizontal { height: 8px; .noUi-handle { border-radius: 50%; height: 20px; inset-inline-end: -10px !important; top: -7px; width: 20px; &:after, &:before { display: none; } &:focus { outline: 0; } } [data-theme="dark"] & { .noUi-handle { background: var(--color-primary); } } } [data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-primary); border-radius: 4px; box-shadow: none; inset-inline-end: -8px !important; width: 8px; } } } .noUi-vertical { width: 8px; .noUi-handle { border-radius: 50%; height: 20px; inset-inline-end: -6px; inset-inline-start: auto; top: -6px; width: 20px; &:after, &:before { display: none; } &:focus { outline: 0; } } .noUi-origin { top: 0; } [data-theme="dark"] & { .noUi-handle { background: var(--color-primary); } } } .noUi-tooltip { background-color: var(--color-card); border-color: var(--color-default-300); border-radius: 4px; color: var(--color-body-color); font-weight: 600; padding: 5px 10px; } .noUi-marker { background: var(--color-default-300); } .noUi-value-horizontal { color: var(--color-secondary-color); padding-top: 4px; } [data-slider-size="sm"] { &.noUi-horizontal { height: 4px; .noUi-handle { height: 16px; width: 16px; } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { border-radius: 4px; inset-inline-end: -6px !important; top: -6px !important; width: 6px; } } } } [data-slider-size="lg"] { &.noUi-horizontal { height: 12px; .noUi-handle { height: 24px; width: 24px; } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { border-radius: 4px; inset-inline-end: -10px !important; width: 10px; } } } } [data-slider-color="primary"] { .noUi-connect { background: var(--color-primary); } [data-theme="dark"] & { .noUi-handle { background: var(--color-primary); } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-primary); } } } } [data-slider-color="secondary"] { .noUi-connect { background: var(--color-secondary); } [data-theme="dark"] & { .noUi-handle { background: var(--color-secondary); } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-secondary); } } } } [data-slider-color="warning"] { .noUi-connect { background: var(--color-warning); } [data-theme="dark"] & { .noUi-handle { background: var(--color-warning); } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-warning); } } } } [data-slider-color="success"] { .noUi-connect { background: var(--color-success); } [data-theme="dark"] & { .noUi-handle { background: var(--color-success); } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-success); } } } } [data-slider-color="danger"] { .noUi-connect { background: var(--color-danger); } [data-theme="dark"] & { .noUi-handle { background: var(--color-danger); } } &[data-slider-style="line"] { &.noUi-horizontal { .noUi-handle { background: var(--color-danger); } } } } .password-bar { display: flex; gap: 12px; .strong-bar { background: var(--color-light); border-radius: 10px; flex: 1; height: 6px; transition: background 0.3s; &.bar-active-1 { background-color: var(--color-danger); } &.bar-active-2 { background-color: var(--color-warning); } &.bar-active-3 { background-color: var(--color-primary); } &.bar-active-4 { background-color: var(--color-success); } } } .password-box { p { padding-inline-start: 12px; &.valid { color: var(--color-success); &:before { content: "✔️"; inset-inline-start: -8px; position: relative; } } &.invalid { color: var(--color-danger); &:before { content: "✖"; inset-inline-start: -8px; position: relative; } } } } .ql-editor { text-align: start; --tw-leading: var(--leading-loose); line-height: var(--leading-loose); ol, ul { padding-inline-end: calc(var(--spacing) * 0); padding-inline-start: 1.5em; } li:not(.ql-direction-rtl):before { margin-inline-end: 0.3em; margin-inline-start: -1.5em; text-align: end; } li { padding-inline-start: 1.5em !important; } .ql-ui:before { display: inline-block; margin-inline-end: 0.3em; margin-inline-start: -1.5em; text-align: end; white-space: nowrap; width: 1.2em; } } .ql-container { font-family: var(--font-body); &.ql-snow { border-color: var(--color-default-300); border-radius: 0 0 4px 4px; min-block-size: 12rem; } } .ql-toolbar { font-family: var(--font-body) !important; button, span { color: var(--color-body-color); outline: none !important; &:hover { color: var(--color-primary) !important; } } &.ql-snow { border-color: var(--color-default-300); border-radius: 4px 4px 0 0; display: flex; flex-wrap: wrap; row-gap: 8px; .ql-picker.ql-expanded { .ql-picker-label { border-color: transparent; } } .ql-picker-options { border-radius: var(--radius); --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); } .ql-formats { border: 1px solid var(--color-default-300); border-radius: 3px; margin-inline-end: 10px; button, span { i { color: var(--color-body-color); line-height: 18px; } &:hover { i { color: var(--color-primary); } } } } } .ql-picker-label, button { display: flex; svg { height: 16px; width: 16px; &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { right: auto; } &:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { left: calc(var(--spacing) * 0); } } } } .ql-snow { a { color: var(--color-primary); } .ql-picker { font-size: 14px; } .ql-picker.ql-expanded .ql-picker-label { color: var(--color-body-color) !important; } .ql-picker-options { background-color: var(--color-card); border-color: var(--color-default-300) !important; } .ql-tooltip { background-color: var(--color-card); border-color: var(--color-default-300); color: var(--color-body-color); padding: 8px 16px; --tw-shadow: 0 0.75rem 6rem var(--tw-shadow-color, rgba(56, 65, 74, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow-sm); input[type="text"] { border: 1px solid var(--color-default-300) !important; border-radius: 4px; &:focus, &:focus-visible { border: 1px solid var(--color-default-300) !important; } } } } .ql-bubble { border: 1px solid var(--color-default-300); border-radius: 4px; .ql-tooltip-editor { input::-moz-placeholder { color: var(--color-default-400); } input::placeholder { color: var(--color-default-400); } } } .ql-tooltip { .ql-toolbar { button { color: #fff !important; &:hover { color: var(--color-primary) !important; } } } } .select2-container { width: 100% !important; .select2-selection--single { background-color: var(--color-card); border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; height: calc(var(--spacing) * 9.25); outline: none; .select2-selection__rendered { color: var(--color-body-color); line-height: 36px; padding-inline-start: 12px; } .select2-selection__arrow { align-items: center; display: flex; height: 34px; inset-inline-end: 3px; justify-content: center; width: 34px; b { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239ba6b7' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); border: 0; height: 20px; margin: -10px; transition: transform 0.2s ease-in-out; width: 20px; } } } } .select2-container--open { .select2-selection--single { .select2-selection__arrow { b { transform: rotate(-180deg); } } } } .select2-results__option { padding: 6px 12px; } .select2-container--default .select2-results__option--group { padding: 0; } .select2-dropdown { background-color: var(--color-card); border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; z-index: 100; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); } .select2-results__options { &::-webkit-scrollbar { -webkit-appearance: none; } &::-webkit-scrollbar:vertical { margin-inline-end: 5px; width: 5px; } &::-webkit-scrollbar:horizontal { height: 5px; } &::-webkit-scrollbar-thumb { background-color: color-mix(in srgb, #313a46 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-dark) 20%, transparent ); } border: none; border-radius: 10px; margin-inline-end: 5px; } &::-webkit-scrollbar-track { border-radius: 10px; } &::-webkit-scrollbar-corner, &::-webkit-scrollbar-track { background-color: transparent; } } .select2-container--default { .select2-results__option--selected { background-color: var(--color-default-100); } .select2-search--dropdown { background-color: var(--color-card); padding: 10px; .select2-search__field { background-color: var(--color-card); border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; color: var(--color-body-color); outline: none; &:focus { outline-style: var(--tw-outline-style); outline-width: 0; } &:focus-visible { border-color: var(--color-default-500); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { --tw-outline-style: none; outline-style: none; } } } .select2-results__option--highlighted[aria-selected] { background-color: var(--color-primary); } .select2-results__option[aria-selected="true"] { background-color: var(--color-card); color: var(--color-body-color); &:hover { background-color: var(--color-primary); color: var(--color-white); } } .select2-selection--multiple { .select2-selection__choice__display { padding-inline-end: 5px; padding-inline-start: 36px; } } .select2-selection--single { .select2-selection__arrow { inset-inline-end: 1px; inset-inline-start: auto; } } } .select2-container { .select2-selection--multiple { background-color: var(--color-card); border-color: var(--color-default-300) !important; border-style: var(--tw-border-style) !important; border-width: 1px !important; display: flex; height: calc(var(--spacing) * 9.25); .select2-selection__rendered { margin-bottom: 0; padding: 1px 4px; } .select2-search__field { border: 0; color: var(--color-body-color); } .select2-selection__choice { background-color: var(--color-primary); border: none; border-radius: 3px; color: #fff; margin-top: 6px; padding: 0 7px 0 0; } .select2-selection__choice__remove { border-color: color-mix(in srgb, #6658dd 70%, transparent); color: #fff; margin-inline-end: 7px; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix( in oklab, var(--color-primary) 70%, transparent ); } padding: 0 8px; &:hover { background-color: var(--color-primary); color: #fff; } } } .select2-search--inline { .select2-search__field { font-family: var(--font-body); margin-top: 7px; } } .select2-search { textarea { &::-moz-placeholder { color: var(--color-default-400); } &::placeholder { color: var(--color-default-400); } } } } [dir="rtl"] .select2-container--open .select2-dropdown { inset-inline-end: 0; inset-inline-start: auto; } [data-theme="dark"] { .select2-container { .select2-selection--single { .select2-selection__arrow { b { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238391a2' viewBox='0 0 24 24'%3E%3Cpath d='M12 16a1 1 0 0 1-.64-.23l-6-5a1 1 0 1 1 1.28-1.54L12 13.71l5.36-4.32a1 1 0 0 1 1.41.15 1 1 0 0 1-.14 1.46l-6 4.83A1 1 0 0 1 12 16'/%3E%3C/svg%3E"); } } } } } .nested-sortable { .nested-sortable { margin-top: 10px; } } .nested-sortable-handle { .nested-sortable-handle { margin-top: 10px; } } .sort-handle { cursor: move; font-size: 16px; margin-inline-end: 10px; &:hover { color: var(--color-primary); } } .sortable-item-ghost { background-color: var(--color-default-100); border-radius: 4px; } .swal2-container { .swal2-title { color: var(--color-body-color); font-size: 20px; font-weight: 500; } } .swal2-popup { background-color: var(--color-card); border-radius: var(--radius); color: var(--color-body-color); padding: 2rem; width: 28em; .swal2-html-container { color: var(--color-body-color); font-size: 16px !important; } } .swal2-footer { border-top: 1px solid var(--color-border-color); color: var(--color-body-color); } .swal2-icon { &.swal2-question { border-color: var(--color-info); color: var(--color-info); } &.swal2-success { [class^="swal2-success-line"] { background-color: var(--color-success); } .swal2-success-ring { border-color: var(--color-success); } } &.swal2-warning { border-color: var(--color-warning); color: var(--color-warning); } } div:where(.swal2-icon) { height: 4em; margin: 0.5rem auto; width: 4em; .swal2-icon-content { font-size: 3em; } &.swal2-info { border-color: var(--color-info); color: var(--color-info); } } .swal2-styled { &:focus { box-shadow: none; } } .swal2-loader { border-color: var(--color-primary) transparent var(--color-primary) transparent; } .swal2-timer-progress-bar { background-color: color-mix(in srgb, #0acf97 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-success) 30%, transparent ); } } .swal2-progress-steps { .swal2-progress-step { background: var(--color-primary); &.swal2-active-progress-step { background: var(--color-primary); & ~ .swal2-progress-step, & ~ .swal2-progress-step-line { background-color: color-mix(in srgb, #6658dd 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 30%, transparent ); } } } } .swal2-progress-step-line { background: var(--color-primary); } } .swal2-actions.swal2-loading { .swal2-styled.swal2-confirm { border-left-color: var(--color-primary) !important; border-right-color: var(--color-primary) !important; } } .swal2-file, .swal2-input, .swal2-textarea { border: 1px solid var(--color-default-300); &:focus { border-color: var(--color-default-400); box-shadow: none; } } .swal2-input { background-clip: padding-box; background-color: var(--color-card); border: 1px solid var(--color-default-300) !important; border-radius: 5px !important; box-shadow: none !important; color: var(--color-body-color); display: block; font-family: var(--font-body); font-weight: 400; height: auto; padding: 8px 12px; } .swal2-close { font-family: var(--font-body); font-size: 42px; height: 1em; inset-inline-end: 5px; position: absolute; top: 5px; width: 1em; &:focus { box-shadow: none; } &:hover { color: var(--color-danger); } } .swal2-validation-message { background-color: transparent; } div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] { top: 1.95em; width: 1.9375em; } div:where(.swal2-icon).swal2-success [class^="swal2-success-line"][class$="tip"] { top: 2.4em; width: 1em; } .swal2-icon.swal2-success [class^="swal2-success-line"][class$="long"] { inset-inline-end: 0.5em; top: 1.85em; width: 2.25em; } .swal2-backdrop-show { backdrop-filter: blur(2px); background: var(--color-emphasis-color); } .tg-backdrop { z-index: 1001; } .tg-dialog { background-color: var(--color-card) !important; color: var(--color-body-color); .tg-arrow { background-color: var(--color-card) !important; } } .tg-dialog-btn { background-color: var(--color-primary) !important; border-color: var(--color-primary) !important; color: var(--color-white) !important; } .tg-dialog-close-btn { align-items: center; background-color: color-mix(in srgb, #f7b84b 75%, transparent) !important; border-radius: 50%; display: flex; height: 20px !important; justify-content: center; width: 20px !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 75%, transparent ) !important; } } .jstree-wholerow { background-color: var(--color-card); } .jstree-default { height: auto; padding: 2px 6px; .jstree-clicked, .jstree-hovered { background: var(--color-default-100); box-shadow: none; } .jstree-clicked { background-color: color-mix(in srgb, #6658dd 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-primary) 15%, transparent ); } color: var(--color-primary); } .jstree-anchor, .jstree-icon, .jstree-icon:empty { border-radius: 4px; height: 22px; line-height: 22px; } .jstree-icon, .jstree-node { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABgCAYAAABsS6soAAANvklEQVR4Ae3dX2wcRx0H8N/snf+kDomTSKWliFwEQogK1UVISBUSvjgNqkA0QSDVTqvYSAilQrXvAVVIoDhCPPB0diSoEA92VGLTB2j7gCKaXC6VeKV2oSAoan0piLZAGqeJY9/+G36ze+dejBPs292Ztff7kTa3d754785335v5ze4OEbRtcqYiyaCsbx+yDe8/AAAwozx7rkAGZX37AFFZBG2zZOcCGZT17UO2xdEFRgBGwK9+jQzK+vYBAAAA9CvPnu8ng7K+fci2OGrQ6AJHYEmrSgZlffuQbXHUoPMEbZMkL5FBWd8+6FX91ffGdu++51GyuN3k+xRctmrexpfXrv7rxeI3fjRBCYqjBi0IIOXaHe0bHRrYFu/vtDz/Vy5MVO///Nf7hRBS8iO6ce1d4Tp1CqJIPUIhgkDhL0Z6408X5x/6yvcfpJRDCzCC8mxluDQ4ME2aTZ6tjI8eGxg3tf2m1u2XZ6sF/ubvLx0z93iS1E4IbZcAbvI59cLAI3Htylu0vLRIO3vv4dCzWppSklQMfvij9/f9ZupbfV8e+fk8JUTVAEuDj9Qogk0HYPlsZdgSlhwdKp6hFFEfwNJgsUYaWZKm+GKadBN0kkNQvddOGtl+Q/P5q9fekrLKn4NpStBGAyWpQ6Q2E2hJPAbTz19Klzx3RTXwhOfadNfOfbRrz71h628Nz3VI5Gg3JahRA4z0JdNmC9CfnpypUlpCULWI1PcTr54ijbgfME2mcAjyG2+RDFLPfzX8SBYoAzYSLtut5dckPY9ce4V7wLzq2kJYOb6+vM49BQdgnZIWRw0wwihwEILHybAg/ETQEtJu7NihETJJUG8Y/mZIK3cqS+GXZuWz1b7JsxfnKEFhF3iZHGdZeJ5NPoecuu46K2uWZfK85ANwbGjgAEUUcTcYsyFoMvyC7c9WjG17VdgdHifNstbySzMVfpaQz/vkJvqFLH03aNl5XAf0uQscroeBp1qCwaLCL1gcSlpK9gM0E4Kmwy8gaXxy5kLw3CdnL1ab3SMVDmp9YrYyFf6sclJdPz1z8YvB9ZlKvMfQqhCcuXhV1/ZvG378eujYfpap1zYYcGo4HdTkOfyke7R07HBiAw6KlF7QwlOh53ML0HNscuzl4HoQhG4Ygo7N1/nnSUvRfoD+dHnq3MulkWgjMhuVivCjW2s9o4MHi831xmBMy88GVG3yVMv/i9x0v4WU8779frE0cnQx6e3fseUnwgDU/vyzRHp9Flll/jsUczzqLgWVOfyKSYef0uwCBw+D1217ibqcnSQaf+rW4qgKxKQZrgG28OVw1sLPsNrqWhB+11fDL0no9ppXGjr0AgdRUHsNw8/TEn7nZ8bGduz4UB/X/aQKt46ODnnz+hWyV26ommCweE5LF1hDCzCOGmD0FiCH3+jjh7SMBiP81tAYfkqjZYfWm2FqX8vyzIVFqjvzuhoe3d3dj/bs7O3lUeBgR2c1FJzv6CAVgt09uxptQBG0DNUVz0l+EEQdi14afPgSRRAtADWGX1j3CHZ1GV/v577rv0zZUvNt56iu8IN0US1B0sjjjx4PeqhDPhqlDRHsC6j6oV4Qig38U6Fu01IDDI5F17wfoOXXSFpaw09ptD607ueXXrLm150RXd/+ACRdNQCimnjhUW+8+J6jhob59lzLHcOD4fTsBxj9WPT2WoCaww9u5devZ7Lll4ZJcEzu5Gzy+dtOfdGp3yRhqacvgs4uh5yQVn5NAIbHAqvdZJI2NnSoSBFtOgCj9rkhOnR7zcjyLGQd9fzIe++9S3kr19u8jQdg+F9R6Nm5q/DBPcM64M2la/N1r+dVSlAcNUCcDQYA2ladGutdztUfWHt73et69ejIRKJf1OoLabsedggAcEcTMxeqBAAAAAAZEsecNJgTBAC2pDjmpEEAAsCWhDlpAAAAALJGzUlDEaELDABbUmNOmmi/gwAiCE52moYzY0PmGJ2TB0ImAwDhAwBgUHmq2qsWAtAMNcAUMBkAaQgfq9sfVQsBaBZHDTCmOUGyq+XDr/1chSa3vUpInJkGjIijBogAjMpkAKQgfEYfOzRJAAYYn5cbYO00jQC6oAaYAiYDIA3hY5F/XC0EoBn2A0wBkwGQhvDxfe+yWghAM9QAU8Dkhz8NwVM6dniaEvbT18+1dSr6Jz/5SGxnC27nMcS1/XZPxb/dz5YcRw0QARiRjgBI47YnZ6rHfUEvk0+94WMpJj45t2mbCbR2Qxs2Th0EMDo4EGkPiNgC8PRZLkgKsfDU0MHE5+dVE6SPHhsYpxQon632qUsTAdC6be2vifALlhTjwpKX+JNe41sSf/4bDaAkw2cjvzvOlifcgQzmCDcfgKdnKmP8rijzX72fdBB0kj/wlIYQtCz/0caq9gBsbptfiyPqNaHbTBqfHFmQkoa5GDNGsO0d/NqJhZ2FTxXUejj7b3NWNRFMhWlf/Tddf+O1YSHE2Er95gP1+opYsZfJtldql//2hwMUNxH9/R45AFXLg18I/cejpiQEfddNdOq//7dtK9dxkoTsI5OENcaj0S82Jq8HE6Sc98kfsURujhLSfd8nCvd99QR39MKpL5uXilp//40/0nt/faWQ7+jsPXy4X3R15+nG0g167rlf76cERO3+KpFGgVX4NVoeZoQhOE4GlZ740gtqIQMsK8/BZzj8ApK7w7KK/QENUeFnO0ctykfeLeROHMflhbhFJ2+5VEu97pPj+uQ2JkT/59vv0MKbb1Ft4e8ybCvGL44TgbQdgMbDr8lwCJafPd+vFtIs7tc/OLPMzIXj4frFanPkUYWaWp+YrUx9cL8Kf/HL/lt/A0JQk1pjCXADbDoIv86u55PuCdiOK23bD4IvvAwXx5HhElx3g/t+5N57qLd3N/Xu2c1tQ5FMTVQa6gIHxXfhp+c0TDF0h4NvEylro0OHzqgA4PV+tRuB+kBb0l+QgqbHBgdGwvvROP9R+9WAj5Wzpnj70/wrLlGbNrttTibV4jxCMWrtTowOHiw21xvdWrHmfqcaj6X/1t+iQpBUCBbRHU4G/yHmvbpdsro6qxx+l6RtlTj8qjrKIK7rChV+KnnCSAsrgc3usO1wC9C3+VZBL710STZqgFIm1AI0VgNUo47lsxWuN1CiTe5NiRiCmw2A1etDA5GLu5vdtjoDjOiShXR0f9dCCCaJo+RIrrNzkUOQ3yfdi1anrOqqAa9cX5Q3//O2WK3/NW5vvkHrN94PusCNwGsZJ0mmARhHDbDtQZDSsYHp8i/O91qWVaa0SNHocJJKI8VFDsGi1UXVlhCskUZrvwhAH+4RDOe6Ontl8LdXX4R6XP1z9ZtXXqvuV3UzK9/Zl8/ljkjyF+v1+sTqnWw6w/8OhyPDFPTRk2J8P8DS4w9PcODsjqMpuhnbfQ/3jbhNCEJGyKAEondf6zf/Mj/96c88NOVLfz+3Avd4nrfALUHR3dndrxp5vutMvl77fe2+/WGn6GDxC+Lcb89TYh/WNOwHyK2tU6rVpTsEoTUEZWK7PsCtsryTM4de780Vu8bdXF5Uvc9Vu2LxZTj4sXfXbtqzZ1ezC0zV6u9UgVAkNgychv0AlZYQBM3CEDzHIdiRnnpsQkwfXpb1w9s46MZd1xn1PA4/z1WDInzpqUvp8ADJDXtl8erVq/OX//F2cHjkiSe/K+r2MiWVf0ZrgGupECxPPY+5IQwojTxS49f+KEFicHgb0Y2lpSrn3ZzjOTzi65Bj2+TxyK/v2bTCrcBr71ynTquz8PEDHwuODPrs5/rofKVClhSJnLj39Gxl6qnBgRECAMiads+S0wrnAwSALcoaJgAAAADIkNONwzOjQBcYALak4FRsESEAAWCLQg0QAAAAIFtQAwSAzEINEAAyDDVAAAAAgGwJzp4eEbrAALA1/c+8NJuHAASALUnNy0MAAAAAkCGoAQJAdqEGCABZhRogAECadM89U7hr7pmFHbwQxE7expUrVxb4okAAGRFHDTC2SZEUFX7cp1YPqkAJTNRtP/GDBTUJgJ+zijumT9Vaf7Y8fLKQ8/yq+nnXsz88QAnpmfvJsEd5ufLgt89QiriuW+CLKodgUQhRI4DtLk01wNbw4xCq8VKkuPk+CW7lWBx0KvCaNzfDj1QLiO+TNIv86e65nx2n9ClQGIIFAtjm4qgBxjLV33rht/LgiRrFbPmxpwu5XL5KQhQkt3JUS1Dd3gw//uDXfM8t7vjlj2uUENUClGQFp+HxyRrW3RJU3d31bl9aWgoWJZ/P1/bt25dYKxhgu4jcAtQVfooKNo8DjlOg1mwJ6gy/tdLUEuzp6aG77747WPbu3VsggG2Oa4CRxxk2HIDNgQ0VeM3bdIZf09oQNBV+TSnuDgNsbzGUejbVAuT+coGXqgo+E+G3qrubH3nLQ1fr6jZDwhD84IsBAJKX84OadyQbDkA/HNSoNUPQVPi1Dnioll9rd7h1YESnsBaoKfwBIPCdxwcuU0QbDkD1AW8NQUpB+Klu79qaoO4QNDEQAgCaa4BKawhq7/bS+qO96w2MkCYIPwCDYqgBbnpH6EbgmdnFwvdJBe/aAQ+1vvzY08VgF5n19xKJjSCrFuyMjfADMCqOGiBs0s65Z/pNjvrKDSIAgO0GAQgQiqMGGOuxwJA8wQgA9O8HCACQFqgBAgAAAGTN5Ewlcq0bXWAAAAAAAAAAAID0iqMGCACQWf8Fha2pRhFl0xYAAAAASUVORK5CYII=); } .jstree-last { background: transparent; } .jstree-themeicon-custom { background-color: transparent; background-image: none; background-position: 0 0; } .jstree-disabled { color: var(--color-default-400); } } .jstree-wholerow { &.jstree-wholerow-clicked, &.jstree-wholerow-hovered { background: var(--color-default-100); } } .vakata-context, .vakata-context ul { background-color: var(--color-card); border-color: var(--color-default-300); border-radius: var(--radius); border-style: var(--tw-border-style); border-width: 1px; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); .vakata-context-hover > a { background-color: var(--color-default-100); box-shadow: none !important; } .vakata-context-separator, .vakata-contextmenu-sep, li > a > i:empty { display: none !important; } li > a { color: var(--color-default-600); text-shadow: none; &:hover { background-color: var(--color-default-100); color: var(--color-default-700); } } ul { margin-inline-start: 0; } } .treeview-folder-filled { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23f8ac59' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M9 3a1 1 0 0 1 .608.206l.1.087L12.414 6H19a3 3 0 0 1 2.995 2.824L22 9v8a3 3 0 0 1-2.824 2.995L19 20H5a3 3 0 0 1-2.995-2.824L2 17V6a3 3 0 0 1 2.824-2.995L5 3z'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 16px !important; } .treeview-folder-open { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23f8ac59' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m5 19 2.757-7.351A1 1 0 0 1 8.693 11H21a1 1 0 0 1 .986 1.164l-.996 5.211A2 2 0 0 1 19.026 19za2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h4l3 3h7a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 16px !important; } .treeview-article { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-article' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zM7 8h10M7 12h10M7 16h10'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 16px !important; } .treeview-star { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-star' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m12 17.75-6.172 3.245 1.179-6.873-5-4.867 6.9-1 3.086-6.253 3.086 6.253 6.9 1-5 4.867 1.179 6.873z'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-file { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2M9 9h1M9 13h6M9 17h6'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-icon-ban { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-ban' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0 9 9 0 1 0-18 0M5.7 5.7l12.6 12.6'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-icon-user { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-user' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-icon-link { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-link' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='m9 15 6-6M11 6l.463-.536a5 5 0 0 1 7.071 7.072L18 13M13 18l-.397.534a5.07 5.07 0 0 1-7.127 0 4.97 4.97 0 0 1 0-7.071L6 11'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-icon-database { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-database' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M4 6a8 3 0 1 0 16 0A8 3 0 1 0 4 6'/%3E%3Cpath d='M4 6v6a8 3 0 0 0 16 0V6'/%3E%3Cpath d='M4 12v6a8 3 0 0 0 16 0v-6'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .treeview-icon-arrow { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23587581' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-right' viewBox='0 0 24 24'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M5 12h14M13 18l6-6M13 6l6 6'/%3E%3C/svg%3E") no-repeat 50% / contain !important; width: 14px !important; } .twitter-typeahead { display: inherit !important; } .tt-hint, .tt-query { outline: none; } .tt-query { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { background-color: var(--color-card) !important; color: var(--color-body-color); } .tt-menu { background-color: var(--color-card); border-color: var(--color-default-300); border-style: var(--tw-border-style); border-width: 1px; max-height: 200px; overflow-y: auto; padding: 8px 0; width: 100%; --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(130, 143, 163, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); box-shadow: var(--shadow); } .tt-suggestion { line-height: 24px; padding: 3px 20px; &.tt-cursor, &:hover { background-color: var(--color-primary); color: #fff; cursor: pointer; } p { margin: 0; } } .tt-highlight { font-family: var(--font-body); } .typeahead-empty-message { color: var(--color-danger); padding: 5px 10px; } .league-name { padding: 3px 20px; } .auth-logo img { height: 28px; } .sortable-fallback { opacity: 1 !important; .card { opacity: 1 !important; transform: rotate(10deg); } } .sortable-item-ghost { .card { background-color: color-mix( in srgb, #f7b84b 10%, transparent ) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix( in oklab, var(--color-warning) 10%, transparent ) !important; } } } @layer base { input:where(:not([type])), input:where([type="date"]), input:where([type="datetime-local"]), input:where([type="email"]), input:where([type="month"]), input:where([type="number"]), input:where([type="password"]), input:where([type="search"]), input:where([type="tel"]), input:where([type="text"]), input:where([type="time"]), input:where([type="url"]), input:where([type="week"]), select, select:where([multiple]), textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: oklch(55.1% 0.027 264.364); border-radius: 0; border-width: 1px; font-size: 1rem; line-height: 1.5rem; padding: 0.5rem 0.75rem; --tw-shadow: 0 0 #0000; &:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); border-color: oklch(54.6% 0.245 262.881); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } input::-moz-placeholder, textarea::-moz-placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } input::placeholder, textarea::placeholder { color: oklch(55.1% 0.027 264.364); opacity: 1; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field { padding-bottom: 0; padding-top: 0; } select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } select:where([multiple]), select:where([size]:not([size="1"])) { background-image: none; background-position: 0 0; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } input:where([type="checkbox"]), input:where([type="radio"]) { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-origin: border-box; border-color: oklch(55.1% 0.027 264.364); border-width: 1px; color: oklch(54.6% 0.245 262.881); display: inline-block; flex-shrink: 0; height: 1rem; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; width: 1rem; --tw-shadow: 0 0 #0000; } input:where([type="checkbox"]) { border-radius: 0; } input:where([type="radio"]) { border-radius: 100%; } input:where([type="checkbox"]):focus, input:where([type="radio"]):focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/); --tw-ring-offset-width: 2px; --tw-ring-offset-color: #fff; --tw-ring-color: oklch(54.6% 0.245 262.881); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } input:where([type="checkbox"]):checked, input:where([type="radio"]):checked { background-color: currentColor; background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: transparent; } input:where([type="checkbox"]):checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E"); @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } input:where([type="radio"]):checked { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E"); @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } input:where([type="checkbox"]):checked:focus, input:where([type="checkbox"]):checked:hover, input:where([type="radio"]):checked:focus, input:where([type="radio"]):checked:hover { background-color: currentColor; border-color: transparent; } input:where([type="checkbox"]):indeterminate { background-color: currentColor; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: transparent; @media (forced-colors: active) { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } input:where([type="checkbox"]):indeterminate:focus, input:where([type="checkbox"]):indeterminate:hover { background-color: currentColor; border-color: transparent; } input:where([type="file"]) { background: unset; border-color: inherit; border-radius: 0; border-width: 0; font-size: unset; line-height: inherit; padding: 0; } input:where([type="file"]):focus { outline: 1px solid ButtonText; outline: 1px auto -webkit-focus-ring-color; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(1turn); } } @keyframes ping { 75%, to { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, ::backdrop, :after, :before { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } }