/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */ /*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --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-y-reverse: 0; --tw-border-style: solid; --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-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-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; --tw-divide-x-reverse: 0; } } } .iziToast-capsule { backface-visibility: hidden; width: 100%; height: 0; font-size: 0; transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); transform: translateZ(0); } .iziToast-capsule, .iziToast-capsule * { box-sizing: border-box; } .iziToast-overlay { z-index: 997; display: block; position: fixed; top: -100px; right: 0; bottom: -100px; left: 0; } .iziToast { clear: both; pointer-events: all; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -khtml-user-select: none; background: #eeeeeee6; border-color: #eeeeeee6; width: 100%; min-height: 54px; padding: 8px 45px 9px 0; font-family: Lato, Tahoma, Arial; font-size: 14px; display: inline-block; position: relative; transform: translate(0); } .iziToast > .iziToast-progressbar { z-index: 1; background: #fff3; width: 100%; position: absolute; bottom: 0; left: 0; } .iziToast > .iziToast-progressbar > div { background: #0000004d; border-radius: 0 0 3px 3px; width: 100%; height: 2px; } .iziToast.iziToast-balloon:before { content: ""; border-top: 10px solid #000; border-left: 15px solid #0000; border-right: 0 solid #0000; border-top-color: inherit; border-radius: 0; width: 0; height: 0; position: absolute; top: 100%; left: auto; right: 8px; } .iziToast.iziToast-balloon .iziToast-progressbar { top: 0; bottom: auto; } .iziToast.iziToast-balloon > div { border-radius: 0 0 0 3px; } .iziToast > .iziToast-cover { background-color: #0000001a; background-position: 50%; background-repeat: no-repeat; background-size: 100%; height: 100%; margin: 0; position: absolute; top: 0; bottom: 0; left: 0; } .iziToast > .iziToast-close { opacity: 0.6; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAJPAAACTwBcGfW0QAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAD3SURBVFiF1ZdtDoMgDEBfdi4PwAX8vLFn0qT7wxantojKupmQmCi8R4tSACpgjC2ICCUbEBa8ingjsU1AXRBeR8aLN64FiknswN8CYefBBDQ3whuFESy7WyQMeC0ipEI0A+0FeBvHUFN8xPaUhAH/iKoWsnXHGegy4J0yxialOfaHJAz4bhRzQzgDvdGnz4GbAonZbCQMuBm1K/kcFu8Mp1N2cFFpsxsMuJqqbIGExGl4loARajU1twskJLLhIsID7+tvUoDnIjTg5T9DPH9EBrz8rxjPzciAl9+O8SxI8CzJ8CxKFfh3ynK8Dyb8wNHM/XDqejx/AtNyPO87tNybAAAAAElFTkSuQmCC) 50%/8px no-repeat; border: 0; outline: 0; width: 42px; height: 100%; padding: 0; position: absolute; top: 0; right: 0; } .iziToast > .iziToast-close:hover { opacity: 1; } .iziToast > .iziToast-body { text-align: left; height: auto; min-height: 36px; margin: 0 0 0 15px; padding: 0 0 0 10px; position: relative; } .iziToast > .iziToast-body:after { content: ""; clear: both; display: table; } .iziToast > .iziToast-body .iziToast-texts { float: left; margin: 10px 0 0; padding-right: 2px; display: inline-block; } .iziToast > .iziToast-body .iziToast-inputs { float: left; min-height: 19px; margin: 3px -2px; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type="checkbox"]):not([type="radio"]), .iziToast > .iziToast-body .iziToast-inputs > select { letter-spacing: 0.02em; color: #000; background: #0000001a; border: 0; border-radius: 2px; min-height: 26px; margin: 2px; padding: 4px 7px; font-size: 13px; display: inline-block; position: relative; box-shadow: 0 0 0 1px #0003; } .iziToast > .iziToast-body .iziToast-inputs > input:not([type="checkbox"]):not([type="radio"]):focus, .iziToast > .iziToast-body .iziToast-inputs > select:focus { box-shadow: 0 0 0 1px #0009; } .iziToast > .iziToast-body .iziToast-buttons { float: left; min-height: 17px; margin: 4px -2px; } .iziToast > .iziToast-body .iziToast-buttons > a, .iziToast > .iziToast-body .iziToast-buttons > button, .iziToast > .iziToast-body .iziToast-buttons > input:not([type="checkbox"]):not([type="radio"]) { letter-spacing: 0.02em; cursor: pointer; color: #000; background: #0000001a; border: 0; border-radius: 2px; margin: 2px; padding: 5px 10px; font-size: 12px; display: inline-block; position: relative; } .iziToast > .iziToast-body .iziToast-buttons > a:hover, .iziToast > .iziToast-body .iziToast-buttons > button:hover, .iziToast > .iziToast-body .iziToast-buttons > input:not([type="checkbox"]):not([type="radio"]):hover { background: #0003; } .iziToast > .iziToast-body .iziToast-buttons > a:focus, .iziToast > .iziToast-body .iziToast-buttons > button:focus, .iziToast > .iziToast-body .iziToast-buttons > input:not([type="checkbox"]):not([type="radio"]):focus { box-shadow: 0 0 0 1px #0009; } .iziToast > .iziToast-body .iziToast-buttons > a:active, .iziToast > .iziToast-body .iziToast-buttons > button:active, .iziToast > .iziToast-body .iziToast-buttons > input:not([type="checkbox"]):not([type="radio"]):active { top: 1px; } .iziToast > .iziToast-body .iziToast-icon { color: #000; width: 24px; height: 24px; margin-top: -12px; font-size: 23px; line-height: 24px; display: table; position: absolute; top: 50%; left: 0; } .iziToast > .iziToast-body .iziToast-icon.ico-info { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) 50%/85% no-repeat; } .iziToast > .iziToast-body .iziToast-icon.ico-warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==) 50%/85% no-repeat; } .iziToast > .iziToast-body .iziToast-icon.ico-error { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC) 50%/80% no-repeat; } .iziToast > .iziToast-body .iziToast-icon.ico-success { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) 50%/85% no-repeat; } .iziToast > .iziToast-body .iziToast-icon.ico-question { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50%/85% no-repeat; } .iziToast > .iziToast-body .iziToast-message, .iziToast > .iziToast-body .iziToast-title { text-align: left; float: left; white-space: normal; padding: 0; font-size: 14px; line-height: 16px; } .iziToast > .iziToast-body .iziToast-title { color: #000; margin: 0; } .iziToast > .iziToast-body .iziToast-message { color: #0009; margin: 0 0 10px; } .iziToast.iziToast-animateInside .iziToast-buttons-child, .iziToast.iziToast-animateInside .iziToast-icon, .iziToast.iziToast-animateInside .iziToast-inputs-child, .iziToast.iziToast-animateInside .iziToast-message, .iziToast.iziToast-animateInside .iziToast-title { opacity: 0; } .iziToast-target { width: 100%; margin: 0 auto; position: relative; } .iziToast-target .iziToast-capsule { overflow: hidden; } .iziToast-target .iziToast-capsule:after { visibility: hidden; content: " "; clear: both; height: 0; font-size: 0; display: block; } .iziToast-target .iziToast-capsule .iziToast { float: left; width: 100%; } .iziToast-wrapper { z-index: 99999; pointer-events: none; flex-direction: column; width: 100%; display: flex; position: fixed; } .iziToast-wrapper .iziToast.iziToast-balloon:before { border-top: 10px solid #000; border-left: 15px solid #0000; border-right: 0 solid #0000; border-top-color: inherit; left: auto; right: 8px; } .iziToast-wrapper-bottomLeft { text-align: left; bottom: 0; left: 0; } .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before, .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before { border-left: 0 solid #0000; border-right: 15px solid #0000; left: 8px; right: auto; } .iziToast-wrapper-bottomRight { text-align: right; bottom: 0; right: 0; } .iziToast-wrapper-topLeft { text-align: left; top: 0; left: 0; } .iziToast-wrapper-topRight { text-align: right; top: 0; right: 0; } .iziToast-wrapper-topCenter { text-align: center; top: 0; left: 0; right: 0; } .iziToast-wrapper-bottomCenter, .iziToast-wrapper-center { text-align: center; bottom: 0; left: 0; right: 0; } .iziToast-wrapper-center { flex-flow: column; justify-content: center; align-items: center; top: 0; } .iziToast-rtl { direction: rtl; padding: 8px 0 9px 45px; font-family: Tahoma, Lato, Arial; } .iziToast-rtl .iziToast-cover { left: auto; right: 0; } .iziToast-rtl .iziToast-close { left: 0; right: auto; } .iziToast-rtl .iziToast-body { text-align: right; margin: 0 16px 0 0; padding: 0 10px 0 0; } .iziToast-rtl .iziToast-body .iziToast-buttons, .iziToast-rtl .iziToast-body .iziToast-inputs, .iziToast-rtl .iziToast-body .iziToast-message, .iziToast-rtl .iziToast-body .iziToast-texts, .iziToast-rtl .iziToast-body .iziToast-title { float: right; text-align: right; } .iziToast-rtl .iziToast-body .iziToast-icon { left: auto; right: 0; } @media only screen and (min-width: 568px) { .iziToast-wrapper { padding: 10px 15px; } .iziToast { border-radius: 3px; width: auto; margin: 5px 0; } .iziToast:after { content: ""; z-index: -1; border-radius: 3px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: inset 0 -10px 20px -10px #0003, inset 0 0 5px #0000001a, 0 8px 8px -5px #00000040; } .iziToast:not(.iziToast-rtl) .iziToast-cover { border-radius: 3px 0 0 3px; } .iziToast.iziToast-rtl .iziToast-cover { border-radius: 0 3px 3px 0; } .iziToast.iziToast-color-dark:after { box-shadow: inset 0 -10px 20px -10px #ffffff4d, 0 10px 10px -5px #00000040; } .iziToast.iziToast-balloon .iziToast-progressbar { background: 0 0; } .iziToast.iziToast-balloon:after { box-shadow: 0 10px 10px -5px #00000040, inset 0 10px 20px -5px #00000040; } .iziToast-target .iziToast:after { box-shadow: inset 0 -10px 20px -10px #0003, inset 0 0 5px #0000001a; } } .iziToast.iziToast-theme-dark { background: #565c70; border-color: #565c70; } .iziToast.iziToast-theme-dark .iziToast-title { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-message { color: #ffffffb3; font-weight: 300; } .iziToast.iziToast-theme-dark .iziToast-close { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfgCR4OIQIPSao6AAAAwElEQVRIx72VUQ6EIAwFmz2XB+AConhjzqTJ7JeGKhLYlyx/BGdoBVpjIpMJNjgIZDKTkQHYmYfwmR2AfAqGFBcO2QjXZCd24bEggvd1KBx+xlwoDpYmvnBUUy68DYXD77ESr8WDtYqvxRex7a8oHP4Wo1Mkt5I68Mc+qYqv1h5OsZmZsQ3gj/02h6cO/KEYx29hu3R+VTTwz6D3TymIP1E8RvEiiVdZfEzicxYLiljSxKIqlnW5seitTW6uYnv/Aqh4whX3mEUrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA5LTMwVDE0OjMzOjAyKzAyOjAwl6RMVgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wOS0zMFQxNDozMzowMiswMjowMOb59OoAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50%/8px no-repeat; } .iziToast.iziToast-theme-dark .iziToast-icon { color: #fff; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-info { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vroaSAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=) 50%/85% no-repeat; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-warning { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAllBMVEUAAAD////+//3+//3+//3///////z+//3+//3+//3////////////9//3////+//39//3///3////////////+//3+//39//3///z+//z+//7///3///3///3///3////////+//3+//3+//3+//z+//3+//7///3///z////////+//79//3///3///z///v+//3///+trXouAAAAMHRSTlMAB+j87RBf+PXiCwQClSPYhkAzJxnx05tSyadzcmxmHRbp5d7Gwrh4TDkvsYt/WkdQzCITAAAB1UlEQVRYw+3XaXKCQBCGYSIIighoxCVqNJrEPfly/8vFImKXduNsf/Mc4K1y7FnwlMLQc/bUbj85R6bA1LXRDICg6RjJcZa7NQYtnLUGTpERSiOXxrOPkv9s30iGKDmtbYir3H7OUHJa2ylAuvZzRvzUfs7Ii/2cgfTt54x82s8ZSM848gJmYtroQzA2jHwA+LkBIEuMGt+QIng1igzlyMrkuP2CyOi47axRaYTL5jhDJehoR+aovC29s3iIyly3Eb+hRCvZo2qsGTnhKr2cLDS+J73GsqBI9W80UCmWWpEuhIjh6ZRGjyNRarjzKGJ2Ou2himCvjHwqI+rTqQdlRH06TZQR9ek0hiqiPp06mV4ke7QPX6ERUZxO8Uo3sqrfhxvoRrCpvXwL/UjR9GRHMIvLgke4d5QbiwhM6JV2YKKF4vIl7XIBkwm4keryJVmvk/TfwcmPwQNkUQuyA2/sYGwnXL7GPu4bW1jYsmevrNj09/MGZMOEPXslQVqO8hqykD17JfPHP/bmo2yGGpdZiH3IZvzZa7B3+IdDjjpjesHJcvbs5dZ/e+cddVoDdvlq7x12Nac+iN7e4R8OXTjp0pw5CGnOLNDEzeBs5gVwFniAO+8f8wvfeXP2hyqnmwAAAABJRU5ErkJggg==) 50%/85% no-repeat; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-error { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAJ3RSTlMA3BsB98QV8uSyWVUFz6RxYwzYvbupmYqAaU1FQTXKv7abj4d1azKNUit3AAACZElEQVRYw7WXaZOCMAyGw30UORRQBLxX/v8/3BkaWjrY2szO5otKfGrzJrEp6Kw6F8f8sI+i/SE/FucKSBaWiT8p5idlaEtnXTB9tKDLLHAvdSatOan3je93k9F2vRF36+mr1a6eH2NFNydoHq/ieU/UXcWjjk9XykdNWq2ywtp4tXL6Wb2T/MqtzzZutsrNyfvA51KoQROhVCjfrnASIRpSVUZiD5v4RbWExjRdJzSmOsZFvzYz59kRSr6V5zE+/QELHkNdb3VRx45HS1b1u+zfkkcbRAZ3qJ9l/A4qefHUDMShJe+6kZKJDD2pLQ9Q4lu+5Q7rz7Plperd7AtQEgIPI6o2dxr2D4GXvxqCiKcn8cD4gxIAEt7/GYkHL16KqeJd0NB4gJbXfgVnzCGJlzGcocCVSLzUvoAj9xJ4NF7/R8gxoVQexc/hgBpSebjPjgPs59cHmYfn7NkDb6wXmUf1I1ygIPPw4gtgCE8yDw8eAop4J/PQcBExjQmZx37MsZB2ZB4cLKQCG5vKYxMWSzMxIg8pNtOyUkvkocEmXGo69mh8FgnxS4yBwMvDrJSNHZB4uC3ayz/YkcIP4lflwVIT+OU07ZSjrbTkZQ6dTPkYubZ8GC/Cqxu6WvJZII93dcCw46GdNqdpTeF/tiMOuDGB9z/NI6NvyWetGPM0g+bVNeovBmamHXWj0nCbEaGeTMN2PWrqd6cM26ZxP2DeJvj+ph/30Zi/GmRbtlK5SptI+nwGGnvH6gUruT+L16MJHF+58rwNIifTV0vM8+hwMeOXAb6Yx0wXT+b999WXfvn+8/X/F7fWzjdTord5AAAAAElFTkSuQmCC) 50%/80% no-repeat; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-success { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==) 50%/85% no-repeat; } .iziToast.iziToast-theme-dark .iziToast-icon.ico-question { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEg18vki+AAAETUlEQVRo3s1ZTWhbRxD+VlIuxsLFCYVIIQYVopBDoK5bKDWUBupDMNbJ5FBKg/FBziUQdE9yaC+FHBrwsdCfQ9RTGoLxwWl+DqHEojUFFydxnB9bInZDqOsErBrr6yGvs/ueX97bldTKo4Pe7puZb3Z33s7srIIjMY1jyCEjP6ImvyX8pF64arSHznKC06wzijY5xSKz7YbuYokV2lODsyyxqz3gSY6z6gCuqcpxJluFH+Z8U+D/0jyHoxFUBHgfvsGHIS9WMIUlVFFDFTUAGWSRQRY5HMeBEP6b+Ew9dh/7INd2jGeO59kfKdXP85zbIbfGQVf4sYC3N1hm3lo6zzIbPvk6x+zBk7wQGMEMB5xncIAzAS0XrFySSV72iS1yyBVcdA1x0afrsoUJgdFfY2+z8ADAXl7zz0KcwJiPfZKpVuABgClO+nRG+QIHDdfb4qlWwUXvKW4Z7vi6L4J9vg+vbfCeCeZH2RfOdMOc/HbCA4BvIW6EMQz7XK/ltd+hP+VzR9mgva2YSfyGI17fA7ynnocqeQNFfIJ0oHsdv6CC2+rXGBN6cQdveY3fcVRtmy/HDete+93zy8jA8zV7YkwYMrjHzRddRsCdiVCwwmh6wg9iTNC7Y9XIF1iS7kbUpsvvGEdPuTfSgAEjRpR096x0liPFD/Eqt2NMuBQzB2XhrACAApjFsuQFh9XdGAX70B3oSuNdnMVBaX+sopYxjwVpHFBVACyKTXNoktjD+6Ll8xhenS9MAAkAI/Lux2YNUOs4I413Ypg1SgEAu7kpFvWjaeJe0fJHDGe/cNaZBkekudw8PMA+0fMwlndZeAsJ5KR/qhUDUJCnSiyvRsolkJHGUgvjH8QXDgZopEzKMKDqCKrwEQ4C6MH7GEXC665buLJG8hlQc4LP4paxfJrOqYVYYY2UARfEIazTbgDg2dB98GebzJd54b8L/iWNdLyooeR6CHyZ+6xk0yKxkYg6nEVSUG4VJ9QJ9cxRCxO+9WiOyvgUeexXP1hLGH5nGuBWVtiSp4vqe3VP0UFWI9Wan4Er3v8q7jjPWVtm4FtcQQMrOKO2nOQCM5AyDMi56FDrKHA/1nyppS1ppBpYaE8wciEjGI2AaeM41kI4doDX4XiT3Qm1gevyruCgZg9P8xIv8m1nCzTKq6oiJ9xTMiZ505P5m8cdZ0CnZMVXHVljM7WMBzxpyDxygtdxoCEFTaMIWbZU85UvBjgUMYy0fBaAF8V1Lj9qWQ1aMZ5f4k9r+AGMSkMP1vZoZih6k6sicc5h/OFHM9vDqU/VIU7zJZdYYsKGH4g4nAJMGiXZRds1pVMoZ69RM5vfkbh0qkBhsnS2RLMLilQdL9MBHS9UAh0v1e6CYnXHy/WeeCcvLDwl/9OVze69tPKM+M+v7eJN6OzFpWdEF0ucDbhVNFXadnVrmJFlkVNGTS2M6pzmhMvltfPhnN2B63sVuL7fcNP3D1TSk2ihosPrAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjEzKzAyOjAweOR7nQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxMyswMjowMAm5wyEAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50%/85% no-repeat; } .iziToast.iziToast-theme-dark .iziToast-buttons > a, .iziToast.iziToast-theme-dark .iziToast-buttons > button, .iziToast.iziToast-theme-dark .iziToast-buttons > input { color: #fff; background: #ffffff1a; } .iziToast.iziToast-theme-dark .iziToast-buttons > a:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > button:hover, .iziToast.iziToast-theme-dark .iziToast-buttons > input:hover { background: #fff3; } .iziToast.iziToast-theme-dark .iziToast-buttons > a:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > button:focus, .iziToast.iziToast-theme-dark .iziToast-buttons > input:focus { box-shadow: 0 0 0 1px #fff9; } .iziToast.iziToast-color-red { background: #ffafb4e6; border-color: #ffafb4e6; } .iziToast.iziToast-color-orange { background: #ffcfa5e6; border-color: #ffcfa5e6; } .iziToast.iziToast-color-yellow { background: #fff9b2e6; border-color: #fff9b2e6; } .iziToast.iziToast-color-blue { background: #9ddeffe6; border-color: #9ddeffe6; } .iziToast.iziToast-color-green { background: #a6efb8e6; border-color: #a6efb8e6; } .iziToast.iziToast-layout2 .iziToast-body .iziToast-message, .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts { width: 100%; } .iziToast.iziToast-layout3 { border-radius: 2px; } .iziToast.iziToast-layout3:after { display: none; } .iziToast .revealIn, .iziToast.revealIn { animation: 1s cubic-bezier(0.25, 1.6, 0.25, 1) both iziT-revealIn; } .iziToast .slideIn, .iziToast.slideIn { animation: 1s cubic-bezier(0.16, 0.81, 0.32, 1) both iziT-slideIn; } .iziToast.bounceInLeft { animation: 0.7s ease-in-out both iziT-bounceInLeft; } .iziToast.bounceInRight { animation: 0.85s ease-in-out both iziT-bounceInRight; } .iziToast.bounceInDown { animation: 0.7s ease-in-out both iziT-bounceInDown; } .iziToast.bounceInUp { animation: 0.7s ease-in-out both iziT-bounceInUp; } .iziToast .fadeIn, .iziToast.fadeIn { animation: 0.5s both iziT-fadeIn; } .iziToast.fadeInUp { animation: 0.7s both iziT-fadeInUp; } .iziToast.fadeInDown { animation: 0.7s both iziT-fadeInDown; } .iziToast.fadeInLeft { animation: 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both iziT-fadeInLeft; } .iziToast.fadeInRight { animation: 0.85s cubic-bezier(0.25, 0.8, 0.25, 1) both iziT-fadeInRight; } .iziToast.flipInX { animation: 0.85s cubic-bezier(0.35, 0, 0.25, 1) both iziT-flipInX; } .iziToast.fadeOut { animation: 0.7s both iziT-fadeOut; } .iziToast.fadeOutDown { animation: 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both iziT-fadeOutDown; } .iziToast.fadeOutUp { animation: 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both iziT-fadeOutUp; } .iziToast.fadeOutLeft { animation: 0.5s both iziT-fadeOutLeft; } .iziToast.fadeOutRight { animation: 0.5s both iziT-fadeOutRight; } .iziToast.flipOutX { animation: 0.7s cubic-bezier(0.4, 0.45, 0.15, 0.91) both iziT-flipOutX; backface-visibility: visible !important; } .iziToast-overlay.fadeIn { animation: 0.5s both iziT-fadeIn; } .iziToast-overlay.fadeOut { animation: 0.7s both iziT-fadeOut; } @-webkit-keyframes iziT-revealIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } to { opacity: 1; } } @keyframes iziT-revealIn { 0% { opacity: 0; transform: scale(0.3); } to { opacity: 1; } } @-webkit-keyframes iziT-slideIn { 0% { opacity: 0; -webkit-transform: translate(50px); } to { opacity: 1; -webkit-transform: translate(0); } } @keyframes iziT-slideIn { 0% { opacity: 0; transform: translate(50px); } to { opacity: 1; transform: translate(0); } } @-webkit-keyframes iziT-bounceInLeft { 0% { opacity: 0; -webkit-transform: translate(280px); } 50% { opacity: 1; -webkit-transform: translate(-20px); } 70% { -webkit-transform: translate(10px); } to { -webkit-transform: translate(0); } } @-webkit-keyframes iziT-bounceInRight { 0% { opacity: 0; -webkit-transform: translate(-280px); } 50% { opacity: 1; -webkit-transform: translate(20px); } 70% { -webkit-transform: translate(-10px); } to { -webkit-transform: translate(0); } } @-webkit-keyframes iziT-bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-200px); } 50% { opacity: 1; -webkit-transform: translateY(10px); } 70% { -webkit-transform: translateY(-5px); } to { -webkit-transform: translateY(0); } } @-webkit-keyframes iziT-bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(200px); } 50% { opacity: 1; -webkit-transform: translateY(-10px); } 70% { -webkit-transform: translateY(5px); } to { -webkit-transform: translateY(0); } } @keyframes iziT-fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes iziT-fadeInUp { 0% { opacity: 0; transform: translateY(100%); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInDown { 0% { opacity: 0; transform: translateY(-100%); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInLeft { 0% { opacity: 0; transform: translate(300px); } to { opacity: 1; transform: none; } } @keyframes iziT-fadeInRight { 0% { opacity: 0; transform: translate(-300px); } to { opacity: 1; transform: none; } } @keyframes iziT-flipInX { 0% { opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { transform: perspective(400px) rotateX(-20deg); } 60% { opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { transform: perspective(400px) rotateX(-5deg); } to { transform: perspective(400px); } } @keyframes iziT-fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes iziT-fadeOutDown { 0% { opacity: 1; } to { opacity: 0; transform: translateY(100%); } } @keyframes iziT-fadeOutUp { 0% { opacity: 1; } to { opacity: 0; transform: translateY(-100%); } } @keyframes iziT-fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; transform: translate(-200px); } } @keyframes iziT-fadeOutRight { 0% { opacity: 1; } to { opacity: 0; transform: translate(200px); } } @keyframes iziT-flipOutX { 0% { transform: perspective(400px); } 30% { opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { opacity: 0; transform: perspective(400px) rotateX(90deg); } } @keyframes iziT-bounceInLeft { 0% { opacity: 0; transform: translate(280px); } 50% { opacity: 1; transform: translate(-20px); } 70% { transform: translate(10px); } to { transform: translate(0); } } @keyframes iziT-bounceInRight { 0% { opacity: 0; transform: translate(-280px); } 50% { opacity: 1; transform: translate(20px); } 70% { transform: translate(-10px); } to { transform: translate(0); } } @keyframes iziT-bounceInDown { 0% { opacity: 0; transform: translateY(-200px); } 50% { opacity: 1; transform: translateY(10px); } 70% { transform: translateY(-5px); } to { transform: translateY(0); } } @keyframes iziT-bounceInUp { 0% { opacity: 0; transform: translateY(200px); } 50% { opacity: 1; transform: translateY(-10px); } 70% { transform: translateY(5px); } to { transform: translateY(0); } } @layer theme { :root, :host { --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-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-yellow-50: var(--color-yellow-50); --color-yellow-100: var(--color-yellow-100); --color-yellow-200: var(--color-yellow-200); --color-yellow-300: var(--color-yellow-300); --color-yellow-400: var(--color-yellow-400); --color-yellow-500: var(--color-yellow-500); --color-yellow-600: var(--color-yellow-600); --color-yellow-700: var(--color-yellow-700); --color-yellow-800: var(--color-yellow-800); --color-yellow-900: var(--color-yellow-900); --color-yellow-950: oklch(28.6% 0.066 53.813); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-700: oklch(52.7% 0.154 150.069); --color-green-950: oklch(26.6% 0.065 152.934); --color-teal-400: oklch(77.7% 0.152 181.912); --color-blue-400: oklch(70.7% 0.165 254.624); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-blue-700: oklch(48.8% 0.243 264.376); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-950: oklch(28.3% 0.141 291.089); --color-gray-50: var(--color-gray-50); --color-gray-100: var(--color-gray-100); --color-gray-200: var(--color-gray-200); --color-gray-300: var(--color-gray-300); --color-gray-400: var(--color-gray-400); --color-gray-500: var(--color-gray-500); --color-gray-600: var(--color-gray-600); --color-gray-700: var(--color-gray-700); --color-gray-800: var(--color-gray-800); --color-gray-900: var(--color-gray-900); --color-gray-950: oklch(13% 0.028 261.692); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-neutral-900: oklch(20.5% 0 0); --color-black: var(--color-black); --color-white: var(--color-white); --spacing: 0.25rem; --container-xs: 20rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --blur-md: 12px; --blur-2xl: 40px; --aspect-video: 16/9; --default-transition-duration: 0.15s; --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); --font-family-sans: var(--font-family-sans); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; 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); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } 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, samp, pre { 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-variation-settings: var( --default-mono-font-variation-settings, normal ); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :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; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { 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 { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } :root { --color-black: #000; --color-white: #fff; --color-yellow-50: #fff8e1; --color-yellow-100: #ffecb3; --color-yellow-200: #ffe082; --color-yellow-300: #ffd54f; --color-yellow-400: #ffca28; --color-yellow-500: #ffc107; --color-yellow-600: #ffb300; --color-yellow-700: #ffa000; --color-yellow-800: #ff8f00; --color-yellow-900: #ff6f00; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5db; --color-gray-400: #9ca3af; --color-gray-500: #6b7280; --color-gray-600: #4b5563; --color-gray-700: #374151; --color-gray-800: #1f2937; --color-gray-900: #111827; --font-family-sans: "Inter", system-ui, sans-serif; --ui-border-color: #e4e4e7; --ui-bg: #fff; --ui-soft-bg: #f4f4f5; --overlay-bg: #09090b40; --body-text-color: #52525b; --title-text-color: #09090b; --caption-text-color: #71717a; --placeholder-text-color: #a1a1aa; --card-radius: 1rem; --btn-radius: 9999px; --badge-radius: var(--btn-radius); --input-radius: var(--btn-radius); --avatar-radius: 9999px; --annonce-radius: var(--avatar-radius); --card-padding: 1.5rem; } [class~="dark"] { --body-text-color: #a1a1aa; --title-text-color: #fff; --placeholder-text-color: #52525b; --ui-bg: #18181b; --ui-border-color: #27272a; --ui-soft-bg: #27272a; } html, :host { font-family: var(--font-family-sans); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; color: var(--body-text-color); line-height: 1.5; } body { width: 100%; margin: 0; overflow-x: hidden; } *, :before, :after { box-sizing: border-box; border-color: var(--ui-border-color); } } @layer components { input, select, textarea { border: 1px solid var(--color-gray-300); border-radius: var(--input-radius); font-family: var(--font-family-sans); background-color: var(--ui-soft-bg); padding: 8px; } input:focus, select:focus, textarea:focus { border-color: var(--color-yellow-500); outline: none; box-shadow: 0 0 0 3px #ffc10733; } button:disabled { background: var(--ui-soft-bg); color: var(--placeholder-text-color); pointer-events: none; border: none; } .prose { color: var(--color-gray-900); font-family: var(--font-family-sans); line-height: 1.75; } .prose h1 { color: var(--title-text-color); font-size: 2.25em; font-weight: 800; } .prose h2 { font-size: 1.5em; font-weight: 700; } .prose a { color: var(--color-yellow-600); text-decoration: underline; } .prose strong { font-weight: 700; } .btn { border-radius: var(--btn-radius); justify-content: center; align-items: center; gap: 0.375rem; transition: filter 0.15s ease-in-out; display: flex; } .btn.variant-solid { color: #fff; box-shadow: #ffffff40 0 1px inset, var(--btn-border-color) 0 0 0 1px; } .btn.variant-solid:hover { filter: brightness(1.1); } .btn.variant-solid:active { filter: brightness(0.95); } .btn.variant-solid[class~="dark"] { border-top-width: 1px; box-shadow: inset 0 2px 4px #ffffff1a; } .btn.variant-outlined { border-width: 1px; transition: filter 0.15s ease-in-out; box-shadow: 0 1px 3px #09090b0d, 0 1px 2px -1px #09090b0d; } .btn.variant-outlined:hover { filter: brightness(0.98); } .btn.variant-outlined:active { filter: brightness(); } .btn.sz-xs { height: 1.75rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; } .btn.sz-sm { height: 2rem; padding-left: 0.875rem; padding-right: 0.875rem; font-size: 0.875rem; line-height: 1.25rem; } .btn.sz-md { height: 2.5rem; padding-left: 1rem; padding-right: 1rem; font-size: 0.875rem; line-height: 1.25rem; } .btn.sz-lg { height: 2.75rem; padding-left: 1.25rem; padding-right: 1.25rem; font-size: 1rem; line-height: 1.5rem; } .btn.sz-xl { height: 3.5rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1.125rem; line-height: 1.75rem; } .btn.icon-only { padding-left: 0; padding-right: 0; } .btn.icon-only.sz-xs { width: 1.75rem; height: 1.75rem; } .btn.icon-only.sz-sm { width: 2rem; height: 2rem; } .btn.icon-only.sz-md { width: 2.5rem; height: 2.5rem; } .btn.icon-only.sz-lg { width: 2.75rem; height: 2.75rem; } .btn.icon-only.sz-xl { width: 3.5rem; height: 3.5rem; } .btn.variant-solid.intent-primary { --btn-border-color: #1d4ed8; background-color: #2563eb; } .btn.variant-solid.intent-primary[class~="dark"] { border-color: #60a5fabf; } .btn.variant-solid.intent-secondary { --btn-border-color: #7e22ce; background-color: #9333ea; } .btn.variant-solid.intent-secondary[class~="dark"] { border-color: #c084fcbf; } .btn.variant-solid.intent-accent { --btn-border-color: #4d7c0f; background-color: #65a30d; } .btn.variant-solid.intent-accent[class~="dark"] { border-color: #a3e635bf; } .btn.variant-solid.intent-info { --btn-border-color: #1d4ed8; background-color: #2563eb; } .btn.variant-solid.intent-info[class~="dark"] { border-color: #60a5fabf; } .btn.variant-solid.intent-success { --btn-border-color: #15803d; background-color: #16a34a; } .btn.variant-solid.intent-success[class~="dark"] { border-color: #4ade80bf; } .btn.variant-solid.intent-danger { --btn-border-color: #b91c1c; background-color: #dc2626; } .btn.variant-solid.intent-danger[class~="dark"] { border-color: #f87171bf; } .btn.variant-solid.intent-warning { color: #422006; --btn-border-color: #ca8a04; background-color: #eab308; } .btn.variant-solid.intent-warning[class~="dark"] { border-color: #fde047; } .btn.variant-solid.intent-gray { --btn-border-color: #3f3f46; background-color: #52525b; } .btn.variant-solid.intent-gray[class~="dark"] { border-color: #a1a1aabf; } .btn.variant-solid.intent-neutral { background-color: #09090b; box-shadow: 0 10px 15px -3px #09090b40, 0 4px 6px -4px #09090b40; } .btn.variant-solid.intent-neutral:hover { background-color: #18181b; } .btn.variant-solid.intent-neutral[class~="dark"] { color: #09090b; background-color: #fff; border-color: #d4d4d8; } .btn.variant-outlined.intent-primary { color: #1e40af; --btn-border-color: #bfdbfe; background-color: #eff6ff; } .btn.variant-outlined.intent-primary[class~="dark"] { color: #93c5fd; --btn-border-color: #3b82f64d; background-color: #3b82f60d; } .btn.variant-outlined.intent-primary:hover[class~="dark"] { background-color: #3b82f61a; } .btn.variant-outlined.intent-primary:active[class~="dark"] { background-color: #3b82f60d; } .btn.variant-outlined.intent-secondary { color: #6b21a8; --btn-border-color: #e9d5ff; background-color: #faf5ff; } .btn.variant-outlined.intent-secondary[class~="dark"] { color: #d8b4fe; --btn-border-color: #a855f74d; background-color: #a855f70d; } .btn.variant-outlined.intent-secondary:hover[class~="dark"] { background-color: #a855f71a; } .btn.variant-outlined.intent-secondary:active[class~="dark"] { background-color: #a855f70d; } .btn.variant-outlined.intent-accent { color: #3f6212; --btn-border-color: #d9f99d; background-color: #f7fee7; } .btn.variant-outlined.intent-accent[class~="dark"] { color: #bef264; --btn-border-color: #84cc164d; background-color: #84cc160d; } .btn.variant-outlined.intent-accent:hover[class~="dark"] { background-color: #84cc161a; } .btn.variant-outlined.intent-accent:active[class~="dark"] { background-color: #84cc160d; } .btn.variant-outlined.intent-info { color: #1e40af; --btn-border-color: #bfdbfe; background-color: #eff6ff; } .btn.variant-outlined.intent-info[class~="dark"] { color: #93c5fd; --btn-border-color: #3b82f64d; background-color: #3b82f60d; } .btn.variant-outlined.intent-info:hover[class~="dark"] { background-color: #3b82f61a; } .btn.variant-outlined.intent-info:active[class~="dark"] { background-color: #3b82f60d; } .btn.variant-outlined.intent-danger { color: #991b1b; --btn-border-color: #fecaca; background-color: #fef2f2; } .btn.variant-outlined.intent-danger[class~="dark"] { color: #fca5a5; --btn-border-color: #ef44444d; background-color: #ef44440d; } .btn.variant-outlined.intent-danger:hover[class~="dark"] { background-color: #ef44441a; } .btn.variant-outlined.intent-danger:active[class~="dark"] { background-color: #ef44440d; } .btn.variant-outlined.intent-success { color: #166534; --btn-border-color: #bbf7d0; background-color: #f0fdf4; } .btn.variant-outlined.intent-success[class~="dark"] { color: #86efac; --btn-border-color: #22c55e4d; background-color: #22c55e0d; } .btn.variant-outlined.intent-success:hover[class~="dark"] { background-color: #22c55e1a; } .btn.variant-outlined.intent-success:active[class~="dark"] { background-color: #22c55e0d; } .btn.variant-outlined.intent-gray { color: #09090b; background-color: #fff; border-bottom-color: #d4d4d8; } .btn.variant-outlined.intent-warning { color: #854d0e; --btn-border-color: #fef08a; background-color: #fefce8; } .btn.variant-outlined.intent-warning[class~="dark"] { color: #fde047; --btn-border-color: #eab3084d; background-color: #eab3080d; } .btn.variant-outlined.intent-warning:hover[class~="dark"] { background-color: #eab3081a; } .btn.variant-outlined.intent-warning:active[class~="dark"] { background-color: #eab3080d; } .btn.variant-outlined.intent-neutral { color: #27272a; --btn-border-color: #d4d4d8; background-color: #f4f4f5; } .btn.variant-outlined.intent-neutral[class~="dark"] { color: #fff; --btn-border-color: #fff; background-color: #71717a0d; } .btn.variant-outlined.intent-neutral:hover[class~="dark"] { background-color: #71717a1a; } .btn.variant-outlined.intent-neutral:active[class~="dark"] { background-color: #71717a0d; } .btn.variant-soft.intent-primary { color: #1d4ed8; background-color: #dbeafe; } .btn.variant-soft.intent-primary:hover { background-color: #bfdbfebf; } .btn.variant-soft.intent-primary:active { background-color: #dbeafe; } .btn.variant-soft.intent-primary[class~="dark"] { color: #93c5fd; background-color: #3b82f61a; } .btn.variant-soft.intent-primary:hover[class~="dark"] { background-color: #3b82f626; } .btn.variant-soft.intent-primary:active[class~="dark"] { background-color: #3b82f61a; } .btn.variant-soft.intent-secondary { color: #7e22ce; background-color: #f3e8ff; } .btn.variant-soft.intent-secondary:hover { background-color: #e9d5ffbf; } .btn.variant-soft.intent-secondary:active { background-color: #f3e8ff; } .btn.variant-soft.intent-secondary[class~="dark"] { color: #d8b4fe; background-color: #a855f71a; } .btn.variant-soft.intent-secondary:hover[class~="dark"] { background-color: #a855f726; } .btn.variant-soft.intent-secondary:active[class~="dark"] { background-color: #a855f71a; } .btn.variant-soft.intent-accent { color: #4d7c0f; background-color: #ecfccb; } .btn.variant-soft.intent-accent:hover { background-color: #d9f99dbf; } .btn.variant-soft.intent-accent:active { background-color: #ecfccb; } .btn.variant-soft.intent-accent[class~="dark"] { color: #bef264; background-color: #84cc161a; } .btn.variant-soft.intent-accent:hover[class~="dark"] { background-color: #84cc1626; } .btn.variant-soft.intent-accent:active[class~="dark"] { background-color: #84cc161a; } .btn.variant-soft.intent-gray { color: #3f3f46; background-color: #f4f4f5; } .btn.variant-soft.intent-gray:hover { background-color: #e4e4e7bf; } .btn.variant-soft.intent-gray:active { background-color: #f4f4f5; } .btn.variant-soft.intent-gray[class~="dark"] { color: #d4d4d8; background-color: #71717a1a; } .btn.variant-soft.intent-gray:hover[class~="dark"] { background-color: #71717a26; } .btn.variant-soft.intent-gray:active[class~="dark"] { background-color: #71717a1a; } .btn.variant-soft.intent-danger { color: #b91c1c; background-color: #fee2e2; } .btn.variant-soft.intent-danger:hover { background-color: #fecacabf; } .btn.variant-soft.intent-danger:active { background-color: #fee2e2; } .btn.variant-soft.intent-danger[class~="dark"] { color: #fca5a5; background-color: #ef44441a; } .btn.variant-soft.intent-danger:hover[class~="dark"] { background-color: #ef444426; } .btn.variant-soft.intent-danger:active[class~="dark"] { background-color: #ef44441a; } .btn.variant-soft.intent-success { color: #15803d; background-color: #dcfce7; } .btn.variant-soft.intent-success:hover { background-color: #bbf7d0bf; } .btn.variant-soft.intent-success:active { background-color: #dcfce7; } .btn.variant-soft.intent-success[class~="dark"] { color: #86efac; background-color: #22c55e1a; } .btn.variant-soft.intent-success:hover[class~="dark"] { background-color: #22c55e26; } .btn.variant-soft.intent-success:active[class~="dark"] { background-color: #22c55e1a; } .btn.variant-soft.intent-info { color: #1d4ed8; background-color: #dbeafe; } .btn.variant-soft.intent-info:hover { background-color: #bfdbfebf; } .btn.variant-soft.intent-info:active { background-color: #dbeafe; } .btn.variant-soft.intent-info[class~="dark"] { color: #93c5fd; background-color: #3b82f61a; } .btn.variant-soft.intent-info:hover[class~="dark"] { background-color: #3b82f626; } .btn.variant-soft.intent-info:active[class~="dark"] { background-color: #3b82f61a; } .btn.variant-soft.intent-warning { color: #a16207; background-color: #fef9c3; } .btn.variant-soft.intent-warning:hover { background-color: #fef08abf; } .btn.variant-soft.intent-warning:active { background-color: #fef9c3; } .btn.variant-soft.intent-warning[class~="dark"] { color: #fde047; background-color: #eab3081a; } .btn.variant-soft.intent-warning:hover[class~="dark"] { background-color: #eab30826; } .btn.variant-soft.intent-warning:active[class~="dark"] { background-color: #eab3081a; } .btn.variant-soft.intent-neutral { color: #09090b; background-color: #f4f4f5; } .btn.variant-soft.intent-neutral:hover { color: #fff; background-color: #09090b; } .btn.variant-soft.intent-neutral:active { color: #fff; background-color: #18181b; } .btn.variant-soft.intent-neutral[class~="dark"] { color: #d4d4d8; background-color: #71717a1a; } .btn.variant-soft.intent-neutral:hover[class~="dark"] { color: #09090b; background-color: #fff; } .btn.variant-soft.intent-neutral:active[class~="dark"] { color: #09090b; background-color: #e4e4e7; } .btn.variant-ghost.intent-primary { color: #2563eb; } .btn.variant-ghost.intent-primary:hover { background-color: #dbeafe; } .btn.variant-ghost.intent-primary:active { background-color: #bfdbfebf; } .btn.variant-ghost.intent-primary[class~="dark"] { color: #60a5fa; } .btn.variant-ghost.intent-primary:hover[class~="dark"] { background-color: #3b82f61a; } .btn.variant-ghost.intent-primary:active[class~="dark"] { background-color: #3b82f626; } .btn.variant-ghost.intent-secondary { color: #9333ea; } .btn.variant-ghost.intent-secondary:hover { background-color: #f3e8ff; } .btn.variant-ghost.intent-secondary:active { background-color: #e9d5ffbf; } .btn.variant-ghost.intent-secondary[class~="dark"] { color: #c084fc; } .btn.variant-ghost.intent-secondary:hover[class~="dark"] { background-color: #a855f71a; } .btn.variant-ghost.intent-secondary:active[class~="dark"] { background-color: #a855f726; } .btn.variant-ghost.intent-accent { color: #65a30d; } .btn.variant-ghost.intent-accent:hover { background-color: #ecfccb; } .btn.variant-ghost.intent-accent:active { background-color: #d9f99dbf; } .btn.variant-ghost.intent-accent[class~="dark"] { color: #a3e635; } .btn.variant-ghost.intent-accent:hover[class~="dark"] { background-color: #84cc161a; } .btn.variant-ghost.intent-accent:active[class~="dark"] { background-color: #84cc1626; } .btn.variant-ghost.intent-info { color: #2563eb; } .btn.variant-ghost.intent-info:hover { background-color: #dbeafe; } .btn.variant-ghost.intent-info:active { background-color: #bfdbfebf; } .btn.variant-ghost.intent-info[class~="dark"] { color: #60a5fa; } .btn.variant-ghost.intent-info:hover[class~="dark"] { background-color: #3b82f61a; } .btn.variant-ghost.intent-info:active[class~="dark"] { background-color: #3b82f626; } .btn.variant-ghost.intent-danger { color: #dc2626; } .btn.variant-ghost.intent-danger:hover { background-color: #fee2e2; } .btn.variant-ghost.intent-danger:active { background-color: #fecacabf; } .btn.variant-ghost.intent-danger[class~="dark"] { color: #f87171; } .btn.variant-ghost.intent-danger:hover[class~="dark"] { background-color: #ef44441a; } .btn.variant-ghost.intent-danger:active[class~="dark"] { background-color: #ef444426; } .btn.variant-ghost.intent-success { color: #16a34a; } .btn.variant-ghost.intent-success:hover { background-color: #dcfce7; } .btn.variant-ghost.intent-success:active { background-color: #bbf7d0bf; } .btn.variant-ghost.intent-success[class~="dark"] { color: #4ade80; } .btn.variant-ghost.intent-success:hover[class~="dark"] { background-color: #22c55e1a; } .btn.variant-ghost.intent-success:active[class~="dark"] { background-color: #22c55e26; } .btn.variant-ghost.intent-warning { color: #ca8a04; } .btn.variant-ghost.intent-warning:hover { background-color: #fef9c3; } .btn.variant-ghost.intent-warning:active { background-color: #fef08abf; } .btn.variant-ghost.intent-warning[class~="dark"] { color: #facc15; } .btn.variant-ghost.intent-warning:hover[class~="dark"] { background-color: #eab3081a; } .btn.variant-ghost.intent-warning:active[class~="dark"] { background-color: #eab30826; } .btn.variant-ghost.intent-gray { color: #27272a; } .btn.variant-ghost.intent-gray:hover { background-color: #f4f4f5; } .btn.variant-ghost.intent-gray:active { background-color: #e4e4e7bf; } .btn.variant-ghost.intent-gray[class~="dark"] { color: #d4d4d8; } .btn.variant-ghost.intent-gray:hover[class~="dark"] { background-color: #71717a1a; } .btn.variant-ghost.intent-gray:active[class~="dark"] { background-color: #71717a26; } .btn.variant-ghost.intent-neutral { color: #09090b; } .btn.variant-ghost.intent-neutral:hover { color: #fff; background-color: #09090b; } .btn.variant-ghost.intent-neutral:active { color: #fff; background-color: #18181b; } .btn.variant-ghost.intent-neutral[class~="dark"] { color: #fff; } .btn.variant-ghost.intent-neutral:hover[class~="dark"] { color: #09090b; background-color: #fff; } .btn.variant-ghost.intent-neutral:active[class~="dark"] { color: #09090b; background-color: #e4e4e7; } .badge { border-radius: var(--badge-radius); align-items: center; gap: 0.375rem; width: fit-content; height: fit-content; display: flex; } .badge.variant-solid { color: #fff; } .badge.variant-outlined { border-width: 1px; } .badge.sz-xs { padding: 0.125rem 0.375rem; font-size: 0.75rem; line-height: 1rem; } .badge.sz-sm { padding: 0.125rem 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } .badge.sz-md { padding: 0.25rem 0.625rem; font-size: 0.875rem; line-height: 1.25rem; } .badge.sz-lg { padding: 0.25rem 0.75rem; font-size: 1rem; line-height: 1.5rem; } .badge.variant-solid.intent-primary { background-color: #2563eb; } .badge.variant-solid.intent-primary[class~="dark"] { color: #172554; background-color: #60a5fa; } .badge.variant-solid.intent-secondary { background-color: #9333ea; } .badge.variant-solid.intent-secondary[class~="dark"] { color: #3b0764; background-color: #c084fc; } .badge.variant-solid.intent-accent { background-color: #65a30d; } .badge.variant-solid.intent-accent[class~="dark"] { color: #1a2e05; background-color: #a3e635; } .badge.variant-solid.intent-info { background-color: #2563eb; } .badge.variant-solid.intent-info[class~="dark"] { color: #172554; background-color: #60a5fa; } .badge.variant-solid.intent-success { background-color: #16a34a; } .badge.variant-solid.intent-success[class~="dark"] { color: #052e16; background-color: #4ade80; } .badge.variant-solid.intent-danger { background-color: #dc2626; } .badge.variant-solid.intent-danger[class~="dark"] { color: #450a0a; background-color: #f87171; } .badge.variant-solid.intent-warning { color: #422006; background-color: #facc15; } .badge.variant-solid.intent-gray { background-color: #52525b; } .badge.variant-solid.intent-gray[class~="dark"] { color: #09090b; background-color: #a1a1aa; } .badge.variant-outlined.intent-primary, .annonce-concern.variant-outlined.intent-primary { color: #1e40af; border-color: #bfdbfe; } .badge.variant-outlined.intent-primary[class~="dark"], .annonce-concern.variant-outlined.intent-primary[class~="dark"] { color: #93c5fd; border-color: #93c5fd26; } .badge.variant-outlined.intent-secondary, .annonce-concern.variant-outlined.intent-secondary { color: #6b21a8; border-color: #e9d5ff; } .badge.variant-outlined.intent-secondary[class~="dark"], .annonce-concern.variant-outlined.intent-secondary[class~="dark"] { color: #d8b4fe; border-color: #d8b4fe26; } .badge.variant-outlined.intent-accent, .annonce-concern.variant-outlined.intent-accent { color: #3f6212; border-color: #d9f99d; } .badge.variant-outlined.intent-accent[class~="dark"], .annonce-concern.variant-outlined.intent-accent[class~="dark"] { color: #bef264; border-color: #bef26426; } .badge.variant-outlined.intent-info, .annonce-concern.variant-outlined.intent-info { color: #1e40af; border-color: #bfdbfe; } .badge.variant-outlined.intent-info[class~="dark"], .annonce-concern.variant-outlined.intent-info[class~="dark"] { color: #93c5fd; border-color: #93c5fd26; } .badge.variant-outlined.intent-success, .annonce-concern.variant-outlined.intent-success { color: #166534; border-color: #bbf7d0; } .badge.variant-outlined.intent-success[class~="dark"], .annonce-concern.variant-outlined.intent-success[class~="dark"] { color: #86efac; border-color: #86efac26; } .badge.variant-outlined.intent-danger, .annonce-concern.variant-outlined.intent-danger { color: #991b1b; border-color: #fecaca; } .badge.variant-outlined.intent-danger[class~="dark"], .annonce-concern.variant-outlined.intent-danger[class~="dark"] { color: #fca5a5; border-color: #fca5a526; } .badge.variant-outlined.intent-warning, .annonce-concern.variant-outlined.intent-warning { color: #854d0e; border-color: #fde047; } .badge.variant-outlined.intent-warning[class~="dark"], .annonce-concern.variant-outlined.intent-warning[class~="dark"] { color: #fde047; border-color: #fde04726; } .badge.variant-outlined.intent-gray, .annonce-concern.variant-outlined.intent-gray { color: #27272a; border-color: #e4e4e7; } .badge.variant-outlined.intent-gray[class~="dark"], .annonce-concern.variant-outlined.intent-gray[class~="dark"] { color: #d4d4d8; border-color: #d4d4d826; } .badge.variant-soft.intent-primary, .annonce-concern.variant-soft.intent-primary { color: #1e40af; background-color: #bfdbfe; } .badge.variant-soft.intent-primary[class~="dark"], .annonce-concern.variant-soft.intent-primary[class~="dark"] { color: #93c5fd; background-color: #3b82f626; } .badge.variant-soft.intent-secondary, .annonce-concern.variant-soft.intent-secondary { color: #6b21a8; background-color: #e9d5ff; } .badge.variant-soft.intent-secondary[class~="dark"], .annonce-concern.variant-soft.intent-secondary[class~="dark"] { color: #d8b4fe; background-color: #a855f726; } .badge.variant-soft.intent-accent, .annonce-concern.variant-soft.intent-accent { color: #3f6212; background-color: #d9f99d; } .badge.variant-soft.intent-accent[class~="dark"], .annonce-concern.variant-soft.intent-accent[class~="dark"] { color: #bef264; background-color: #84cc1626; } .badge.variant-soft.intent-info, .annonce-concern.variant-soft.intent-info { color: #1e40af; background-color: #bfdbfe; } .badge.variant-soft.intent-info[class~="dark"], .annonce-concern.variant-soft.intent-info[class~="dark"] { color: #93c5fd; background-color: #3b82f626; } .badge.variant-soft.intent-success, .annonce-concern.variant-soft.intent-success { color: #166534; background-color: #bbf7d0; } .badge.variant-soft.intent-success[class~="dark"], .annonce-concern.variant-soft.intent-success[class~="dark"] { color: #86efac; background-color: #22c55e26; } .badge.variant-soft.intent-danger, .annonce-concern.variant-soft.intent-danger { color: #991b1b; background-color: #fecaca; } .badge.variant-soft.intent-danger[class~="dark"], .annonce-concern.variant-soft.intent-danger[class~="dark"] { color: #fca5a5; background-color: #ef444426; } .badge.variant-soft.intent-warning, .annonce-concern.variant-soft.intent-warning { color: #713f12; background-color: #fef08a; } .badge.variant-soft.intent-warning[class~="dark"], .annonce-concern.variant-soft.intent-warning[class~="dark"] { color: #fde047; background-color: #eab30826; } .badge.variant-soft.intent-gray, .annonce-concern.variant-soft.intent-gray { color: #27272a; background-color: #e4e4e7; } .badge.variant-soft.intent-gray[class~="dark"], .annonce-concern.variant-soft.intent-gray[class~="dark"] { color: #d4d4d8; background-color: #71717a26; } .card { border-radius: var(--card-radius); padding: var(--card-padding); } .card.variant-outlined { background-color: var(--ui-bg); border-width: 1px; } .card.variant-mixed { background-color: var(--ui-bg); border-width: 1px; box-shadow: 0 1px 3px #09090b0d, 0 1px 2px -1px #09090b0d; } .card.variant-elevated { background-color: var(--ui-bg); box-shadow: 0 1px 3px #09090b0d, 0 1px 2px -1px #09090b0d; } .card.variant-soft { background-color: var(--ui-soft-bg); } .input.sz-md { height: 2.25rem; font-size: 0.875rem; line-height: 1.25rem; } .input.sz-lg { height: 2.5rem; } .textarea.sz-md { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; } .textarea.sz-lg { padding-top: 0.75rem; padding-bottom: 0.75rem; } .input.variant-mixed.sz-md, .input.variant-outlined.sz-md, .input.variant-soft.sz-md, .textarea.variant-mixed.sz-md, .textarea.variant-outlined.sz-md, .textarea.variant-soft.sz-md { padding-left: 0.75rem; padding-right: 0.75rem; } .input.variant-mixed.sz-lg, .input.variant-outlined.sz-lg, .input.variant-soft.sz-lg, .textarea.variant-mixed.sz-lg, .textarea.variant-outlined.sz-lg, .textarea.variant-soft.sz-lg { padding-left: 1rem; padding-right: 1rem; } .code { border-width: 1px; border-radius: 0.375rem; padding: 1px 0.25rem; font-size: 0.875rem; line-height: 1.25rem; display: inline-block; } .code.intent-primary { color: #2563eb; background-color: #eff6ff; border-color: #bfdbfe; } .code.intent-primary[class~="dark"] { color: #93c5fd; background-color: #3b82f60d; border-color: #3b82f633; } .code.intent-secondary { color: #9333ea; background-color: #faf5ff; border-color: #e9d5ff; } .code.intent-secondary[class~="dark"] { color: #d8b4fe; background-color: #a855f70d; border-color: #a855f733; } .code.intent-accent { color: #65a30d; background-color: #f7fee7; border-color: #d9f99d; } .code.intent-accent[class~="dark"] { color: #bef264; background-color: #84cc160d; border-color: #84cc1633; } .code.intent-gray { color: var(--body-text-color); background-color: #fafafa; } .code.intent-gray[class~="dark"] { background-color: #71717a0d; border-color: #71717a33; } .code.intent-neutral { color: #09090b; background-color: #fafafa; } .code.intent-neutral[class~="dark"] { color: #fff; background-color: #71717a0d; border-color: #71717a33; } .link { color: #2563eb; transition: all 0.15s ease-in-out; } .link[class~="dark"] { color: #60a5fa; } .link.variant-ghost:hover, .link.variant-underlined { text-decoration-line: underline; } .link.variant-animated { position: relative; } .link.variant-animated:before { transform-origin: 100%; content: ""; height: 1px; transition: transform 0.2s ease-in-out; position: absolute; bottom: 0; left: 0; right: 0; transform: scaleX(0); } .link.variant-animated:hover:before { transform-origin: 0; transform: scaleX(1); } .link.intent-info { color: #2563eb; } .link.intent-info[class~="dark"] { color: #60a5fa; } .link.intent-neutral { color: #09090b; } .link.intent-neutral[class~="dark"] { color: #fff; } .link.variant-animated.intent-neutral:before { background-color: #09090b80; } .link.variant-animated.intent-neutral[class~="dark"]:before { background-color: #ffffff80; } .link.variant-animated.intent-info:before, .link.variant-animated.intent-primary:before { background-color: #93c5fd; } .link.variant-animated.intent-info[class~="dark"]:before, .link.variant-animated.intent-primary[class~="dark"]:before { background-color: #2563eb; } .link.variant-underlined.intent-neutral, .link.variant-ghost.intent-neutral { text-decoration-color: #09090b80; } .link.variant-underlined.intent-neutral[class~="dark"], .link.variant-ghost.intent-neutral[class~="dark"] { text-decoration-color: #ffffff80; } .progress { background-color: var(--ui-soft-bg); border-radius: 9999px; overflow: hidden; } .progress.sz-xs { height: 0.125rem; } .progress.sz-sm { height: 0.25rem; } .progress.sz-md { height: 0.375rem; } .progress.sz-lg { height: 0.625rem; } .progress.sz-xl { height: 0.875rem; } .progress-indicator.intent-gray { background-color: #52525b; } .progress-indicator.intent-neutral { background-color: #09090b; } .progress-indicator.intent-neutral[class~="dark"] { background-color: #fff; } .avatar.sz-md { width: 2.25rem; height: 2.25rem; font-size: 0.875rem; line-height: 1.25rem; } .avatar.sz-md:before { content: ""; border-width: 2px; width: 0.625rem; height: 0.625rem; right: 1px; } .avatar.sz-lg { width: 2.5rem; height: 2.5rem; font-size: 1rem; line-height: 1.5rem; } .avatar.sz-lg:before { content: ""; border-width: 2px; width: 0.625rem; height: 0.625rem; top: 0.125rem; right: 0.125rem; } .avatar.fallback-soft.intent-gray { color: #27272a; background-color: #e4e4e7; } .avatar.fallback-soft.intent-gray[class~="dark"] { color: #d4d4d8; background-color: #71717a26; } .avatar.fallback-solid.intent-gray { background-color: #52525b; } .callout.intent-gray { --body-text-color: #52525b; --title-text-color: #18181b; background-color: #f4f4f5; } .callout.intent-gray[class~="dark"] { --body-text-color: #a1a1aa; --title-text-color: #d4d4d8; background-color: #71717a1a; } .swiper-pagination-bullet { background-color: var(--color-gray-200); opacity: 1; } .swiper-pagination-bullet[class~="dark"] { background-color: var(--color-gray-700); } .swiper-pagination-bullet-active { background-color: var(--color-gray-950); } .swiper-pagination-bullet-active[class~="dark"] { background-color: var(--color-white); } .tls-shadow { box-shadow: 0 0 0 1px var(--ui-border-color), 0 0.5px 0.5px -0.125px #09090b0d, 0 1px 1px -0.5px #09090b0d, 0 2px 2px -1px #09090b0d, 0 4px 4px -2px #09090b0d, 0 8px 8px -4px #09090b0d; } .tls-shadow-md { box-shadow: 0 0 0 1px var(--ui-border-color), 0 1px 1px -0.25px #09090b0d, 0 2px 2px -0.5px #09090b0d, 0 4px 4px -1px #09090b0d, 0 8px 8px -2px #09090b0d, 0 16px 16px -4px #09090b0d; } .tls-shadow-lg { box-shadow: 0 0 0 1px var(--ui-border-color), 0 2px 2px -0.5px #09090b0d, 0 4px 4px -1px #09090b0d, 0 8px 8px -2px #09090b0d, 0 16px 16px -4px #09090b0d, 0 32px 32px -8px #09090b0d; } } @layer utilities { .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-8 { inset: calc(var(--spacing) * 8); } .inset-16 { inset: calc(var(--spacing) * 16); } .inset-24 { inset: calc(var(--spacing) * 24); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-x-6 { inset-inline: calc(var(--spacing) * 6); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start-2\/4 { inset-inline-start: 50%; } .-top-0\.5 { top: calc(var(--spacing) * -0.5); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\/2, .top-2\/4 { top: 50%; } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-14 { top: calc(var(--spacing) * 14); } .top-\[15\%\] { top: 15%; } .right-0 { right: calc(var(--spacing) * 0); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1\.5 { bottom: calc(var(--spacing) * 1.5); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: 50%; } .left-6 { left: calc(var(--spacing) * 6); } .left-auto { left: auto; } .-z-10 { z-index: -10; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-50 { z-index: 50; } .order-1 { order: 1; } .order-2 { order: 2; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .m-auto { margin: auto; } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-2 { margin-inline: calc(var(--spacing) * -2); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-auto { margin-inline: auto; } .-my-1 { margin-block: calc(var(--spacing) * -1); } .my-1\.5 { margin-block: calc(var(--spacing) * 1.5); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-16 { margin-block: calc(var(--spacing) * 16); } .ms-auto { margin-inline-start: auto; } .-me-2 { margin-inline-end: calc(var(--spacing) * -2); } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .me-1\.5 { margin-inline-end: calc(var(--spacing) * 1.5); } .-mt-px { margin-top: -1px; } .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-2 { margin-top: calc(var(--spacing) * 2); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-32 { margin-top: calc(var(--spacing) * 32); } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .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-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-20 { margin-bottom: calc(var(--spacing) * 20); } .mb-px { margin-bottom: 1px; } .ml-1 { margin-left: calc(var(--spacing) * 1); } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36); } .size-\[34px\] { width: 34px; height: 34px; } .size-\[50px\] { width: 50px; height: 50px; } .size-fit { width: fit-content; height: fit-content; } .h-1 { height: calc(var(--spacing) * 1); } .h-1\/2 { height: 50%; } .h-2 { height: calc(var(--spacing) * 2); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-16 { height: calc(var(--spacing) * 16); } .h-48 { height: calc(var(--spacing) * 48); } .h-\[1\.5px\] { height: 1.5px; } .h-\[3rem\] { height: 3rem; } .h-\[28px\] { height: 28px; } .h-\[54px\] { height: 54px; } .h-\[80vw\] { height: 80vw; } .h-\[95\%\] { height: 95%; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-\[55px\] { max-height: 55px; } .max-h-\[113px\] { max-height: 113px; } .max-h-\[160px\] { max-height: 160px; } .max-h-\[250px\] { max-height: 250px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[896px\] { max-height: 896px; } .min-h-\[20rem\] { min-height: 20rem; } .min-h-\[34px\] { min-height: 34px; } .w-3 { width: calc(var(--spacing) * 3); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-48 { width: calc(var(--spacing) * 48); } .w-\[26rem\] { width: 26rem; } .w-\[80vw\] { width: 80vw; } .w-\[180px\] { width: 180px; } .w-\[220px\] { width: 220px; } .w-\[250px\] { width: 250px; } .w-full { width: 100%; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-5xl { max-width: var(--container-5xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-24 { max-width: calc(var(--spacing) * 24); } .max-w-\[20rem\] { max-width: 20rem; } .max-w-\[44ch\] { max-width: 44ch; } .max-w-\[72rem\] { max-width: 72rem; } .max-w-\[92rem\] { max-width: 92rem; } .max-w-\[125px\] { max-width: 125px; } .max-w-\[175px\] { max-width: 175px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[370px\] { max-width: 370px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[1128px\] { max-width: 1128px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-16 { min-width: calc(var(--spacing) * 16); } .min-w-20 { min-width: calc(var(--spacing) * 20); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-60 { min-width: calc(var(--spacing) * 60); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .-translate-x-1\/2, .-translate-x-2\/4 { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2, .-translate-y-2\/4 { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-0 { rotate: none; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .scroll-my-32 { scroll-margin-block: calc(var(--spacing) * 32); } .list-outside { list-style-position: outside; } .list-disc { list-style-type: disc; } .\[grid-template-columns\:auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .\[grid-template-rows\:1fr_auto\] { grid-template-rows: 1fr auto; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .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-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 2) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)) ); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 4) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)) ); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 6) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)) ); } :where(.space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc( calc(var(--spacing) * 12) * var(--tw-space-y-reverse) ); margin-block-end: calc( calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)) ); } .gap-x-16 { column-gap: calc(var(--spacing) * 16); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc( calc(var(--spacing) * -2) * var(--tw-space-x-reverse) ); margin-inline-end: calc( calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)) ); } .gap-y-12 { row-gap: calc(var(--spacing) * 12); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-hidden { overflow-x: hidden; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-b-xl { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-\[--ui-border-color\] { border-color: --ui-border-color; } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-800 { border-color: var(--color-gray-800); } .border-green-500 { border-color: var(--color-green-500); } .border-neutral-200 { border-color: var(--color-neutral-200); } .border-red-500 { border-color: var(--color-red-500); } .border-transparent { border-color: #0000; } .border-white\/5 { border-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .border-white\/5 { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/10 { border-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-yellow-50 { border-color: var(--color-yellow-50); } .border-yellow-100\/40 { border-color: var(--color-yellow-100); } @supports (color: color-mix(in lab, red, red)) { .border-yellow-100\/40 { border-color: color-mix( in oklab, var(--color-yellow-100) 40%, transparent ); } } .border-yellow-300\/20 { border-color: var(--color-yellow-300); } @supports (color: color-mix(in lab, red, red)) { .border-yellow-300\/20 { border-color: color-mix( in oklab, var(--color-yellow-300) 20%, transparent ); } } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-b-transparent { border-bottom-color: #0000; } .bg-\[--tw-page-bg\] { background-color: --tw-page-bg; } .bg-black, .bg-black\/25 { background-color: var(--color-black); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/25 { background-color: color-mix( in oklab, var(--color-black) 25%, transparent ); } } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-950 { background-color: var(--color-gray-950); } .bg-gray-950\/5 { background-color: #0307120d; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-950\/5 { background-color: color-mix( in oklab, var(--color-gray-950) 5%, transparent ); } } .bg-green-500 { background-color: var(--color-green-500); } .bg-neutral-50 { background-color: var(--color-neutral-50); } .bg-red-500 { background-color: var(--color-red-500); } .bg-teal-400 { background-color: var(--color-teal-400); } .bg-transparent { background-color: #0000; } .bg-white, .bg-white\/10 { background-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix( in oklab, var(--color-white) 10%, transparent ); } } .bg-white\/70 { background-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/70 { background-color: color-mix( in oklab, var(--color-white) 70%, transparent ); } } .bg-white\/80 { background-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix( in oklab, var(--color-white) 80%, transparent ); } } .bg-white\/90 { background-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix( in oklab, var(--color-white) 90%, transparent ); } } .bg-yellow-400, .bg-yellow-400\/10 { background-color: var(--color-yellow-400); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-400\/10 { background-color: color-mix( in oklab, var(--color-yellow-400) 10%, transparent ); } } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[radial-gradient\(\#374151_1px\,transparent_1px\)\] { background-image: radial-gradient(#374151 1px, #0000 1px); } .from-gray-100 { --tw-gradient-from: var(--color-gray-100); --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-gray-200 { --tw-gradient-to: var(--color-gray-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) ); } .\[mask-image\:radial-gradient\(ellipse_50\%_50\%_at_50\%_50\%\,\#000_70\%\,transparent_100\%\)\] { -webkit-mask-image: radial-gradient(50% 50%, #000 70%, #0000 100%); mask-image: radial-gradient(50% 50%, #000 70%, #0000); } .\[background-size\:1rem_1rem\] { background-size: 1rem 1rem; } .\[background-size\:16px_16px\] { background-size: 16px 16px; } .bg-\[length\:700px\] { background-size: 700px; } .bg-\[center_top_1\.3rem\] { background-position: 50% 1.3rem; } .bg-top { background-position: top; } .bg-no-repeat { background-repeat: no-repeat; } .fill-green-100 { fill: var(--color-green-100); } .fill-violet-100 { fill: var(--color-violet-100); } .fill-yellow-100 { fill: var(--color-yellow-100); } .stroke-green-200 { stroke: var(--color-green-200); } .stroke-violet-200 { stroke: var(--color-violet-200); } .stroke-yellow-200 { stroke: var(--color-yellow-200); } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .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-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-9 { padding-block: calc(var(--spacing) * 9); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-px { padding-block: 1px; } .ps-2\.5 { padding-inline-start: calc(var(--spacing) * 2.5); } .ps-5 { padding-inline-start: calc(var(--spacing) * 5); } .ps-px { padding-inline-start: 1px; } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-20 { padding-top: calc(var(--spacing) * 20); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-7\.5 { padding-bottom: calc(var(--spacing) * 7.5); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .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-middle { vertical-align: middle; } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--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-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-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .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-xs\! { font-size: var(--text-xs) !important; line-height: var(--tw-leading, var(--text-xs--line-height)) !important; } .text-\[0\.625rem\] { font-size: 0.625rem; } .text-\[0\.875rem\] { font-size: 0.875rem; } .text-\[1\.25rem\] { font-size: 1.25rem; } .text-\[1\.75rem\] { font-size: 1.75rem; } .text-\[1\.125rem\] { font-size: 1.125rem; } .text-\[2\.5rem\] { font-size: 2.5rem; } .text-\[4rem\] { font-size: 4rem; } .leading-3 { --tw-leading: calc(var(--spacing) * 3); line-height: calc(var(--spacing) * 3); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-\[1\.1\] { --tw-leading: 1.1; line-height: 1.1; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .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); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .text-nowrap { text-wrap: nowrap; } .text-blue-600 { color: var(--color-blue-600); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-neutral-200 { color: var(--color-neutral-200); } .text-neutral-300 { color: var(--color-neutral-300); } .text-neutral-500 { color: var(--color-neutral-500); } .text-neutral-600 { color: var(--color-neutral-600); } .text-neutral-800 { color: var(--color-neutral-800); } .text-neutral-900 { color: var(--color-neutral-900); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-violet-600 { color: var(--color-violet-600); } .text-white { color: var(--color-white); } .text-yellow-200 { color: var(--color-yellow-200); } .text-yellow-300 { color: var(--color-yellow-300); } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-600 { color: var(--color-yellow-600); } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-1 { opacity: 0.01; } .opacity-10 { opacity: 0.1; } .opacity-40 { opacity: 0.4; } .opacity-60 { opacity: 0.6; } .opacity-80 { opacity: 0.8; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --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); } .ring-2 { --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); } .shadow-black\/20 { --tw-shadow-color: var(--color-black); } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/20 { --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent ); } } .shadow-gray-950\/5 { --tw-shadow-color: #0307120d; } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-950\/5 { --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-gray-950) 5%, transparent) var(--tw-shadow-alpha), transparent ); } } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-green-500 { --tw-ring-color: var(--color-green-500); } .ring-red-500 { --tw-ring-color: var(--color-red-500); } .blur { --tw-blur: blur(8px); 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); } .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-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -webkit-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); 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); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-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); 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-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, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[height\,padding\,background\,box-shadow\,border-color\] { transition-property: height, padding, background, box-shadow, border-color; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[height\] { transition-property: height; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-width\,bottom\,border-color\] { transition-property: max-width, bottom, border-color; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var( --tw-ease, var(--default-transition-timing-function) ); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: 0.2s; transition-duration: 0.2s; } .duration-300 { --tw-duration: 0.3s; transition-duration: 0.3s; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .select-none { -webkit-user-select: none; user-select: none; } .\[--header-height-default\:95px\] { --header-height-default: 95px; } .\[--header-height-mobile\:70px\] { --header-height-mobile: 70px; } .\[--header-height\:var\(--header-height-default\)\] { --header-height: var(--header-height-default); } .\[--kt-drawer-enable\:true\] { --kt-drawer-enable: true; } .\[--kt-reparent-mode\:prepend\] { --kt-reparent-mode: prepend; } .\[--kt-reparent-target\:body\] { --kt-reparent-target: body; } .\[--tw-header-height-default\:95px\] { --tw-header-height-default: 95px; } .\[--tw-header-height-mobile\:70px\] { --tw-header-height-mobile: 70px; } .\[--tw-header-height\:--tw-header-height-default\] { --tw-header-height: --tw-header-height-default; } .\[--tw-page-bg-dark\:var\(--tw-coal-500\)\] { --tw-page-bg-dark: var(--tw-coal-500); } .\[--tw-page-bg\:var\(--tw-light\)\] { --tw-page-bg: var(--tw-light); } @media (hover: hover) { .group-hover\:-translate-y-1:is(:where(.group):hover *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:scale-105:is(:where(.group):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } .group-data-\[opened\=true\]\:-translate-y-1:is( :where(.group)[data-opened="true"] * ) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[opened\=true\]\:translate-y-\[3\.5px\]:is( :where(.group)[data-opened="true"] * ) { --tw-translate-y: 3.5px; translate: var(--tw-translate-x) var(--tw-translate-y); } .group-data-\[opened\=true\]\:-rotate-45:is( :where(.group)[data-opened="true"] * ) { rotate: -45deg; } .group-data-\[opened\=true\]\:rotate-45:is( :where(.group)[data-opened="true"] * ) { rotate: 45deg; } .placeholder\:text-xs::placeholder { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .placeholder\:text-gray-400::placeholder { color: var(--color-gray-400); } .placeholder\:text-neutral-400::placeholder { color: var(--color-neutral-400); } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:-inset-10:before { content: var(--tw-content); inset: calc(var(--spacing) * -10); } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .before\:inset-x-2:before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 2); } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:-bottom-2:before { content: var(--tw-content); bottom: calc(var(--spacing) * -2); } .before\:w-1\/3:before { content: var(--tw-content); width: 33.3333%; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-r-full:before { content: var(--tw-content); border-top-right-radius: 3.40282e38px; border-bottom-right-radius: 3.40282e38px; } .before\:border:before { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .before\:shadow-md:before { content: var(--tw-content); --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .before\:ring-1:before { content: var(--tw-content); --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); } .before\:shadow-gray-950\/5:before { content: var(--tw-content); --tw-shadow-color: #0307120d; } @supports (color: color-mix(in lab, red, red)) { .before\:shadow-gray-950\/5:before { --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-gray-950) 5%, transparent) var(--tw-shadow-alpha), transparent ); } } .before\:ring-gray-100:before { content: var(--tw-content); --tw-ring-color: var(--color-gray-100); } .before\:ring-offset-\[4rem\]:before { content: var(--tw-content); --tw-ring-offset-width: 4rem; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .before\:delay-75:before { content: var(--tw-content); transition-delay: 75ms; } .before\:delay-150:before { content: var(--tw-content); transition-delay: 0.15s; } .before\:duration-300:before { content: var(--tw-content); --tw-duration: 0.3s; transition-duration: 0.3s; } @media (hover: hover) { .group-hover\:before\:w-2\/3:is(:where(.group):hover *):before { content: var(--tw-content); width: 66.6667%; } .group-hover\:before\:-translate-y-1:is(:where(.group):hover *):before { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:before\:scale-105:is(:where(.group):hover *):before { content: var(--tw-content); --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:-inset-48:after { content: var(--tw-content); inset: calc(var(--spacing) * -48); } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:border:after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } .after\:border-gray-100:after { content: var(--tw-content); border-color: var(--color-gray-100); } .after\:blur-\[1px\]:after { content: var(--tw-content); --tw-blur: blur(1px); 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); } @media (hover: hover) { .hover\:z-5:hover { z-index: 5; } .hover\:scale-105:hover { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.04\]:hover { scale: 1.04; } .hover\:\!bg-gray-950\/5:hover { background-color: #0307120d !important; } @supports (color: color-mix(in lab, red, red)) { .hover\:\!bg-gray-950\/5:hover { background-color: color-mix( in oklab, var(--color-gray-950) 5%, transparent ) !important; } } .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-950\/5:hover { background-color: #0307120d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-950\/5:hover { background-color: color-mix( in oklab, var(--color-gray-950) 5%, transparent ); } } .hover\:bg-green-700:hover { background-color: var(--color-green-700); } .hover\:bg-yellow-50:hover { background-color: var(--color-yellow-50); } .hover\:bg-yellow-300:hover { background-color: var(--color-yellow-300); } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-blue-700:hover { color: var(--color-blue-700); } .hover\:text-yellow-600:hover { color: var(--color-yellow-600); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring:hover { --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); } .hover\:shadow-yellow-400\/50:hover { --tw-shadow-color: var(--color-yellow-400); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-yellow-400\/50:hover { --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-yellow-400) 50%, transparent) var(--tw-shadow-alpha), transparent ); } } .hover\:ring-yellow-200:hover { --tw-ring-color: var(--color-yellow-200); } } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-yellow-400:focus { border-color: var(--color-yellow-400); } .focus\:ring-2:focus { --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\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-gray-300:focus { --tw-ring-color: var(--color-gray-300); } .focus\:ring-green-500:focus { --tw-ring-color: var(--color-green-500); } .focus\:ring-red-500:focus { --tw-ring-color: var(--color-red-500); } .focus\:ring-yellow-500:focus { --tw-ring-color: var(--color-yellow-500); } .focus\:ring-offset-2:focus { --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\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-2: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\:ring-yellow-500:focus-visible { --tw-ring-color: var(--color-yellow-500); } .active\:scale-90:active { --tw-scale-x: 90%; --tw-scale-y: 90%; --tw-scale-z: 90%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:shadow-yellow-400\/80:active { --tw-shadow-color: var(--color-yellow-400); } @supports (color: color-mix(in lab, red, red)) { .active\:shadow-yellow-400\/80:active { --tw-shadow-color: color-mix( in oklab, color-mix(in oklab, var(--color-yellow-400) 80%, transparent) var(--tw-shadow-alpha), transparent ); } } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-gray-400:disabled { background-color: var(--color-gray-400); } .data-\[visible\=false\]\:hidden[data-visible="false"] { display: none; } .data-\[visible\=true\]\:flex[data-visible="true"] { display: flex; } @media (min-width: 40rem) { .sm\:inset-x-12 { inset-inline: calc(var(--spacing) * 12); } .sm\:top-6 { top: calc(var(--spacing) * 6); } .sm\:mx-auto { margin-inline: auto; } .sm\:mt-12 { margin-top: calc(var(--spacing) * 12); } .sm\:mt-16 { margin-top: calc(var(--spacing) * 16); } .sm\:block { display: block; } .sm\:hidden { display: none; } .sm\:inline-block { display: inline-block; } .sm\:w-10\/12 { width: 83.3333%; } .sm\:w-\[32rem\] { width: 32rem; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } :where(.sm\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.sm\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:px-12 { padding-inline: calc(var(--spacing) * 12); } } @media (min-width: 48rem) { .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:mt-20 { margin-top: calc(var(--spacing) * 20); } .md\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .md\:block { display: block; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:w-auto { width: auto; } .md\:max-w-xl { max-width: var(--container-xl); } .md\:\[grid-template-columns\:1fr_auto\] { grid-template-columns: 1fr auto; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:justify-between { justify-content: space-between; } .md\:gap-16 { gap: calc(var(--spacing) * 16); } .md\:gap-x-12 { column-gap: calc(var(--spacing) * 12); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:py-12 { padding-block: calc(var(--spacing) * 12); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } } @media (min-width: 64rem) { .lg\:inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .lg\:top-\[15\%\] { top: 15%; } .lg\:order-1 { order: 1; } .lg\:order-2 { order: 2; } .lg\:m-5 { margin: calc(var(--spacing) * 5); } .lg\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .lg\:mx-3 { margin-inline: calc(var(--spacing) * 3); } .lg\:ms-4 { margin-inline-start: calc(var(--spacing) * 4); } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:mt-24 { margin-top: calc(var(--spacing) * 24); } .lg\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .lg\:mb-5 { margin-bottom: calc(var(--spacing) * 5); } .lg\:mb-7\.5 { margin-bottom: calc(var(--spacing) * 7.5); } .lg\:mb-32 { margin-bottom: calc(var(--spacing) * 32); } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:h-\(--header-height\) { height: var(--header-height); } .lg\:h-11 { height: calc(var(--spacing) * 11); } .lg\:h-\[--tw-header-height\] { height: --tw-header-height; } .lg\:h-auto { height: auto; } .lg\:w-24 { width: calc(var(--spacing) * 24); } .lg\:w-\[46rem\] { width: 46rem; } .lg\:w-\[250px\] { width: 250px; } .lg\:w-\[260px\] { width: 260px; } .lg\:max-w-\[220px\] { max-width: 220px; } .lg\:max-w-\[600px\] { max-width: 600px; } .lg\:max-w-\[670px\] { max-width: 670px; } .lg\:max-w-\[700px\] { max-width: 700px; } .lg\:max-w-\[900px\] { max-width: 900px; } .lg\:max-w-\[1240px\] { max-width: 1240px; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:flex-row { flex-direction: row; } .lg\:items-end { align-items: flex-end; } .lg\:items-start { align-items: flex-start; } .lg\:items-stretch { align-items: stretch; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-0 { gap: calc(var(--spacing) * 0); } .lg\:gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .lg\:gap-4 { gap: calc(var(--spacing) * 4); } .lg\:gap-5 { gap: calc(var(--spacing) * 5); } .lg\:gap-7\.5 { gap: calc(var(--spacing) * 7.5); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } :where(.lg\:divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.lg\:divide-y-0 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .lg\:rounded-full { border-radius: 3.40282e38px; } .lg\:rounded-none { border-radius: 0; } .lg\:rounded-xl { border-radius: var(--radius-xl); } .lg\:rounded-e-xl { border-start-end-radius: var(--radius-xl); border-end-end-radius: var(--radius-xl); } .lg\:rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .lg\:rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .lg\:rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .lg\:rounded-tl-xl { border-top-left-radius: var(--radius-xl); } .lg\:rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .lg\:border { border-style: var(--tw-border-style); border-width: 1px; } .lg\:border-0 { border-style: var(--tw-border-style); border-width: 0; } .lg\:border-s { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 1px; } .lg\:border-e { border-inline-end-style: var(--tw-border-style); border-inline-end-width: 1px; } .lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:p-0 { padding: calc(var(--spacing) * 0); } .lg\:p-7\.5 { padding: calc(var(--spacing) * 7.5); } .lg\:p-10 { padding: calc(var(--spacing) * 10); } .lg\:p-16 { padding: calc(var(--spacing) * 16); } .lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .lg\:px-7\.5 { padding-inline: calc(var(--spacing) * 7.5); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-16 { padding-inline: calc(var(--spacing) * 16); } .lg\:py-0 { padding-block: calc(var(--spacing) * 0); } .lg\:py-5 { padding-block: calc(var(--spacing) * 5); } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10); } .lg\:pt-20 { padding-top: calc(var(--spacing) * 20); } .lg\:pr-8 { padding-right: calc(var(--spacing) * 8); } .lg\:pb-5 { padding-bottom: calc(var(--spacing) * 5); } .lg\:text-left { text-align: left; } .lg\:ring-2 { --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); } .lg\:ring-white\/20 { --tw-ring-color: var(--color-white); } @supports (color: color-mix(in lab, red, red)) { .lg\:ring-white\/20 { --tw-ring-color: color-mix( in oklab, var(--color-white) 20%, transparent ); } } .lg\:\[--kt-drawer-enable\:false\] { --kt-drawer-enable: false; } .lg\:\[--kt-reparent-mode\:prepend\] { --kt-reparent-mode: prepend; } .lg\:\[--kt-reparent-target\:\#megaMenuWrapper\] { --kt-reparent-target: #megaMenuWrapper; } .lg\:ring-inset { --tw-ring-inset: inset; } } @media (min-width: 80rem) { .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:bg-cover { background-size: cover; } } .rtl\:translate-x-2\/4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: 50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:rotate-180:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { rotate: 180deg; } .rtl\:transform:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { transform: var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y); } @media (prefers-color-scheme: dark) { .dark\:hidden { display: none; } .dark\:inline-block { display: inline-block; } .dark\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .dark\:bg-\[--tw-page-bg-dark\] { background-color: --tw-page-bg-dark; } .dark\:fill-green-950\/30 { fill: #032e154d; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-green-950\/30 { fill: color-mix(in oklab, var(--color-green-950) 30%, transparent); } } .dark\:fill-violet-950\/30 { fill: #2f0d684d; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-violet-950\/30 { fill: color-mix(in oklab, var(--color-violet-950) 30%, transparent); } } .dark\:fill-yellow-950\/30 { fill: #4320044d; } @supports (color: color-mix(in lab, red, red)) { .dark\:fill-yellow-950\/30 { fill: color-mix(in oklab, var(--color-yellow-950) 30%, transparent); } } .dark\:stroke-green-950 { stroke: var(--color-green-950); } .dark\:stroke-violet-950 { stroke: var(--color-violet-950); } .dark\:stroke-yellow-950 { stroke: var(--color-yellow-950); } } .animate-grow-bar-bounce { animation: 1s ease-out forwards grow-bar-bounce; } .animate-rotate-dash { animation: 5s linear infinite rotate-dash; } .animate-scale-gradient-shift { animation: 0.3s ease-in-out forwards scale-gradient-shift; } .animate-scale-up { animation: 0.3s ease-in-out forwards scale-up; } .animate-squeeze { animation: 0.5s ease-in-out forwards squeeze; } .animate-marquee { animation: 30s linear infinite marquee; } .animate-marquee-fade { animation: 30s linear infinite marquee-fade; } .animate-stripe-slide { animation: 20s linear infinite stripe-slide; } @keyframes grow-bar-bounce { 0% { width: 0%; } 70% { width: var(--bar-width); transform: scaleX(1.1); } to { width: var(--bar-width); transform: scaleX(1); } } @keyframes rotate-dash { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes scale-gradient-shift { 0% { background: linear-gradient(90deg, #ffc107, #ffc107); transform: scale(1); } to { background: linear-gradient(90deg, #ffc107, #ffb300); transform: scale(1.05); } } @keyframes scale-up { 0% { transform: scale(1); } to { transform: scale(1.05); } } @keyframes squeeze { 0% { transform: scale(1); } to { transform: scale(0.9); } } @keyframes marquee { 0% { transform: translate(100%); } to { transform: translate(-100%); } } @keyframes marquee-fade { 0% { opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } to { opacity: 0; } } @keyframes stripe-slide { 0% { background-position: 0 0; } to { background-position: 40px 40px; } } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .text-transparent { color: #0000; } .bg-50\% { background-size: 50%; } .scroll-mt-20 { scroll-margin-top: 80px; } @keyframes counter { 0% { --counter-value: 0; } to { --counter-value: 8500; } } .animate-counter { animation: 8.5s linear forwards counter; } @keyframes fade-clip { 0%, to { background-image: linear-gradient(90deg, #3b82f6, #3b82f6); } 33% { background-image: linear-gradient(90deg, #6366f1, #6366f1); } 66% { background-image: linear-gradient(90deg, #8b5cf6, #8b5cf6); } } .animate-fade-clip { animation: 3s ease-in-out infinite fade-clip; } @keyframes load-progress { 0% { background-color: #ef4444; width: 0%; } 25% { background-color: #eab308; width: 25%; } 50% { background-color: #22c55e; width: 50%; } 75% { background-color: #3b82f6; width: 75%; } to { background-color: #8b5cf6; width: 100%; } } .animate-load-progress { animation: 0.5s ease-out forwards load-progress; } @keyframes loadProgress { 0% { width: 0%; } to { width: 100%; } } .animate-load-progress-fast { animation: 0.1s ease-in-out forwards loadProgress; } .animate-load-progress-slow { animation: 8.5s ease-in-out forwards loadProgress; } @keyframes neon-glow { 0%, to { text-shadow: 0 0 5px var(--glow-color), 0 0 10px var(--glow-color), 0 0 20px var(--glow-color); } 50% { text-shadow: 0 0 10px var(--glow-color), 0 0 20px var(--glow-color), 0 0 30px var(--glow-color); } } .animate-neon-glow { animation: 1.5s ease-in-out infinite neon-glow; } @keyframes progress { 0% { stroke-dashoffset: 125.6px; } to { stroke-dashoffset: 62.8px; } } .animate-progress { animation: 1s ease-in-out forwards progress; } @keyframes pulse-arrow { 0%, to { transform: scale(0.9); } 50% { transform: scale(1.1); } } .animate-pulse-arrow { animation: 1.5s ease-in-out infinite pulse-arrow; } @keyframes shadow-pulse { 0%, to { box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a; } 50% { box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a; } } .animate-shadow-pulse { animation: 1.5s ease-in-out infinite shadow-pulse; } @keyframes speed-clip { 0% { background-position: 0 0; } to { background-position: 100% 0; } } .animate-speed-clip { animation: 1.5s linear infinite speed-clip; } @keyframes marquee-left { 0% { transform: translate(0); } to { transform: translate(-100%); } } .animate-marquee-left { animation: 60s linear infinite marquee-left; } @keyframes marquee-right { 0% { transform: translate(-100%); } to { transform: translate(0); } } .animate-marquee-right { animation: 60s linear infinite marquee-right; } @keyframes load-bar { 0% { width: 0%; } to { width: var(--bar-width); } } .animate-load-bar-10 { animation: 10ms ease-out forwards load-bar; } .animate-load-bar-25 { animation: 25ms ease-out forwards load-bar; } .animate-load-bar-30 { animation: 30ms ease-out forwards load-bar; } .animate-load-bar-35 { animation: 35ms ease-out forwards load-bar; } .animate-load-bar-200 { animation: 0.2s ease-out forwards load-bar; } .animate-load-bar-600 { animation: 0.6s ease-out forwards load-bar; } .animate-load-bar-800 { animation: 0.8s ease-out forwards load-bar; } .animate-load-bar-900 { animation: 0.9s ease-out forwards load-bar; } .animate-load-bar-1000 { animation: 1s ease-out forwards load-bar; } .animate-load-bar-2000 { animation: 2s ease-out forwards load-bar; } .animate-load-bar-2500 { animation: 2.5s ease-out forwards load-bar; } .animate-load-bar-3000 { animation: 3s ease-out forwards load-bar; } .text-title { color: var(--title-text-color); } .text-body { color: var(--body-text-color); } .text-caption { color: var(--caption-text-color); } .rounded-card { border-radius: var(--card-radius); } .rounded-btn { border-radius: var(--btn-radius); } .rounded-badge { border-radius: var(--badge-radius); } .rounded-annonce { border-radius: var(--annonce-radius); } .rounded-input { border-radius: var(--input-radius); } .rounded-avatar { border-radius: var(--avatar-radius); } .bg-ui { background: var(--ui-bg); } .bg-ui-soft { background: var(--ui-soft-bg); } .bg-overlay { background: var(--overlay-bg); } } @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-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-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @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-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-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-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }