/*!****************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/style.css (layer base) ***! \****************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap) layer(base); /*!***********************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/jsvectormap/dist/jsvectormap.min.css ***! \***********************************************************************************************************************************************/ :root{--jvm-border-color: #E5E6E7;--jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--jvm-tooltip-font-size: 0.9rem;--jvm-tooltip-bg-color: #337FFA;--jvm-tooltip-color: #FFF;--jvm-tooltip-padding: 3px 5px;--jvm-tooltip-shadow: var(--jvm-box-shadow);--jvm-tooltip-radius: 3px;--jvm-zoom-btn-bg-color: #292929;--jvm-zoom-btn-color: #FFF;--jvm-zoom-btn-size: 15px;--jvm-zoom-btn-radius: 3px;--jvm-series-container-right: 15px;--jvm-legend-bg-color: #FFF;--jvm-legend-radius: 0.15rem;--jvm-legend-margin-left: 0.75rem;--jvm-legend-padding: 0.6rem;--jvm-legend-title-padding-bottom: 0.5rem;--jvm-legend-title-margin-bottom: 0.575rem;--jvm-legend-tick-margin-top: 0.575rem;--jvm-legend-tick-sample-radius: 0;--jvm-legend-tick-sample-height: 12px;--jvm-legend-tick-sample-width: 30px;--jvm-legend-tick-text-font-size: 12px;--jvm-legend-tick-text-margin-top: 3px}image,text,.jvm-zoom-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none}.jvm-container{position:relative;height:100%;width:100%}.jvm-tooltip{border-radius:var(--jvm-tooltip-radius);background-color:var(--jvm-tooltip-bg-color);color:var(--jvm-tooltip-color);font-size:var(--jvm-tooltip-font-size);box-shadow:var(--jvm-tooltip-shadow);padding:var(--jvm-tooltip-padding);white-space:nowrap;position:absolute;display:none}.jvm-tooltip.active{display:block}.jvm-zoom-btn{background-color:var(--jvm-zoom-btn-bg-color);color:var(--jvm-zoom-btn-color);border-radius:var(--jvm-zoom-btn-radius);height:var(--jvm-zoom-btn-size);width:var(--jvm-zoom-btn-size);box-sizing:border-box;position:absolute;left:10px;line-height:var(--jvm-zoom-btn-size);text-align:center;cursor:pointer}.jvm-zoom-btn.jvm-zoomin{top:var(--jvm-zoom-btn-size)}.jvm-zoom-btn.jvm-zoomout{top:calc(var(--jvm-zoom-btn-size)*2 + var(--jvm-zoom-btn-size)/3)}.jvm-series-container{position:absolute;right:var(--jvm-series-container-right)}.jvm-series-container.jvm-series-h{bottom:15px}.jvm-series-container.jvm-series-v{display:flex;flex-direction:column;gap:.75rem;top:15px}.jvm-legend{background-color:var(--jvm-legend-bg-color);border:1px solid var(--jvm-border-color);margin-left:var(--jvm-legend-margin-left);border-radius:var(--jvm-legend-radius);padding:var(--jvm-legend-padding);box-shadow:var(--jvm-box-shadow)}.jvm-legend-title{line-height:1;border-bottom:1px solid var(--jvm-border-color);padding-bottom:var(--jvm-legend-title-padding-bottom);margin-bottom:var(--jvm-legend-title-margin-bottom);text-align:left}.jvm-legend-tick{display:flex;align-items:center;min-width:40px}.jvm-legend-tick:not(:first-child){margin-top:var(--jvm-legend-tick-margin-top)}.jvm-legend-tick-sample{border-radius:var(--jvm-legend-tick-sample-radius);margin-right:.45rem;height:var(--jvm-legend-tick-sample-height);width:var(--jvm-legend-tick-sample-width)}.jvm-legend-tick-text{font-size:var(--jvm-legend-tick-text-font-size);text-align:center;line-height:1}.jvm-line[animation=true]{animation:jvm-line-animation 10s linear forwards infinite}@keyframes jvm-line-animation{from{stroke-dashoffset:250}} /*!*******************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/flatpickr/dist/flatpickr.min.css ***! \*******************************************************************************************************************************************/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /*!*************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/dropzone/dist/dropzone.css ***! \*************************************************************************************************************************************/ @keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:rgba(0,0,0,.8);border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:rgba(0,0,0,.8);border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width 300ms ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606} /*!********************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/@fortawesome/fontawesome-free/css/all.min.css ***! \********************************************************************************************************************************************************/ /*! * Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2026 Fonticons, Inc. */ .fa,.fa-brands,.fa-classic,.fa-regular,.fa-solid,.fab,.far,.fas{--_fa-family:var(--fa-family,var(--fa-style-family,"Font Awesome 7 Free"));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:var(--fa-display,inline-block);font-family:var(--_fa-family);font-feature-settings:normal;font-style:normal;font-synthesis:none;font-variant:normal;font-weight:var(--fa-style,900);line-height:1;text-align:center;text-rendering:auto;width:var(--fa-width,1.25em)}:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)/""}@supports not (content:""/""){:is(.fas,.far,.fab,.fa-solid,.fa-regular,.fa-brands,.fa-classic,.fa):before{content:var(--fa)}}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-width-auto{--fa-width:auto}.fa-fw,.fa-width-fixed{--fa-width:1.25em}.fa-canvas-square{padding-block:.125em;margin-block-end:-.125em}.fa-canvas-roomy{padding-block:.25em;padding-inline:.125em;margin-block-end:-.25em;box-sizing:content-box}.fa-ul{list-style-type:none;margin-inline-start:var(--fa-li-margin,2.5em);padding-inline-start:0}.fa-ul>li{position:relative}.fa-li{inset-inline-start:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.0625em) var(--fa-border-style,solid) var(--fa-border-color,#eee);box-sizing:var(--fa-border-box-sizing,content-box);padding:var(--fa-border-padding,.1875em .25em)}.fa-pull-left,.fa-pull-start{float:inline-start;margin-inline-end:var(--fa-pull-margin,.3em)}.fa-pull-end,.fa-pull-right{float:inline-end;margin-inline-start:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-flip{animation-name:fa-flip;animation-duration:var(--fa-animation-duration,1.5s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-flip,.fa-flip-360{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-flip-360{animation-name:fa-flip-360;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,.75s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-spin{animation-name:fa-spin;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}.fa-spin-snap{animation-name:fa-spin-snap;animation-duration:var(--fa-animation-duration,3s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-snap,.fa-spin-snap-4{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin-snap-4{animation-name:fa-spin-snap-4;animation-duration:var(--fa-animation-duration,2.4s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-snap-8{animation-name:fa-spin-snap-8;animation-duration:var(--fa-animation-duration,4s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-buzz,.fa-spin-snap-8{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-buzz{animation-name:fa-buzz;animation-duration:var(--fa-animation-duration,.6s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-wag{animation-name:fa-wag;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,.9s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-out);transform-origin:bottom center}.fa-float{animation-name:fa-float;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,3s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out);will-change:transform}.fa-swing{animation-name:fa-swing;animation-duration:var(--fa-animation-duration,1.2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-out);transform-origin:top center}.fa-jello,.fa-swing{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-jello{animation-name:fa-jello;animation-duration:var(--fa-animation-duration,.9s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-out)}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-buzz,.fa-fade,.fa-flip,.fa-flip-360,.fa-float,.fa-jello,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse,.fa-spin-snap,.fa-spin-snap-4,.fa-spin-snap-8,.fa-swing,.fa-wag{animation:none!important;transition:none!important}}@keyframes fa-beat{0%{transform:scale(1)}25%{transform:scale(calc(var(--fa-beat-scale, 1.25)*1.25))}45%{transform:scale(calc(var(--fa-beat-scale, 1.22)*1.22))}65%{transform:scale(calc(var(--fa-beat-scale, 1.25)*1.25))}90%{transform:scale(1)}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0);animation-timing-function:var(--fa-animation-timing)}14%{transform:scale(var(--fa-bounce-start-scale-x,1.06),var(--fa-bounce-start-scale-y,.94)) translateY(var(--fa-bounce-anticipation,3px));animation-timing-function:cubic-bezier(.33,0,.66,.33)}32%{transform:scale(var(--fa-bounce-jump-scale-x,.94),var(--fa-bounce-jump-scale-y,1.12)) translateY(calc(var(--fa-bounce-height, .5em)*-1));animation-timing-function:cubic-bezier(.33,.66,.66,1)}52%{transform:scale(1) translateY(calc(var(--fa-bounce-height, .5em)*-1*1.1));animation-timing-function:cubic-bezier(.5,0,1,.5)}70%{transform:scale(var(--fa-bounce-land-scale-x,1.06),var(--fa-bounce-land-scale-y,.92)) translateY(0);animation-timing-function:cubic-bezier(.33,.33,.66,1)}85%{transform:scale(.98,1.04) translateY(calc(-2px*var(--fa-bounce-rebound, 1)));animation-timing-function:cubic-bezier(.33,0,.66,1)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{0%{opacity:1;transform:scale(1);animation-timing-function:cubic-bezier(.2,0,.4,1)}40%{opacity:var(--fa-fade-opacity,.4);transform:scale(.98);animation-timing-function:cubic-bezier(.4,0,.6,1)}to{opacity:1;transform:scale(1)}}@keyframes fa-beat-fade{0%{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1);animation-timing-function:cubic-bezier(.2,0,.4,1)}25%{opacity:calc(var(--fa-beat-fade-opacity, .4) + .4);transform:scale(var(--fa-beat-fade-scale,1.28));animation-timing-function:cubic-bezier(.4,0,.6,1)}45%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.25));animation-timing-function:cubic-bezier(.4,0,.2,1)}65%{opacity:calc(var(--fa-beat-fade-opacity, .4) + .4);transform:scale(var(--fa-beat-fade-scale,1.28));animation-timing-function:cubic-bezier(.4,0,.6,1)}to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}}@keyframes fa-flip{0%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),0deg);animation-timing-function:cubic-bezier(.2,0,.4,1)}8%{transform:perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),0deg);animation-timing-function:cubic-bezier(.33,0,.66,.33)}35%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),calc(var(--fa-flip-angle, -1turn)*0.6));animation-timing-function:linear}65%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),calc(var(--fa-flip-angle, -1turn)*0.5));animation-timing-function:cubic-bezier(.33,.66,.66,1)}92%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),calc(var(--fa-flip-angle, -1turn)*var(--fa-flip-overshoot, 1.04)));animation-timing-function:cubic-bezier(.33,0,.66,1)}to{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-1turn))}}@keyframes fa-flip-360{0%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),0deg);animation-timing-function:cubic-bezier(.2,0,.4,1)}8%{transform:perspective(2em) scale(var(--fa-flip-anticipation-scale,.95)) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),0deg);animation-timing-function:cubic-bezier(.33,0,.66,.33)}50%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),calc(var(--fa-flip-angle, -1turn)*0.6));animation-timing-function:cubic-bezier(.33,.66,.66,1)}80%{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),calc(var(--fa-flip-angle, -1turn)*var(--fa-flip-overshoot, 1.04)));animation-timing-function:cubic-bezier(.33,0,.66,1)}to{transform:perspective(2em) scale(1) rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-1turn))}}@keyframes fa-shake{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.2,0,.8,1)}8%{transform:rotate(35deg) translateX(1px);animation-timing-function:cubic-bezier(.3,0,.7,1)}20%{transform:rotate(-22deg) translateX(-1px);animation-timing-function:cubic-bezier(.3,0,.7,1)}35%{transform:rotate(15deg) translateX(1px);animation-timing-function:cubic-bezier(.3,0,.7,1)}50%{transform:rotate(-9deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}65%{transform:rotate(5deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}78%{transform:rotate(-3deg);animation-timing-function:cubic-bezier(.4,0,.6,1)}90%{transform:rotate(1deg);animation-timing-function:cubic-bezier(.4,0,.2,1)}to{transform:rotate(0deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fa-spin-snap{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(0,0,.2,1)}12%{transform:rotate(60deg);animation-timing-function:cubic-bezier(.8,0,1,1)}16.67%{transform:rotate(60deg);animation-timing-function:cubic-bezier(0,0,.2,1)}28.67%{transform:rotate(120deg);animation-timing-function:cubic-bezier(.8,0,1,1)}33.33%{transform:rotate(120deg);animation-timing-function:cubic-bezier(0,0,.2,1)}45.33%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(0,0,.2,1)}62%{transform:rotate(240deg);animation-timing-function:cubic-bezier(.8,0,1,1)}66.67%{transform:rotate(240deg);animation-timing-function:cubic-bezier(0,0,.2,1)}78.67%{transform:rotate(300deg);animation-timing-function:cubic-bezier(.8,0,1,1)}83.33%{transform:rotate(300deg);animation-timing-function:cubic-bezier(0,0,.2,1)}95.33%{transform:rotate(1turn);animation-timing-function:cubic-bezier(.8,0,1,1)}to{transform:rotate(1turn)}}@keyframes fa-spin-snap-4{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(0,0,.2,1)}15%{transform:rotate(90deg);animation-timing-function:cubic-bezier(.8,0,1,1)}25%{transform:rotate(90deg);animation-timing-function:cubic-bezier(0,0,.2,1)}40%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(0,0,.2,1)}65%{transform:rotate(270deg);animation-timing-function:cubic-bezier(.8,0,1,1)}75%{transform:rotate(270deg);animation-timing-function:cubic-bezier(0,0,.2,1)}90%{transform:rotate(1turn);animation-timing-function:cubic-bezier(.8,0,1,1)}to{transform:rotate(1turn)}}@keyframes fa-spin-snap-8{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(0,0,.2,1)}9%{transform:rotate(45deg);animation-timing-function:cubic-bezier(.8,0,1,1)}12.5%{transform:rotate(45deg);animation-timing-function:cubic-bezier(0,0,.2,1)}21.5%{transform:rotate(90deg);animation-timing-function:cubic-bezier(.8,0,1,1)}25%{transform:rotate(90deg);animation-timing-function:cubic-bezier(0,0,.2,1)}34%{transform:rotate(135deg);animation-timing-function:cubic-bezier(.8,0,1,1)}37.5%{transform:rotate(135deg);animation-timing-function:cubic-bezier(0,0,.2,1)}46.5%{transform:rotate(180deg);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:rotate(180deg);animation-timing-function:cubic-bezier(0,0,.2,1)}59%{transform:rotate(225deg);animation-timing-function:cubic-bezier(.8,0,1,1)}62.5%{transform:rotate(225deg);animation-timing-function:cubic-bezier(0,0,.2,1)}71.5%{transform:rotate(270deg);animation-timing-function:cubic-bezier(.8,0,1,1)}75%{transform:rotate(270deg);animation-timing-function:cubic-bezier(0,0,.2,1)}84%{transform:rotate(315deg);animation-timing-function:cubic-bezier(.8,0,1,1)}87.5%{transform:rotate(315deg);animation-timing-function:cubic-bezier(0,0,.2,1)}96.5%{transform:rotate(1turn);animation-timing-function:cubic-bezier(.8,0,1,1)}to{transform:rotate(1turn)}}@keyframes fa-buzz{0%{transform:translateX(0) rotate(0deg);animation-timing-function:cubic-bezier(.1,0,.9,1)}5%{transform:translateX(var(--fa-buzz-distance,4px)) rotate(.5deg)}10%{transform:translateX(calc(var(--fa-buzz-distance, 4px)*-1)) rotate(-.5deg)}15%{transform:translateX(var(--fa-buzz-distance,4px)) rotate(.3deg)}20%{transform:translateX(calc(var(--fa-buzz-distance, 4px)*-1)) rotate(-.3deg)}25%{transform:translateX(calc(var(--fa-buzz-distance, 4px)*0.7)) rotate(.2deg)}30%{transform:translateX(calc(var(--fa-buzz-distance, 4px)*-1*0.7)) rotate(-.2deg)}35%{transform:translateX(calc(var(--fa-buzz-distance, 4px)*0.4)) rotate(.1deg)}40%{transform:translateX(0) rotate(0deg)}to{transform:translateX(0) rotate(0deg)}}@keyframes fa-wag{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.2,0,.6,1)}12%{transform:rotate(var(--fa-wag-angle,12deg));animation-timing-function:cubic-bezier(.4,0,.2,1)}24%{transform:rotate(2deg);animation-timing-function:cubic-bezier(.2,0,.6,1)}36%{transform:rotate(calc(var(--fa-wag-angle, 12deg)*0.85));animation-timing-function:cubic-bezier(.4,0,.2,1)}48%{transform:rotate(1deg);animation-timing-function:cubic-bezier(.2,0,.6,1)}58%{transform:rotate(calc(var(--fa-wag-angle, 12deg)*0.6));animation-timing-function:cubic-bezier(.4,0,.2,1)}68%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes fa-float{0%{transform:translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02),var(--fa-float-squash-y,.98));animation-timing-function:cubic-bezier(.33,0,.66,.33)}15%{transform:translateY(calc(var(--fa-float-height, 6px)*-0.4)) translateX(var(--fa-float-drift,1px)) rotate(var(--fa-float-tilt,1deg)) scale(1);animation-timing-function:cubic-bezier(.33,.66,.66,1)}35%{transform:translateY(calc(var(--fa-float-height, 6px)*-1)) translateX(0) rotate(0deg) scale(var(--fa-float-stretch-x,.98),var(--fa-float-stretch-y,1.03));animation-timing-function:cubic-bezier(.5,0,.5,0)}50%{transform:translateY(calc(var(--fa-float-height, 6px)*-0.92)) translateX(calc(var(--fa-float-drift, 1px)*-0.5)) rotate(calc(var(--fa-float-tilt, 1deg)*-0.5)) scale(.995,1.01);animation-timing-function:cubic-bezier(.33,0,.66,.33)}70%{transform:translateY(calc(var(--fa-float-height, 6px)*-0.3)) translateX(calc(var(--fa-float-drift, 1px)*-1)) rotate(calc(var(--fa-float-tilt, 1deg)*-1)) scale(1);animation-timing-function:cubic-bezier(.33,.66,.66,1)}90%{transform:translateY(calc(var(--fa-float-height, 6px)*0.05)) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02),var(--fa-float-squash-y,.98));animation-timing-function:cubic-bezier(.33,0,.66,1)}to{transform:translateY(0) translateX(0) rotate(0deg) scale(var(--fa-float-squash-x,1.02),var(--fa-float-squash-y,.98))}}@keyframes fa-swing{0%{transform:rotate(0deg);animation-timing-function:cubic-bezier(.2,0,.8,1)}8%{transform:rotate(var(--fa-swing-angle,22deg));animation-timing-function:cubic-bezier(.3,0,.7,1)}18%{transform:rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.85));animation-timing-function:cubic-bezier(.3,0,.7,1)}28%{transform:rotate(calc(var(--fa-swing-angle, 22deg)*0.65));animation-timing-function:cubic-bezier(.35,0,.65,1)}38%{transform:rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.45));animation-timing-function:cubic-bezier(.4,0,.6,1)}48%{transform:rotate(calc(var(--fa-swing-angle, 22deg)*0.25));animation-timing-function:cubic-bezier(.4,0,.6,1)}56%{transform:rotate(calc(var(--fa-swing-angle, 22deg)*-1*0.1));animation-timing-function:cubic-bezier(.4,0,.6,1)}64%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes fa-jello{0%{transform:scale(1);animation-timing-function:cubic-bezier(.2,0,.8,1)}12%{transform:scale(var(--fa-jello-scale-x,1.15),calc(2 - var(--fa-jello-scale-x, 1.15)));animation-timing-function:cubic-bezier(.3,0,.7,1)}24%{transform:scale(calc(2 - var(--fa-jello-scale-y, 1.12)),var(--fa-jello-scale-y,1.12));animation-timing-function:cubic-bezier(.3,0,.7,1)}36%{transform:scale(calc(.5 + var(--fa-jello-scale-x, 1.15)*0.5),calc(1.5 - var(--fa-jello-scale-x, 1.15)*0.5));animation-timing-function:cubic-bezier(.4,0,.6,1)}48%{transform:scale(calc(1.3 - var(--fa-jello-scale-y, 1.12)*0.3),calc(.7 + var(--fa-jello-scale-y, 1.12)*0.3));animation-timing-function:cubic-bezier(.4,0,.6,1)}58%{transform:scale(1.02,.98);animation-timing-function:cubic-bezier(.4,0,.2,1)}68%{transform:scale(1)}to{transform:scale(1)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{--fa-width:100%;inset:0;position:absolute;text-align:center;width:var(--fa-width);z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)} .fa-0{--fa:"\30 "}.fa-1{--fa:"\31 "}.fa-2{--fa:"\32 "}.fa-3{--fa:"\33 "}.fa-4{--fa:"\34 "}.fa-5{--fa:"\35 "}.fa-6{--fa:"\36 "}.fa-7{--fa:"\37 "}.fa-8{--fa:"\38 "}.fa-9{--fa:"\39 "}.fa-exclamation{--fa:"\!"}.fa-hashtag{--fa:"\#"}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"\$"}.fa-percent,.fa-percentage{--fa:"\%"}.fa-asterisk{--fa:"\*"}.fa-add,.fa-plus{--fa:"\+"}.fa-less-than{--fa:"\<"}.fa-equals{--fa:"\="}.fa-greater-than{--fa:"\>"}.fa-question{--fa:"\?"}.fa-at{--fa:"\@"}.fa-a{--fa:"A"}.fa-b{--fa:"B"}.fa-c{--fa:"C"}.fa-d{--fa:"D"}.fa-e{--fa:"E"}.fa-f{--fa:"F"}.fa-g{--fa:"G"}.fa-h{--fa:"H"}.fa-i{--fa:"I"}.fa-j{--fa:"J"}.fa-k{--fa:"K"}.fa-l{--fa:"L"}.fa-m{--fa:"M"}.fa-n{--fa:"N"}.fa-o{--fa:"O"}.fa-p{--fa:"P"}.fa-q{--fa:"Q"}.fa-r{--fa:"R"}.fa-s{--fa:"S"}.fa-t{--fa:"T"}.fa-u{--fa:"U"}.fa-v{--fa:"V"}.fa-w{--fa:"W"}.fa-x{--fa:"X"}.fa-y{--fa:"Y"}.fa-z{--fa:"Z"}.fa-faucet{--fa:"\e005"}.fa-faucet-drip{--fa:"\e006"}.fa-house-chimney-window{--fa:"\e00d"}.fa-house-signal{--fa:"\e012"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:"\e03f"}.fa-temperature-arrow-up,.fa-temperature-up{--fa:"\e040"}.fa-trailer{--fa:"\e041"}.fa-bacteria{--fa:"\e059"}.fa-bacterium{--fa:"\e05a"}.fa-box-tissue{--fa:"\e05b"}.fa-hand-holding-medical{--fa:"\e05c"}.fa-hand-sparkles{--fa:"\e05d"}.fa-hands-bubbles,.fa-hands-wash{--fa:"\e05e"}.fa-handshake-alt-slash,.fa-handshake-simple-slash,.fa-handshake-slash{--fa:"\e060"}.fa-head-side-cough{--fa:"\e061"}.fa-head-side-cough-slash{--fa:"\e062"}.fa-head-side-mask{--fa:"\e063"}.fa-head-side-virus{--fa:"\e064"}.fa-house-chimney-user{--fa:"\e065"}.fa-house-laptop,.fa-laptop-house{--fa:"\e066"}.fa-lungs-virus{--fa:"\e067"}.fa-people-arrows,.fa-people-arrows-left-right{--fa:"\e068"}.fa-plane-slash{--fa:"\e069"}.fa-pump-medical{--fa:"\e06a"}.fa-pump-soap{--fa:"\e06b"}.fa-shield-virus{--fa:"\e06c"}.fa-sink{--fa:"\e06d"}.fa-soap{--fa:"\e06e"}.fa-stopwatch-20{--fa:"\e06f"}.fa-shop-slash,.fa-store-alt-slash{--fa:"\e070"}.fa-store-slash{--fa:"\e071"}.fa-toilet-paper-slash{--fa:"\e072"}.fa-users-slash{--fa:"\e073"}.fa-virus{--fa:"\e074"}.fa-virus-slash{--fa:"\e075"}.fa-viruses{--fa:"\e076"}.fa-vest{--fa:"\e085"}.fa-vest-patches{--fa:"\e086"}.fa-arrow-trend-down{--fa:"\e097"}.fa-arrow-trend-up{--fa:"\e098"}.fa-arrow-up-from-bracket{--fa:"\e09a"}.fa-austral-sign{--fa:"\e0a9"}.fa-baht-sign{--fa:"\e0ac"}.fa-bitcoin-sign{--fa:"\e0b4"}.fa-bolt-lightning{--fa:"\e0b7"}.fa-book-bookmark{--fa:"\e0bb"}.fa-camera-rotate{--fa:"\e0d8"}.fa-cedi-sign{--fa:"\e0df"}.fa-chart-column{--fa:"\e0e3"}.fa-chart-gantt{--fa:"\e0e4"}.fa-clapperboard{--fa:"\e131"}.fa-closed-captioning-slash{--fa:"\e135"}.fa-clover{--fa:"\e139"}.fa-code-compare{--fa:"\e13a"}.fa-code-fork{--fa:"\e13b"}.fa-code-pull-request{--fa:"\e13c"}.fa-colon-sign{--fa:"\e140"}.fa-cruzeiro-sign{--fa:"\e152"}.fa-display{--fa:"\e163"}.fa-dong-sign{--fa:"\e169"}.fa-elevator{--fa:"\e16d"}.fa-filter-circle-xmark{--fa:"\e17b"}.fa-florin-sign{--fa:"\e184"}.fa-folder-closed{--fa:"\e185"}.fa-franc-sign{--fa:"\e18f"}.fa-guarani-sign{--fa:"\e19a"}.fa-gun{--fa:"\e19b"}.fa-hands-clapping{--fa:"\e1a8"}.fa-home-user,.fa-house-user{--fa:"\e1b0"}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:"\e1bc"}.fa-kip-sign{--fa:"\e1c4"}.fa-lari-sign{--fa:"\e1c8"}.fa-litecoin-sign{--fa:"\e1d3"}.fa-manat-sign{--fa:"\e1d5"}.fa-mask-face{--fa:"\e1d7"}.fa-mill-sign{--fa:"\e1ed"}.fa-money-bills{--fa:"\e1f3"}.fa-naira-sign{--fa:"\e1f6"}.fa-notdef{--fa:"\e1fe"}.fa-panorama{--fa:"\e209"}.fa-peseta-sign{--fa:"\e221"}.fa-peso-sign{--fa:"\e222"}.fa-plane-up{--fa:"\e22d"}.fa-rupiah-sign{--fa:"\e23d"}.fa-stairs{--fa:"\e289"}.fa-timeline{--fa:"\e29c"}.fa-truck-front{--fa:"\e2b7"}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:"\e2bb"}.fa-vault{--fa:"\e2c5"}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:"\e2ca"}.fa-wheat-alt,.fa-wheat-awn{--fa:"\e2cd"}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:"\e2ce"}.fa-bangladeshi-taka-sign{--fa:"\e2e6"}.fa-bowl-rice{--fa:"\e2eb"}.fa-person-pregnant{--fa:"\e31e"}.fa-home-lg,.fa-house-chimney{--fa:"\e3af"}.fa-house-crack{--fa:"\e3b1"}.fa-house-medical{--fa:"\e3b2"}.fa-cent-sign{--fa:"\e3f5"}.fa-plus-minus{--fa:"\e43c"}.fa-sailboat{--fa:"\e445"}.fa-section{--fa:"\e447"}.fa-shrimp{--fa:"\e448"}.fa-brazilian-real-sign{--fa:"\e46c"}.fa-chart-simple{--fa:"\e473"}.fa-diagram-next{--fa:"\e476"}.fa-diagram-predecessor{--fa:"\e477"}.fa-diagram-successor{--fa:"\e47a"}.fa-earth-oceania,.fa-globe-oceania{--fa:"\e47b"}.fa-bug-slash{--fa:"\e490"}.fa-file-circle-plus{--fa:"\e494"}.fa-shop-lock{--fa:"\e4a5"}.fa-virus-covid{--fa:"\e4a8"}.fa-virus-covid-slash{--fa:"\e4a9"}.fa-anchor-circle-check{--fa:"\e4aa"}.fa-anchor-circle-exclamation{--fa:"\e4ab"}.fa-anchor-circle-xmark{--fa:"\e4ac"}.fa-anchor-lock{--fa:"\e4ad"}.fa-arrow-down-up-across-line{--fa:"\e4af"}.fa-arrow-down-up-lock{--fa:"\e4b0"}.fa-arrow-right-to-city{--fa:"\e4b3"}.fa-arrow-up-from-ground-water{--fa:"\e4b5"}.fa-arrow-up-from-water-pump{--fa:"\e4b6"}.fa-arrow-up-right-dots{--fa:"\e4b7"}.fa-arrows-down-to-line{--fa:"\e4b8"}.fa-arrows-down-to-people{--fa:"\e4b9"}.fa-arrows-left-right-to-line{--fa:"\e4ba"}.fa-arrows-spin{--fa:"\e4bb"}.fa-arrows-split-up-and-left{--fa:"\e4bc"}.fa-arrows-to-circle{--fa:"\e4bd"}.fa-arrows-to-dot{--fa:"\e4be"}.fa-arrows-to-eye{--fa:"\e4bf"}.fa-arrows-turn-right{--fa:"\e4c0"}.fa-arrows-turn-to-dots{--fa:"\e4c1"}.fa-arrows-up-to-line{--fa:"\e4c2"}.fa-bore-hole{--fa:"\e4c3"}.fa-bottle-droplet{--fa:"\e4c4"}.fa-bottle-water{--fa:"\e4c5"}.fa-bowl-food{--fa:"\e4c6"}.fa-boxes-packing{--fa:"\e4c7"}.fa-bridge{--fa:"\e4c8"}.fa-bridge-circle-check{--fa:"\e4c9"}.fa-bridge-circle-exclamation{--fa:"\e4ca"}.fa-bridge-circle-xmark{--fa:"\e4cb"}.fa-bridge-lock{--fa:"\e4cc"}.fa-bridge-water{--fa:"\e4ce"}.fa-bucket{--fa:"\e4cf"}.fa-bugs{--fa:"\e4d0"}.fa-building-circle-arrow-right{--fa:"\e4d1"}.fa-building-circle-check{--fa:"\e4d2"}.fa-building-circle-exclamation{--fa:"\e4d3"}.fa-building-circle-xmark{--fa:"\e4d4"}.fa-building-flag{--fa:"\e4d5"}.fa-building-lock{--fa:"\e4d6"}.fa-building-ngo{--fa:"\e4d7"}.fa-building-shield{--fa:"\e4d8"}.fa-building-un{--fa:"\e4d9"}.fa-building-user{--fa:"\e4da"}.fa-building-wheat{--fa:"\e4db"}.fa-burst{--fa:"\e4dc"}.fa-car-on{--fa:"\e4dd"}.fa-car-tunnel{--fa:"\e4de"}.fa-child-combatant,.fa-child-rifle{--fa:"\e4e0"}.fa-children{--fa:"\e4e1"}.fa-circle-nodes{--fa:"\e4e2"}.fa-clipboard-question{--fa:"\e4e3"}.fa-cloud-showers-water{--fa:"\e4e4"}.fa-computer{--fa:"\e4e5"}.fa-cubes-stacked{--fa:"\e4e6"}.fa-envelope-circle-check{--fa:"\e4e8"}.fa-explosion{--fa:"\e4e9"}.fa-ferry{--fa:"\e4ea"}.fa-file-circle-exclamation{--fa:"\e4eb"}.fa-file-circle-minus{--fa:"\e4ed"}.fa-file-circle-question{--fa:"\e4ef"}.fa-file-shield{--fa:"\e4f0"}.fa-fire-burner{--fa:"\e4f1"}.fa-fish-fins{--fa:"\e4f2"}.fa-flask-vial{--fa:"\e4f3"}.fa-glass-water{--fa:"\e4f4"}.fa-glass-water-droplet{--fa:"\e4f5"}.fa-group-arrows-rotate{--fa:"\e4f6"}.fa-hand-holding-hand{--fa:"\e4f7"}.fa-handcuffs{--fa:"\e4f8"}.fa-hands-bound{--fa:"\e4f9"}.fa-hands-holding-child{--fa:"\e4fa"}.fa-hands-holding-circle{--fa:"\e4fb"}.fa-heart-circle-bolt{--fa:"\e4fc"}.fa-heart-circle-check{--fa:"\e4fd"}.fa-heart-circle-exclamation{--fa:"\e4fe"}.fa-heart-circle-minus{--fa:"\e4ff"}.fa-heart-circle-plus{--fa:"\e500"}.fa-heart-circle-xmark{--fa:"\e501"}.fa-helicopter-symbol{--fa:"\e502"}.fa-helmet-un{--fa:"\e503"}.fa-hill-avalanche{--fa:"\e507"}.fa-hill-rockslide{--fa:"\e508"}.fa-house-circle-check{--fa:"\e509"}.fa-house-circle-exclamation{--fa:"\e50a"}.fa-house-circle-xmark{--fa:"\e50b"}.fa-house-fire{--fa:"\e50c"}.fa-house-flag{--fa:"\e50d"}.fa-house-flood-water{--fa:"\e50e"}.fa-house-flood-water-circle-arrow-right{--fa:"\e50f"}.fa-house-lock{--fa:"\e510"}.fa-house-medical-circle-check{--fa:"\e511"}.fa-house-medical-circle-exclamation{--fa:"\e512"}.fa-house-medical-circle-xmark{--fa:"\e513"}.fa-house-medical-flag{--fa:"\e514"}.fa-house-tsunami{--fa:"\e515"}.fa-jar{--fa:"\e516"}.fa-jar-wheat{--fa:"\e517"}.fa-jet-fighter-up{--fa:"\e518"}.fa-jug-detergent{--fa:"\e519"}.fa-kitchen-set{--fa:"\e51a"}.fa-land-mine-on{--fa:"\e51b"}.fa-landmark-flag{--fa:"\e51c"}.fa-laptop-file{--fa:"\e51d"}.fa-lines-leaning{--fa:"\e51e"}.fa-location-pin-lock{--fa:"\e51f"}.fa-locust{--fa:"\e520"}.fa-magnifying-glass-arrow-right{--fa:"\e521"}.fa-magnifying-glass-chart{--fa:"\e522"}.fa-mars-and-venus-burst{--fa:"\e523"}.fa-mask-ventilator{--fa:"\e524"}.fa-mattress-pillow{--fa:"\e525"}.fa-mobile-retro{--fa:"\e527"}.fa-money-bill-transfer{--fa:"\e528"}.fa-money-bill-trend-up{--fa:"\e529"}.fa-money-bill-wheat{--fa:"\e52a"}.fa-mosquito{--fa:"\e52b"}.fa-mosquito-net{--fa:"\e52c"}.fa-mound{--fa:"\e52d"}.fa-mountain-city{--fa:"\e52e"}.fa-mountain-sun{--fa:"\e52f"}.fa-oil-well{--fa:"\e532"}.fa-people-group{--fa:"\e533"}.fa-people-line{--fa:"\e534"}.fa-people-pulling{--fa:"\e535"}.fa-people-robbery{--fa:"\e536"}.fa-people-roof{--fa:"\e537"}.fa-person-arrow-down-to-line{--fa:"\e538"}.fa-person-arrow-up-from-line{--fa:"\e539"}.fa-person-breastfeeding{--fa:"\e53a"}.fa-person-burst{--fa:"\e53b"}.fa-person-cane{--fa:"\e53c"}.fa-person-chalkboard{--fa:"\e53d"}.fa-person-circle-check{--fa:"\e53e"}.fa-person-circle-exclamation{--fa:"\e53f"}.fa-person-circle-minus{--fa:"\e540"}.fa-person-circle-plus{--fa:"\e541"}.fa-person-circle-question{--fa:"\e542"}.fa-person-circle-xmark{--fa:"\e543"}.fa-person-dress-burst{--fa:"\e544"}.fa-person-drowning{--fa:"\e545"}.fa-person-falling{--fa:"\e546"}.fa-person-falling-burst{--fa:"\e547"}.fa-person-half-dress{--fa:"\e548"}.fa-person-harassing{--fa:"\e549"}.fa-person-military-pointing{--fa:"\e54a"}.fa-person-military-rifle{--fa:"\e54b"}.fa-person-military-to-person{--fa:"\e54c"}.fa-person-rays{--fa:"\e54d"}.fa-person-rifle{--fa:"\e54e"}.fa-person-shelter{--fa:"\e54f"}.fa-person-walking-arrow-loop-left{--fa:"\e551"}.fa-person-walking-arrow-right{--fa:"\e552"}.fa-person-walking-dashed-line-arrow-right{--fa:"\e553"}.fa-person-walking-luggage{--fa:"\e554"}.fa-plane-circle-check{--fa:"\e555"}.fa-plane-circle-exclamation{--fa:"\e556"}.fa-plane-circle-xmark{--fa:"\e557"}.fa-plane-lock{--fa:"\e558"}.fa-plate-wheat{--fa:"\e55a"}.fa-plug-circle-bolt{--fa:"\e55b"}.fa-plug-circle-check{--fa:"\e55c"}.fa-plug-circle-exclamation{--fa:"\e55d"}.fa-plug-circle-minus{--fa:"\e55e"}.fa-plug-circle-plus{--fa:"\e55f"}.fa-plug-circle-xmark{--fa:"\e560"}.fa-ranking-star{--fa:"\e561"}.fa-road-barrier{--fa:"\e562"}.fa-road-bridge{--fa:"\e563"}.fa-road-circle-check{--fa:"\e564"}.fa-road-circle-exclamation{--fa:"\e565"}.fa-road-circle-xmark{--fa:"\e566"}.fa-road-lock{--fa:"\e567"}.fa-road-spikes{--fa:"\e568"}.fa-rug{--fa:"\e569"}.fa-sack-xmark{--fa:"\e56a"}.fa-school-circle-check{--fa:"\e56b"}.fa-school-circle-exclamation{--fa:"\e56c"}.fa-school-circle-xmark{--fa:"\e56d"}.fa-school-flag{--fa:"\e56e"}.fa-school-lock{--fa:"\e56f"}.fa-sheet-plastic{--fa:"\e571"}.fa-shield-cat{--fa:"\e572"}.fa-shield-dog{--fa:"\e573"}.fa-shield-heart{--fa:"\e574"}.fa-square-nfi{--fa:"\e576"}.fa-square-person-confined{--fa:"\e577"}.fa-square-virus{--fa:"\e578"}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:"\e579"}.fa-sun-plant-wilt{--fa:"\e57a"}.fa-tarp{--fa:"\e57b"}.fa-tarp-droplet{--fa:"\e57c"}.fa-tent{--fa:"\e57d"}.fa-tent-arrow-down-to-line{--fa:"\e57e"}.fa-tent-arrow-left-right{--fa:"\e57f"}.fa-tent-arrow-turn-left{--fa:"\e580"}.fa-tent-arrows-down{--fa:"\e581"}.fa-tents{--fa:"\e582"}.fa-toilet-portable{--fa:"\e583"}.fa-toilets-portable{--fa:"\e584"}.fa-tower-cell{--fa:"\e585"}.fa-tower-observation{--fa:"\e586"}.fa-tree-city{--fa:"\e587"}.fa-trowel{--fa:"\e589"}.fa-trowel-bricks{--fa:"\e58a"}.fa-truck-arrow-right{--fa:"\e58b"}.fa-truck-droplet{--fa:"\e58c"}.fa-truck-field{--fa:"\e58d"}.fa-truck-field-un{--fa:"\e58e"}.fa-truck-plane{--fa:"\e58f"}.fa-users-between-lines{--fa:"\e591"}.fa-users-line{--fa:"\e592"}.fa-users-rays{--fa:"\e593"}.fa-users-rectangle{--fa:"\e594"}.fa-users-viewfinder{--fa:"\e595"}.fa-vial-circle-check{--fa:"\e596"}.fa-vial-virus{--fa:"\e597"}.fa-wheat-awn-circle-exclamation{--fa:"\e598"}.fa-worm{--fa:"\e599"}.fa-xmarks-lines{--fa:"\e59a"}.fa-child-dress{--fa:"\e59c"}.fa-child-reaching{--fa:"\e59d"}.fa-file-circle-check{--fa:"\e5a0"}.fa-file-circle-xmark{--fa:"\e5a1"}.fa-person-through-window{--fa:"\e5a9"}.fa-plant-wilt{--fa:"\e5aa"}.fa-stapler{--fa:"\e5af"}.fa-train-tram{--fa:"\e5b4"}.fa-table-cells-column-lock{--fa:"\e678"}.fa-table-cells-row-lock{--fa:"\e67a"}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:"\e68f"}.fa-table-cells-row-unlock{--fa:"\e691"}.fa-chart-diagram{--fa:"\e695"}.fa-comment-nodes{--fa:"\e696"}.fa-file-fragment{--fa:"\e697"}.fa-file-half-dashed{--fa:"\e698"}.fa-hexagon-nodes{--fa:"\e699"}.fa-hexagon-nodes-bolt{--fa:"\e69a"}.fa-square-binary{--fa:"\e69b"}.fa-pentagon{--fa:"\e790"}.fa-non-binary{--fa:"\e807"}.fa-spiral{--fa:"\e80a"}.fa-picture-in-picture{--fa:"\e80b"}.fa-mobile-vibrate{--fa:"\e816"}.fa-single-quote-left{--fa:"\e81b"}.fa-single-quote-right{--fa:"\e81c"}.fa-bus-side{--fa:"\e81d"}.fa-heptagon,.fa-septagon{--fa:"\e820"}.fa-aquarius{--fa:"\e845"}.fa-aries{--fa:"\e846"}.fa-cancer{--fa:"\e847"}.fa-capricorn{--fa:"\e848"}.fa-gemini{--fa:"\e849"}.fa-leo{--fa:"\e84a"}.fa-libra{--fa:"\e84b"}.fa-pisces{--fa:"\e84c"}.fa-sagittarius{--fa:"\e84d"}.fa-scorpio{--fa:"\e84e"}.fa-taurus{--fa:"\e84f"}.fa-virgo{--fa:"\e850"}.fa-glass-martini,.fa-martini-glass-empty{--fa:"\f000"}.fa-music{--fa:"\f001"}.fa-magnifying-glass,.fa-search{--fa:"\f002"}.fa-heart{--fa:"\f004"}.fa-star{--fa:"\f005"}.fa-user,.fa-user-alt,.fa-user-large{--fa:"\f007"}.fa-film,.fa-film-alt,.fa-film-simple{--fa:"\f008"}.fa-table-cells-large,.fa-th-large{--fa:"\f009"}.fa-table-cells,.fa-th{--fa:"\f00a"}.fa-table-list,.fa-th-list{--fa:"\f00b"}.fa-check{--fa:"\f00c"}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:"\f00d"}.fa-magnifying-glass-plus,.fa-search-plus{--fa:"\f00e"}.fa-magnifying-glass-minus,.fa-search-minus{--fa:"\f010"}.fa-power-off{--fa:"\f011"}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:"\f012"}.fa-cog,.fa-gear{--fa:"\f013"}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:"\f015"}.fa-clock,.fa-clock-four{--fa:"\f017"}.fa-road{--fa:"\f018"}.fa-download{--fa:"\f019"}.fa-inbox{--fa:"\f01c"}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:"\f01e"}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:"\f021"}.fa-list-alt,.fa-rectangle-list{--fa:"\f022"}.fa-lock{--fa:"\f023"}.fa-flag{--fa:"\f024"}.fa-headphones,.fa-headphones-alt,.fa-headphones-simple{--fa:"\f025"}.fa-volume-off{--fa:"\f026"}.fa-volume-down,.fa-volume-low{--fa:"\f027"}.fa-volume-high,.fa-volume-up{--fa:"\f028"}.fa-qrcode{--fa:"\f029"}.fa-barcode{--fa:"\f02a"}.fa-tag{--fa:"\f02b"}.fa-tags{--fa:"\f02c"}.fa-book{--fa:"\f02d"}.fa-bookmark{--fa:"\f02e"}.fa-print{--fa:"\f02f"}.fa-camera,.fa-camera-alt{--fa:"\f030"}.fa-font{--fa:"\f031"}.fa-bold{--fa:"\f032"}.fa-italic{--fa:"\f033"}.fa-text-height{--fa:"\f034"}.fa-text-width{--fa:"\f035"}.fa-align-left{--fa:"\f036"}.fa-align-center{--fa:"\f037"}.fa-align-right{--fa:"\f038"}.fa-align-justify{--fa:"\f039"}.fa-list,.fa-list-squares{--fa:"\f03a"}.fa-dedent,.fa-outdent{--fa:"\f03b"}.fa-indent{--fa:"\f03c"}.fa-video,.fa-video-camera{--fa:"\f03d"}.fa-image{--fa:"\f03e"}.fa-location-pin,.fa-map-marker{--fa:"\f041"}.fa-adjust,.fa-circle-half-stroke{--fa:"\f042"}.fa-droplet,.fa-tint{--fa:"\f043"}.fa-edit,.fa-pen-to-square{--fa:"\f044"}.fa-arrows,.fa-arrows-up-down-left-right{--fa:"\f047"}.fa-backward-step,.fa-step-backward{--fa:"\f048"}.fa-backward-fast,.fa-fast-backward{--fa:"\f049"}.fa-backward{--fa:"\f04a"}.fa-play{--fa:"\f04b"}.fa-pause{--fa:"\f04c"}.fa-stop{--fa:"\f04d"}.fa-forward{--fa:"\f04e"}.fa-fast-forward,.fa-forward-fast{--fa:"\f050"}.fa-forward-step,.fa-step-forward{--fa:"\f051"}.fa-eject{--fa:"\f052"}.fa-chevron-left{--fa:"\f053"}.fa-chevron-right{--fa:"\f054"}.fa-circle-plus,.fa-plus-circle{--fa:"\f055"}.fa-circle-minus,.fa-minus-circle{--fa:"\f056"}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:"\f057"}.fa-check-circle,.fa-circle-check{--fa:"\f058"}.fa-circle-question,.fa-question-circle{--fa:"\f059"}.fa-circle-info,.fa-info-circle{--fa:"\f05a"}.fa-crosshairs{--fa:"\f05b"}.fa-ban,.fa-cancel{--fa:"\f05e"}.fa-arrow-left{--fa:"\f060"}.fa-arrow-right{--fa:"\f061"}.fa-arrow-up{--fa:"\f062"}.fa-arrow-down{--fa:"\f063"}.fa-mail-forward,.fa-share{--fa:"\f064"}.fa-expand{--fa:"\f065"}.fa-compress{--fa:"\f066"}.fa-minus,.fa-subtract{--fa:"\f068"}.fa-circle-exclamation,.fa-exclamation-circle{--fa:"\f06a"}.fa-gift{--fa:"\f06b"}.fa-leaf{--fa:"\f06c"}.fa-fire{--fa:"\f06d"}.fa-eye{--fa:"\f06e"}.fa-eye-slash{--fa:"\f070"}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:"\f071"}.fa-plane{--fa:"\f072"}.fa-calendar-alt,.fa-calendar-days{--fa:"\f073"}.fa-random,.fa-shuffle{--fa:"\f074"}.fa-comment{--fa:"\f075"}.fa-magnet{--fa:"\f076"}.fa-chevron-up{--fa:"\f077"}.fa-chevron-down{--fa:"\f078"}.fa-retweet{--fa:"\f079"}.fa-cart-shopping,.fa-shopping-cart{--fa:"\f07a"}.fa-folder,.fa-folder-blank{--fa:"\f07b"}.fa-folder-open{--fa:"\f07c"}.fa-arrows-up-down,.fa-arrows-v{--fa:"\f07d"}.fa-arrows-h,.fa-arrows-left-right{--fa:"\f07e"}.fa-bar-chart,.fa-chart-bar{--fa:"\f080"}.fa-camera-retro{--fa:"\f083"}.fa-key{--fa:"\f084"}.fa-cogs,.fa-gears{--fa:"\f085"}.fa-comments{--fa:"\f086"}.fa-star-half{--fa:"\f089"}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:"\f08b"}.fa-thumb-tack,.fa-thumbtack{--fa:"\f08d"}.fa-arrow-up-right-from-square,.fa-external-link{--fa:"\f08e"}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:"\f090"}.fa-trophy{--fa:"\f091"}.fa-upload{--fa:"\f093"}.fa-lemon{--fa:"\f094"}.fa-phone{--fa:"\f095"}.fa-phone-square,.fa-square-phone{--fa:"\f098"}.fa-unlock{--fa:"\f09c"}.fa-credit-card,.fa-credit-card-alt{--fa:"\f09d"}.fa-feed,.fa-rss{--fa:"\f09e"}.fa-hard-drive,.fa-hdd{--fa:"\f0a0"}.fa-bullhorn{--fa:"\f0a1"}.fa-certificate{--fa:"\f0a3"}.fa-hand-point-right{--fa:"\f0a4"}.fa-hand-point-left{--fa:"\f0a5"}.fa-hand-point-up{--fa:"\f0a6"}.fa-hand-point-down{--fa:"\f0a7"}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:"\f0a8"}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:"\f0a9"}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:"\f0aa"}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:"\f0ab"}.fa-globe{--fa:"\f0ac"}.fa-wrench{--fa:"\f0ad"}.fa-list-check,.fa-tasks{--fa:"\f0ae"}.fa-filter{--fa:"\f0b0"}.fa-briefcase{--fa:"\f0b1"}.fa-arrows-alt,.fa-up-down-left-right{--fa:"\f0b2"}.fa-users{--fa:"\f0c0"}.fa-chain,.fa-link{--fa:"\f0c1"}.fa-cloud{--fa:"\f0c2"}.fa-flask{--fa:"\f0c3"}.fa-cut,.fa-scissors{--fa:"\f0c4"}.fa-copy{--fa:"\f0c5"}.fa-paperclip{--fa:"\f0c6"}.fa-floppy-disk,.fa-save{--fa:"\f0c7"}.fa-square{--fa:"\f0c8"}.fa-bars,.fa-navicon{--fa:"\f0c9"}.fa-list-dots,.fa-list-ul{--fa:"\f0ca"}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:"\f0cb"}.fa-strikethrough{--fa:"\f0cc"}.fa-underline{--fa:"\f0cd"}.fa-table{--fa:"\f0ce"}.fa-magic,.fa-wand-magic{--fa:"\f0d0"}.fa-truck{--fa:"\f0d1"}.fa-money-bill{--fa:"\f0d6"}.fa-caret-down{--fa:"\f0d7"}.fa-caret-up{--fa:"\f0d8"}.fa-caret-left{--fa:"\f0d9"}.fa-caret-right{--fa:"\f0da"}.fa-columns,.fa-table-columns{--fa:"\f0db"}.fa-sort,.fa-unsorted{--fa:"\f0dc"}.fa-sort-desc,.fa-sort-down{--fa:"\f0dd"}.fa-sort-asc,.fa-sort-up{--fa:"\f0de"}.fa-envelope{--fa:"\f0e0"}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:"\f0e2"}.fa-gavel,.fa-legal{--fa:"\f0e3"}.fa-bolt,.fa-zap{--fa:"\f0e7"}.fa-sitemap{--fa:"\f0e8"}.fa-umbrella{--fa:"\f0e9"}.fa-file-clipboard,.fa-paste{--fa:"\f0ea"}.fa-lightbulb{--fa:"\f0eb"}.fa-arrow-right-arrow-left,.fa-exchange{--fa:"\f0ec"}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:"\f0ed"}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:"\f0ee"}.fa-user-doctor,.fa-user-md{--fa:"\f0f0"}.fa-stethoscope{--fa:"\f0f1"}.fa-suitcase{--fa:"\f0f2"}.fa-bell{--fa:"\f0f3"}.fa-coffee,.fa-mug-saucer{--fa:"\f0f4"}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:"\f0f8"}.fa-ambulance,.fa-truck-medical{--fa:"\f0f9"}.fa-medkit,.fa-suitcase-medical{--fa:"\f0fa"}.fa-fighter-jet,.fa-jet-fighter{--fa:"\f0fb"}.fa-beer,.fa-beer-mug-empty{--fa:"\f0fc"}.fa-h-square,.fa-square-h{--fa:"\f0fd"}.fa-plus-square,.fa-square-plus{--fa:"\f0fe"}.fa-angle-double-left,.fa-angles-left{--fa:"\f100"}.fa-angle-double-right,.fa-angles-right{--fa:"\f101"}.fa-angle-double-up,.fa-angles-up{--fa:"\f102"}.fa-angle-double-down,.fa-angles-down{--fa:"\f103"}.fa-angle-left{--fa:"\f104"}.fa-angle-right{--fa:"\f105"}.fa-angle-up{--fa:"\f106"}.fa-angle-down{--fa:"\f107"}.fa-laptop{--fa:"\f109"}.fa-tablet-button{--fa:"\f10a"}.fa-mobile-button{--fa:"\f10b"}.fa-quote-left,.fa-quote-left-alt{--fa:"\f10d"}.fa-quote-right,.fa-quote-right-alt{--fa:"\f10e"}.fa-spinner{--fa:"\f110"}.fa-circle{--fa:"\f111"}.fa-face-smile,.fa-smile{--fa:"\f118"}.fa-face-frown,.fa-frown{--fa:"\f119"}.fa-face-meh,.fa-meh{--fa:"\f11a"}.fa-gamepad{--fa:"\f11b"}.fa-keyboard{--fa:"\f11c"}.fa-flag-checkered{--fa:"\f11e"}.fa-terminal{--fa:"\f120"}.fa-code{--fa:"\f121"}.fa-mail-reply-all,.fa-reply-all{--fa:"\f122"}.fa-location-arrow{--fa:"\f124"}.fa-crop{--fa:"\f125"}.fa-code-branch{--fa:"\f126"}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:"\f127"}.fa-info{--fa:"\f129"}.fa-superscript{--fa:"\f12b"}.fa-subscript{--fa:"\f12c"}.fa-eraser{--fa:"\f12d"}.fa-puzzle-piece{--fa:"\f12e"}.fa-microphone{--fa:"\f130"}.fa-microphone-slash{--fa:"\f131"}.fa-shield,.fa-shield-blank{--fa:"\f132"}.fa-calendar{--fa:"\f133"}.fa-fire-extinguisher{--fa:"\f134"}.fa-rocket{--fa:"\f135"}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:"\f137"}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:"\f138"}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:"\f139"}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:"\f13a"}.fa-anchor{--fa:"\f13d"}.fa-unlock-alt,.fa-unlock-keyhole{--fa:"\f13e"}.fa-bullseye{--fa:"\f140"}.fa-ellipsis,.fa-ellipsis-h{--fa:"\f141"}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:"\f142"}.fa-rss-square,.fa-square-rss{--fa:"\f143"}.fa-circle-play,.fa-play-circle{--fa:"\f144"}.fa-ticket{--fa:"\f145"}.fa-minus-square,.fa-square-minus{--fa:"\f146"}.fa-arrow-turn-up,.fa-level-up{--fa:"\f148"}.fa-arrow-turn-down,.fa-level-down{--fa:"\f149"}.fa-check-square,.fa-square-check{--fa:"\f14a"}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:"\f14b"}.fa-external-link-square,.fa-square-arrow-up-right{--fa:"\f14c"}.fa-share-from-square,.fa-share-square{--fa:"\f14d"}.fa-compass{--fa:"\f14e"}.fa-caret-square-down,.fa-square-caret-down{--fa:"\f150"}.fa-caret-square-up,.fa-square-caret-up{--fa:"\f151"}.fa-caret-square-right,.fa-square-caret-right{--fa:"\f152"}.fa-eur,.fa-euro,.fa-euro-sign{--fa:"\f153"}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:"\f154"}.fa-rupee,.fa-rupee-sign{--fa:"\f156"}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:"\f157"}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:"\f158"}.fa-krw,.fa-won,.fa-won-sign{--fa:"\f159"}.fa-file{--fa:"\f15b"}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:"\f15c"}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:"\f15d"}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:"\f15e"}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:"\f160"}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:"\f161"}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:"\f162"}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:"\f163"}.fa-thumbs-up{--fa:"\f164"}.fa-thumbs-down{--fa:"\f165"}.fa-arrow-down-long,.fa-long-arrow-down{--fa:"\f175"}.fa-arrow-up-long,.fa-long-arrow-up{--fa:"\f176"}.fa-arrow-left-long,.fa-long-arrow-left{--fa:"\f177"}.fa-arrow-right-long,.fa-long-arrow-right{--fa:"\f178"}.fa-female,.fa-person-dress{--fa:"\f182"}.fa-male,.fa-person{--fa:"\f183"}.fa-sun{--fa:"\f185"}.fa-moon{--fa:"\f186"}.fa-archive,.fa-box-archive{--fa:"\f187"}.fa-bug{--fa:"\f188"}.fa-caret-square-left,.fa-square-caret-left{--fa:"\f191"}.fa-circle-dot,.fa-dot-circle{--fa:"\f192"}.fa-wheelchair{--fa:"\f193"}.fa-lira-sign{--fa:"\f195"}.fa-shuttle-space,.fa-space-shuttle{--fa:"\f197"}.fa-envelope-square,.fa-square-envelope{--fa:"\f199"}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:"\f19c"}.fa-graduation-cap,.fa-mortar-board{--fa:"\f19d"}.fa-language{--fa:"\f1ab"}.fa-fax{--fa:"\f1ac"}.fa-building{--fa:"\f1ad"}.fa-child{--fa:"\f1ae"}.fa-paw{--fa:"\f1b0"}.fa-cube{--fa:"\f1b2"}.fa-cubes{--fa:"\f1b3"}.fa-recycle{--fa:"\f1b8"}.fa-automobile,.fa-car{--fa:"\f1b9"}.fa-cab,.fa-taxi{--fa:"\f1ba"}.fa-tree{--fa:"\f1bb"}.fa-database{--fa:"\f1c0"}.fa-file-pdf{--fa:"\f1c1"}.fa-file-word{--fa:"\f1c2"}.fa-file-excel{--fa:"\f1c3"}.fa-file-powerpoint{--fa:"\f1c4"}.fa-file-image{--fa:"\f1c5"}.fa-file-archive,.fa-file-zipper{--fa:"\f1c6"}.fa-file-audio{--fa:"\f1c7"}.fa-file-video{--fa:"\f1c8"}.fa-file-code{--fa:"\f1c9"}.fa-life-ring{--fa:"\f1cd"}.fa-circle-notch{--fa:"\f1ce"}.fa-paper-plane{--fa:"\f1d8"}.fa-clock-rotate-left,.fa-history{--fa:"\f1da"}.fa-header,.fa-heading{--fa:"\f1dc"}.fa-paragraph{--fa:"\f1dd"}.fa-sliders,.fa-sliders-h{--fa:"\f1de"}.fa-share-alt,.fa-share-nodes{--fa:"\f1e0"}.fa-share-alt-square,.fa-square-share-nodes{--fa:"\f1e1"}.fa-bomb{--fa:"\f1e2"}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:"\f1e3"}.fa-teletype,.fa-tty{--fa:"\f1e4"}.fa-binoculars{--fa:"\f1e5"}.fa-plug{--fa:"\f1e6"}.fa-newspaper{--fa:"\f1ea"}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:"\f1eb"}.fa-calculator{--fa:"\f1ec"}.fa-bell-slash{--fa:"\f1f6"}.fa-trash{--fa:"\f1f8"}.fa-copyright{--fa:"\f1f9"}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:"\f1fb"}.fa-paint-brush,.fa-paintbrush{--fa:"\f1fc"}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:"\f1fd"}.fa-area-chart,.fa-chart-area{--fa:"\f1fe"}.fa-chart-pie,.fa-pie-chart{--fa:"\f200"}.fa-chart-line,.fa-line-chart{--fa:"\f201"}.fa-toggle-off{--fa:"\f204"}.fa-toggle-on{--fa:"\f205"}.fa-bicycle{--fa:"\f206"}.fa-bus{--fa:"\f207"}.fa-closed-captioning{--fa:"\f20a"}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:"\f20b"}.fa-cart-plus{--fa:"\f217"}.fa-cart-arrow-down{--fa:"\f218"}.fa-diamond{--fa:"\f219"}.fa-ship{--fa:"\f21a"}.fa-user-secret{--fa:"\f21b"}.fa-motorcycle{--fa:"\f21c"}.fa-street-view{--fa:"\f21d"}.fa-heart-pulse,.fa-heartbeat{--fa:"\f21e"}.fa-venus{--fa:"\f221"}.fa-mars{--fa:"\f222"}.fa-mercury{--fa:"\f223"}.fa-mars-and-venus{--fa:"\f224"}.fa-transgender,.fa-transgender-alt{--fa:"\f225"}.fa-venus-double{--fa:"\f226"}.fa-mars-double{--fa:"\f227"}.fa-venus-mars{--fa:"\f228"}.fa-mars-stroke{--fa:"\f229"}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:"\f22a"}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:"\f22b"}.fa-neuter{--fa:"\f22c"}.fa-genderless{--fa:"\f22d"}.fa-server{--fa:"\f233"}.fa-user-plus{--fa:"\f234"}.fa-user-times,.fa-user-xmark{--fa:"\f235"}.fa-bed{--fa:"\f236"}.fa-train{--fa:"\f238"}.fa-subway,.fa-train-subway{--fa:"\f239"}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:"\f240"}.fa-battery-4,.fa-battery-three-quarters{--fa:"\f241"}.fa-battery-3,.fa-battery-half{--fa:"\f242"}.fa-battery-2,.fa-battery-quarter{--fa:"\f243"}.fa-battery-0,.fa-battery-empty{--fa:"\f244"}.fa-arrow-pointer,.fa-mouse-pointer{--fa:"\f245"}.fa-i-cursor{--fa:"\f246"}.fa-object-group{--fa:"\f247"}.fa-object-ungroup{--fa:"\f248"}.fa-note-sticky,.fa-sticky-note{--fa:"\f249"}.fa-clone{--fa:"\f24d"}.fa-balance-scale,.fa-scale-balanced{--fa:"\f24e"}.fa-hourglass-1,.fa-hourglass-start{--fa:"\f251"}.fa-hourglass-2,.fa-hourglass-half{--fa:"\f252"}.fa-hourglass-3,.fa-hourglass-end{--fa:"\f253"}.fa-hourglass,.fa-hourglass-empty{--fa:"\f254"}.fa-hand-back-fist,.fa-hand-rock{--fa:"\f255"}.fa-hand,.fa-hand-paper{--fa:"\f256"}.fa-hand-scissors{--fa:"\f257"}.fa-hand-lizard{--fa:"\f258"}.fa-hand-spock{--fa:"\f259"}.fa-hand-pointer{--fa:"\f25a"}.fa-hand-peace{--fa:"\f25b"}.fa-trademark{--fa:"\f25c"}.fa-registered{--fa:"\f25d"}.fa-television,.fa-tv,.fa-tv-alt{--fa:"\f26c"}.fa-calendar-plus{--fa:"\f271"}.fa-calendar-minus{--fa:"\f272"}.fa-calendar-times,.fa-calendar-xmark{--fa:"\f273"}.fa-calendar-check{--fa:"\f274"}.fa-industry{--fa:"\f275"}.fa-map-pin{--fa:"\f276"}.fa-map-signs,.fa-signs-post{--fa:"\f277"}.fa-map{--fa:"\f279"}.fa-comment-alt,.fa-message{--fa:"\f27a"}.fa-circle-pause,.fa-pause-circle{--fa:"\f28b"}.fa-circle-stop,.fa-stop-circle{--fa:"\f28d"}.fa-bag-shopping,.fa-shopping-bag{--fa:"\f290"}.fa-basket-shopping,.fa-shopping-basket{--fa:"\f291"}.fa-universal-access{--fa:"\f29a"}.fa-blind,.fa-person-walking-with-cane{--fa:"\f29d"}.fa-audio-description{--fa:"\f29e"}.fa-phone-volume,.fa-volume-control-phone{--fa:"\f2a0"}.fa-braille{--fa:"\f2a1"}.fa-assistive-listening-systems,.fa-ear-listen{--fa:"\f2a2"}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:"\f2a3"}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:"\f2a4"}.fa-hands,.fa-sign-language,.fa-signing{--fa:"\f2a7"}.fa-eye-low-vision,.fa-low-vision{--fa:"\f2a8"}.fa-handshake,.fa-handshake-alt,.fa-handshake-simple{--fa:"\f2b5"}.fa-envelope-open{--fa:"\f2b6"}.fa-address-book,.fa-contact-book{--fa:"\f2b9"}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:"\f2bb"}.fa-circle-user,.fa-user-circle{--fa:"\f2bd"}.fa-id-badge{--fa:"\f2c1"}.fa-drivers-license,.fa-id-card{--fa:"\f2c2"}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:"\f2c7"}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:"\f2c8"}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:"\f2c9"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:"\f2ca"}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:"\f2cb"}.fa-shower{--fa:"\f2cc"}.fa-bath,.fa-bathtub{--fa:"\f2cd"}.fa-podcast{--fa:"\f2ce"}.fa-window-maximize{--fa:"\f2d0"}.fa-window-minimize{--fa:"\f2d1"}.fa-window-restore{--fa:"\f2d2"}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:"\f2d3"}.fa-microchip{--fa:"\f2db"}.fa-snowflake{--fa:"\f2dc"}.fa-spoon,.fa-utensil-spoon{--fa:"\f2e5"}.fa-cutlery,.fa-utensils{--fa:"\f2e7"}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:"\f2ea"}.fa-trash-alt,.fa-trash-can{--fa:"\f2ed"}.fa-rotate,.fa-sync-alt{--fa:"\f2f1"}.fa-stopwatch{--fa:"\f2f2"}.fa-right-from-bracket,.fa-sign-out-alt{--fa:"\f2f5"}.fa-right-to-bracket,.fa-sign-in-alt{--fa:"\f2f6"}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:"\f2f9"}.fa-poo{--fa:"\f2fe"}.fa-images{--fa:"\f302"}.fa-pencil,.fa-pencil-alt{--fa:"\f303"}.fa-pen{--fa:"\f304"}.fa-pen-alt,.fa-pen-clip{--fa:"\f305"}.fa-octagon{--fa:"\f306"}.fa-down-long,.fa-long-arrow-alt-down{--fa:"\f309"}.fa-left-long,.fa-long-arrow-alt-left{--fa:"\f30a"}.fa-long-arrow-alt-right,.fa-right-long{--fa:"\f30b"}.fa-long-arrow-alt-up,.fa-up-long{--fa:"\f30c"}.fa-hexagon{--fa:"\f312"}.fa-file-edit,.fa-file-pen{--fa:"\f31c"}.fa-expand-arrows-alt,.fa-maximize{--fa:"\f31e"}.fa-clipboard{--fa:"\f328"}.fa-arrows-alt-h,.fa-left-right{--fa:"\f337"}.fa-arrows-alt-v,.fa-up-down{--fa:"\f338"}.fa-alarm-clock{--fa:"\f34e"}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:"\f358"}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:"\f359"}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:"\f35a"}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:"\f35b"}.fa-external-link-alt,.fa-up-right-from-square{--fa:"\f35d"}.fa-external-link-square-alt,.fa-square-up-right{--fa:"\f360"}.fa-exchange-alt,.fa-right-left{--fa:"\f362"}.fa-repeat{--fa:"\f363"}.fa-code-commit{--fa:"\f386"}.fa-code-merge{--fa:"\f387"}.fa-desktop,.fa-desktop-alt{--fa:"\f390"}.fa-gem{--fa:"\f3a5"}.fa-level-down-alt,.fa-turn-down{--fa:"\f3be"}.fa-level-up-alt,.fa-turn-up{--fa:"\f3bf"}.fa-lock-open{--fa:"\f3c1"}.fa-location-dot,.fa-map-marker-alt{--fa:"\f3c5"}.fa-microphone-alt,.fa-microphone-lines{--fa:"\f3c9"}.fa-mobile-alt,.fa-mobile-screen-button{--fa:"\f3cd"}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:"\f3ce"}.fa-mobile-android-alt,.fa-mobile-screen{--fa:"\f3cf"}.fa-money-bill-1,.fa-money-bill-alt{--fa:"\f3d1"}.fa-phone-slash{--fa:"\f3dd"}.fa-image-portrait,.fa-portrait{--fa:"\f3e0"}.fa-mail-reply,.fa-reply{--fa:"\f3e5"}.fa-shield-alt,.fa-shield-halved{--fa:"\f3ed"}.fa-tablet-alt,.fa-tablet-screen-button{--fa:"\f3fa"}.fa-tablet,.fa-tablet-android{--fa:"\f3fb"}.fa-ticket-alt,.fa-ticket-simple{--fa:"\f3ff"}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:"\f410"}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:"\f422"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:"\f424"}.fa-baseball-bat-ball{--fa:"\f432"}.fa-baseball,.fa-baseball-ball{--fa:"\f433"}.fa-basketball,.fa-basketball-ball{--fa:"\f434"}.fa-bowling-ball{--fa:"\f436"}.fa-chess{--fa:"\f439"}.fa-chess-bishop{--fa:"\f43a"}.fa-chess-board{--fa:"\f43c"}.fa-chess-king{--fa:"\f43f"}.fa-chess-knight{--fa:"\f441"}.fa-chess-pawn{--fa:"\f443"}.fa-chess-queen{--fa:"\f445"}.fa-chess-rook{--fa:"\f447"}.fa-dumbbell{--fa:"\f44b"}.fa-football,.fa-football-ball{--fa:"\f44e"}.fa-golf-ball,.fa-golf-ball-tee{--fa:"\f450"}.fa-hockey-puck{--fa:"\f453"}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:"\f458"}.fa-square-full{--fa:"\f45c"}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:"\f45d"}.fa-volleyball,.fa-volleyball-ball{--fa:"\f45f"}.fa-allergies,.fa-hand-dots{--fa:"\f461"}.fa-band-aid,.fa-bandage{--fa:"\f462"}.fa-box{--fa:"\f466"}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:"\f468"}.fa-briefcase-medical{--fa:"\f469"}.fa-burn,.fa-fire-flame-simple{--fa:"\f46a"}.fa-capsules{--fa:"\f46b"}.fa-clipboard-check{--fa:"\f46c"}.fa-clipboard-list{--fa:"\f46d"}.fa-diagnoses,.fa-person-dots-from-line{--fa:"\f470"}.fa-dna{--fa:"\f471"}.fa-dolly,.fa-dolly-box{--fa:"\f472"}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:"\f474"}.fa-file-medical{--fa:"\f477"}.fa-file-medical-alt,.fa-file-waveform{--fa:"\f478"}.fa-first-aid,.fa-kit-medical{--fa:"\f479"}.fa-circle-h,.fa-hospital-symbol{--fa:"\f47e"}.fa-id-card-alt,.fa-id-card-clip{--fa:"\f47f"}.fa-notes-medical{--fa:"\f481"}.fa-pallet{--fa:"\f482"}.fa-pills{--fa:"\f484"}.fa-prescription-bottle{--fa:"\f485"}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:"\f486"}.fa-bed-pulse,.fa-procedures{--fa:"\f487"}.fa-shipping-fast,.fa-truck-fast{--fa:"\f48b"}.fa-smoking{--fa:"\f48d"}.fa-syringe{--fa:"\f48e"}.fa-tablets{--fa:"\f490"}.fa-thermometer{--fa:"\f491"}.fa-vial{--fa:"\f492"}.fa-vials{--fa:"\f493"}.fa-warehouse{--fa:"\f494"}.fa-weight,.fa-weight-scale{--fa:"\f496"}.fa-x-ray{--fa:"\f497"}.fa-box-open{--fa:"\f49e"}.fa-comment-dots,.fa-commenting{--fa:"\f4ad"}.fa-comment-slash{--fa:"\f4b3"}.fa-couch{--fa:"\f4b8"}.fa-circle-dollar-to-slot,.fa-donate{--fa:"\f4b9"}.fa-dove{--fa:"\f4ba"}.fa-hand-holding{--fa:"\f4bd"}.fa-hand-holding-heart{--fa:"\f4be"}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:"\f4c0"}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:"\f4c1"}.fa-hands-holding{--fa:"\f4c2"}.fa-hands-helping,.fa-handshake-angle{--fa:"\f4c4"}.fa-parachute-box{--fa:"\f4cd"}.fa-people-carry,.fa-people-carry-box{--fa:"\f4ce"}.fa-piggy-bank{--fa:"\f4d3"}.fa-ribbon{--fa:"\f4d6"}.fa-route{--fa:"\f4d7"}.fa-seedling,.fa-sprout{--fa:"\f4d8"}.fa-sign,.fa-sign-hanging{--fa:"\f4d9"}.fa-face-smile-wink,.fa-smile-wink{--fa:"\f4da"}.fa-tape{--fa:"\f4db"}.fa-truck-loading,.fa-truck-ramp-box{--fa:"\f4de"}.fa-truck-moving{--fa:"\f4df"}.fa-video-slash{--fa:"\f4e2"}.fa-wine-glass{--fa:"\f4e3"}.fa-user-astronaut{--fa:"\f4fb"}.fa-user-check{--fa:"\f4fc"}.fa-user-clock{--fa:"\f4fd"}.fa-user-cog,.fa-user-gear{--fa:"\f4fe"}.fa-user-edit,.fa-user-pen{--fa:"\f4ff"}.fa-user-friends,.fa-user-group{--fa:"\f500"}.fa-user-graduate{--fa:"\f501"}.fa-user-lock{--fa:"\f502"}.fa-user-minus{--fa:"\f503"}.fa-user-ninja{--fa:"\f504"}.fa-user-shield{--fa:"\f505"}.fa-user-alt-slash,.fa-user-large-slash,.fa-user-slash{--fa:"\f506"}.fa-user-tag{--fa:"\f507"}.fa-user-tie{--fa:"\f508"}.fa-users-cog,.fa-users-gear{--fa:"\f509"}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:"\f515"}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:"\f516"}.fa-blender{--fa:"\f517"}.fa-book-open{--fa:"\f518"}.fa-broadcast-tower,.fa-tower-broadcast{--fa:"\f519"}.fa-broom{--fa:"\f51a"}.fa-blackboard,.fa-chalkboard{--fa:"\f51b"}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:"\f51c"}.fa-church{--fa:"\f51d"}.fa-coins{--fa:"\f51e"}.fa-compact-disc{--fa:"\f51f"}.fa-crow{--fa:"\f520"}.fa-crown{--fa:"\f521"}.fa-dice{--fa:"\f522"}.fa-dice-five{--fa:"\f523"}.fa-dice-four{--fa:"\f524"}.fa-dice-one{--fa:"\f525"}.fa-dice-six{--fa:"\f526"}.fa-dice-three{--fa:"\f527"}.fa-dice-two{--fa:"\f528"}.fa-divide{--fa:"\f529"}.fa-door-closed{--fa:"\f52a"}.fa-door-open{--fa:"\f52b"}.fa-feather{--fa:"\f52d"}.fa-frog{--fa:"\f52e"}.fa-gas-pump{--fa:"\f52f"}.fa-glasses{--fa:"\f530"}.fa-greater-than-equal{--fa:"\f532"}.fa-helicopter{--fa:"\f533"}.fa-infinity{--fa:"\f534"}.fa-kiwi-bird{--fa:"\f535"}.fa-less-than-equal{--fa:"\f537"}.fa-memory{--fa:"\f538"}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:"\f539"}.fa-money-bill-wave{--fa:"\f53a"}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:"\f53b"}.fa-money-check{--fa:"\f53c"}.fa-money-check-alt,.fa-money-check-dollar{--fa:"\f53d"}.fa-not-equal{--fa:"\f53e"}.fa-palette{--fa:"\f53f"}.fa-parking,.fa-square-parking{--fa:"\f540"}.fa-diagram-project,.fa-project-diagram{--fa:"\f542"}.fa-receipt{--fa:"\f543"}.fa-robot{--fa:"\f544"}.fa-ruler{--fa:"\f545"}.fa-ruler-combined{--fa:"\f546"}.fa-ruler-horizontal{--fa:"\f547"}.fa-ruler-vertical{--fa:"\f548"}.fa-school{--fa:"\f549"}.fa-screwdriver{--fa:"\f54a"}.fa-shoe-prints{--fa:"\f54b"}.fa-skull{--fa:"\f54c"}.fa-ban-smoking,.fa-smoking-ban{--fa:"\f54d"}.fa-store{--fa:"\f54e"}.fa-shop,.fa-store-alt{--fa:"\f54f"}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:"\f550"}.fa-stroopwafel{--fa:"\f551"}.fa-toolbox{--fa:"\f552"}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:"\f553"}.fa-person-walking,.fa-walking{--fa:"\f554"}.fa-wallet{--fa:"\f555"}.fa-angry,.fa-face-angry{--fa:"\f556"}.fa-archway{--fa:"\f557"}.fa-atlas,.fa-book-atlas{--fa:"\f558"}.fa-award{--fa:"\f559"}.fa-backspace,.fa-delete-left{--fa:"\f55a"}.fa-bezier-curve{--fa:"\f55b"}.fa-bong{--fa:"\f55c"}.fa-brush{--fa:"\f55d"}.fa-bus-alt,.fa-bus-simple{--fa:"\f55e"}.fa-cannabis{--fa:"\f55f"}.fa-check-double{--fa:"\f560"}.fa-cocktail,.fa-martini-glass-citrus{--fa:"\f561"}.fa-bell-concierge,.fa-concierge-bell{--fa:"\f562"}.fa-cookie{--fa:"\f563"}.fa-cookie-bite{--fa:"\f564"}.fa-crop-alt,.fa-crop-simple{--fa:"\f565"}.fa-digital-tachograph,.fa-tachograph-digital{--fa:"\f566"}.fa-dizzy,.fa-face-dizzy{--fa:"\f567"}.fa-compass-drafting,.fa-drafting-compass{--fa:"\f568"}.fa-drum{--fa:"\f569"}.fa-drum-steelpan{--fa:"\f56a"}.fa-feather-alt,.fa-feather-pointed{--fa:"\f56b"}.fa-file-contract{--fa:"\f56c"}.fa-file-arrow-down,.fa-file-download{--fa:"\f56d"}.fa-arrow-right-from-file,.fa-file-export{--fa:"\f56e"}.fa-arrow-right-to-file,.fa-file-import{--fa:"\f56f"}.fa-file-invoice{--fa:"\f570"}.fa-file-invoice-dollar{--fa:"\f571"}.fa-file-prescription{--fa:"\f572"}.fa-file-signature{--fa:"\f573"}.fa-file-arrow-up,.fa-file-upload{--fa:"\f574"}.fa-fill{--fa:"\f575"}.fa-fill-drip{--fa:"\f576"}.fa-fingerprint{--fa:"\f577"}.fa-fish{--fa:"\f578"}.fa-face-flushed,.fa-flushed{--fa:"\f579"}.fa-face-frown-open,.fa-frown-open{--fa:"\f57a"}.fa-glass-martini-alt,.fa-martini-glass{--fa:"\f57b"}.fa-earth-africa,.fa-globe-africa{--fa:"\f57c"}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:"\f57d"}.fa-earth-asia,.fa-globe-asia{--fa:"\f57e"}.fa-face-grimace,.fa-grimace{--fa:"\f57f"}.fa-face-grin,.fa-grin{--fa:"\f580"}.fa-face-grin-wide,.fa-grin-alt{--fa:"\f581"}.fa-face-grin-beam,.fa-grin-beam{--fa:"\f582"}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:"\f583"}.fa-face-grin-hearts,.fa-grin-hearts{--fa:"\f584"}.fa-face-grin-squint,.fa-grin-squint{--fa:"\f585"}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:"\f586"}.fa-face-grin-stars,.fa-grin-stars{--fa:"\f587"}.fa-face-grin-tears,.fa-grin-tears{--fa:"\f588"}.fa-face-grin-tongue,.fa-grin-tongue{--fa:"\f589"}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:"\f58a"}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:"\f58b"}.fa-face-grin-wink,.fa-grin-wink{--fa:"\f58c"}.fa-grid-horizontal,.fa-grip,.fa-grip-horizontal{--fa:"\f58d"}.fa-grid-vertical,.fa-grip-vertical{--fa:"\f58e"}.fa-headset{--fa:"\f590"}.fa-highlighter{--fa:"\f591"}.fa-hot-tub,.fa-hot-tub-person{--fa:"\f593"}.fa-hotel{--fa:"\f594"}.fa-joint{--fa:"\f595"}.fa-face-kiss,.fa-kiss{--fa:"\f596"}.fa-face-kiss-beam,.fa-kiss-beam{--fa:"\f597"}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:"\f598"}.fa-face-laugh,.fa-laugh{--fa:"\f599"}.fa-face-laugh-beam,.fa-laugh-beam{--fa:"\f59a"}.fa-face-laugh-squint,.fa-laugh-squint{--fa:"\f59b"}.fa-face-laugh-wink,.fa-laugh-wink{--fa:"\f59c"}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:"\f59d"}.fa-map-location,.fa-map-marked{--fa:"\f59f"}.fa-map-location-dot,.fa-map-marked-alt{--fa:"\f5a0"}.fa-marker{--fa:"\f5a1"}.fa-medal{--fa:"\f5a2"}.fa-face-meh-blank,.fa-meh-blank{--fa:"\f5a4"}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:"\f5a5"}.fa-monument{--fa:"\f5a6"}.fa-mortar-pestle{--fa:"\f5a7"}.fa-paint-roller{--fa:"\f5aa"}.fa-passport{--fa:"\f5ab"}.fa-pen-fancy{--fa:"\f5ac"}.fa-pen-nib{--fa:"\f5ad"}.fa-pen-ruler,.fa-pencil-ruler{--fa:"\f5ae"}.fa-plane-arrival{--fa:"\f5af"}.fa-plane-departure{--fa:"\f5b0"}.fa-prescription{--fa:"\f5b1"}.fa-face-sad-cry,.fa-sad-cry{--fa:"\f5b3"}.fa-face-sad-tear,.fa-sad-tear{--fa:"\f5b4"}.fa-shuttle-van,.fa-van-shuttle{--fa:"\f5b6"}.fa-signature{--fa:"\f5b7"}.fa-face-smile-beam,.fa-smile-beam{--fa:"\f5b8"}.fa-solar-panel{--fa:"\f5ba"}.fa-lotus,.fa-spa{--fa:"\f5bb"}.fa-splotch{--fa:"\f5bc"}.fa-spray-can{--fa:"\f5bd"}.fa-stamp{--fa:"\f5bf"}.fa-star-half-alt,.fa-star-half-stroke{--fa:"\f5c0"}.fa-suitcase-rolling{--fa:"\f5c1"}.fa-face-surprise,.fa-surprise{--fa:"\f5c2"}.fa-swatchbook{--fa:"\f5c3"}.fa-person-swimming,.fa-swimmer{--fa:"\f5c4"}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:"\f5c5"}.fa-droplet-slash,.fa-tint-slash{--fa:"\f5c7"}.fa-face-tired,.fa-tired{--fa:"\f5c8"}.fa-tooth{--fa:"\f5c9"}.fa-umbrella-beach{--fa:"\f5ca"}.fa-weight-hanging{--fa:"\f5cd"}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:"\f5ce"}.fa-air-freshener,.fa-spray-can-sparkles{--fa:"\f5d0"}.fa-apple-alt,.fa-apple-whole{--fa:"\f5d1"}.fa-atom{--fa:"\f5d2"}.fa-bone{--fa:"\f5d7"}.fa-book-open-reader,.fa-book-reader{--fa:"\f5da"}.fa-brain{--fa:"\f5dc"}.fa-car-alt,.fa-car-rear{--fa:"\f5de"}.fa-battery-car,.fa-car-battery{--fa:"\f5df"}.fa-car-burst,.fa-car-crash{--fa:"\f5e1"}.fa-car-side{--fa:"\f5e4"}.fa-charging-station{--fa:"\f5e7"}.fa-diamond-turn-right,.fa-directions{--fa:"\f5eb"}.fa-draw-polygon,.fa-vector-polygon{--fa:"\f5ee"}.fa-laptop-code{--fa:"\f5fc"}.fa-layer-group{--fa:"\f5fd"}.fa-location,.fa-location-crosshairs{--fa:"\f601"}.fa-lungs{--fa:"\f604"}.fa-microscope{--fa:"\f610"}.fa-oil-can{--fa:"\f613"}.fa-poop{--fa:"\f619"}.fa-shapes,.fa-triangle-circle-square{--fa:"\f61f"}.fa-star-of-life{--fa:"\f621"}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:"\f624"}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:"\f625"}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:"\f629"}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:"\f62a"}.fa-teeth{--fa:"\f62e"}.fa-teeth-open{--fa:"\f62f"}.fa-masks-theater,.fa-theater-masks{--fa:"\f630"}.fa-traffic-light{--fa:"\f637"}.fa-truck-monster{--fa:"\f63b"}.fa-truck-pickup{--fa:"\f63c"}.fa-ad,.fa-rectangle-ad{--fa:"\f641"}.fa-ankh{--fa:"\f644"}.fa-bible,.fa-book-bible{--fa:"\f647"}.fa-briefcase-clock,.fa-business-time{--fa:"\f64a"}.fa-city{--fa:"\f64f"}.fa-comment-dollar{--fa:"\f651"}.fa-comments-dollar{--fa:"\f653"}.fa-cross{--fa:"\f654"}.fa-dharmachakra{--fa:"\f655"}.fa-envelope-open-text{--fa:"\f658"}.fa-folder-minus{--fa:"\f65d"}.fa-folder-plus{--fa:"\f65e"}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:"\f662"}.fa-gopuram{--fa:"\f664"}.fa-hamsa{--fa:"\f665"}.fa-bahai,.fa-haykal{--fa:"\f666"}.fa-jedi{--fa:"\f669"}.fa-book-journal-whills,.fa-journal-whills{--fa:"\f66a"}.fa-kaaba{--fa:"\f66b"}.fa-khanda{--fa:"\f66d"}.fa-landmark{--fa:"\f66f"}.fa-envelopes-bulk,.fa-mail-bulk{--fa:"\f674"}.fa-menorah{--fa:"\f676"}.fa-mosque{--fa:"\f678"}.fa-om{--fa:"\f679"}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:"\f67b"}.fa-peace{--fa:"\f67c"}.fa-place-of-worship{--fa:"\f67f"}.fa-poll,.fa-square-poll-vertical{--fa:"\f681"}.fa-poll-h,.fa-square-poll-horizontal{--fa:"\f682"}.fa-person-praying,.fa-pray{--fa:"\f683"}.fa-hands-praying,.fa-praying-hands{--fa:"\f684"}.fa-book-quran,.fa-quran{--fa:"\f687"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:"\f688"}.fa-magnifying-glass-location,.fa-search-location{--fa:"\f689"}.fa-socks{--fa:"\f696"}.fa-square-root-alt,.fa-square-root-variable{--fa:"\f698"}.fa-star-and-crescent{--fa:"\f699"}.fa-star-of-david{--fa:"\f69a"}.fa-synagogue{--fa:"\f69b"}.fa-scroll-torah,.fa-torah{--fa:"\f6a0"}.fa-torii-gate{--fa:"\f6a1"}.fa-vihara{--fa:"\f6a7"}.fa-volume,.fa-volume-medium{--fa:"\f6a8"}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:"\f6a9"}.fa-yin-yang{--fa:"\f6ad"}.fa-blender-phone{--fa:"\f6b6"}.fa-book-dead,.fa-book-skull{--fa:"\f6b7"}.fa-campground{--fa:"\f6bb"}.fa-cat{--fa:"\f6be"}.fa-chair{--fa:"\f6c0"}.fa-cloud-moon{--fa:"\f6c3"}.fa-cloud-sun{--fa:"\f6c4"}.fa-cow{--fa:"\f6c8"}.fa-dice-d20{--fa:"\f6cf"}.fa-dice-d6{--fa:"\f6d1"}.fa-dog{--fa:"\f6d3"}.fa-dragon{--fa:"\f6d5"}.fa-drumstick-bite{--fa:"\f6d7"}.fa-dungeon{--fa:"\f6d9"}.fa-file-csv{--fa:"\f6dd"}.fa-fist-raised,.fa-hand-fist{--fa:"\f6de"}.fa-ghost{--fa:"\f6e2"}.fa-hammer{--fa:"\f6e3"}.fa-hanukiah{--fa:"\f6e6"}.fa-hat-wizard{--fa:"\f6e8"}.fa-hiking,.fa-person-hiking{--fa:"\f6ec"}.fa-hippo{--fa:"\f6ed"}.fa-horse{--fa:"\f6f0"}.fa-house-chimney-crack,.fa-house-damage{--fa:"\f6f1"}.fa-hryvnia,.fa-hryvnia-sign{--fa:"\f6f2"}.fa-mask{--fa:"\f6fa"}.fa-mountain{--fa:"\f6fc"}.fa-network-wired{--fa:"\f6ff"}.fa-otter{--fa:"\f700"}.fa-ring{--fa:"\f70b"}.fa-person-running,.fa-running{--fa:"\f70c"}.fa-scroll{--fa:"\f70e"}.fa-skull-crossbones{--fa:"\f714"}.fa-slash{--fa:"\f715"}.fa-spider{--fa:"\f717"}.fa-toilet-paper,.fa-toilet-paper-alt,.fa-toilet-paper-blank{--fa:"\f71e"}.fa-tractor{--fa:"\f722"}.fa-user-injured{--fa:"\f728"}.fa-vr-cardboard{--fa:"\f729"}.fa-wand-sparkles{--fa:"\f72b"}.fa-wind{--fa:"\f72e"}.fa-wine-bottle{--fa:"\f72f"}.fa-cloud-meatball{--fa:"\f73b"}.fa-cloud-moon-rain{--fa:"\f73c"}.fa-cloud-rain{--fa:"\f73d"}.fa-cloud-showers-heavy{--fa:"\f740"}.fa-cloud-sun-rain{--fa:"\f743"}.fa-democrat{--fa:"\f747"}.fa-flag-usa{--fa:"\f74d"}.fa-hurricane{--fa:"\f751"}.fa-landmark-alt,.fa-landmark-dome{--fa:"\f752"}.fa-meteor{--fa:"\f753"}.fa-person-booth{--fa:"\f756"}.fa-poo-bolt,.fa-poo-storm{--fa:"\f75a"}.fa-rainbow{--fa:"\f75b"}.fa-republican{--fa:"\f75e"}.fa-smog{--fa:"\f75f"}.fa-temperature-high{--fa:"\f769"}.fa-temperature-low{--fa:"\f76b"}.fa-cloud-bolt,.fa-thunderstorm{--fa:"\f76c"}.fa-tornado{--fa:"\f76f"}.fa-volcano{--fa:"\f770"}.fa-check-to-slot,.fa-vote-yea{--fa:"\f772"}.fa-water{--fa:"\f773"}.fa-baby{--fa:"\f77c"}.fa-baby-carriage,.fa-carriage-baby{--fa:"\f77d"}.fa-biohazard{--fa:"\f780"}.fa-blog{--fa:"\f781"}.fa-calendar-day{--fa:"\f783"}.fa-calendar-week{--fa:"\f784"}.fa-candy-cane{--fa:"\f786"}.fa-carrot{--fa:"\f787"}.fa-cash-register{--fa:"\f788"}.fa-compress-arrows-alt,.fa-minimize{--fa:"\f78c"}.fa-dumpster{--fa:"\f793"}.fa-dumpster-fire{--fa:"\f794"}.fa-ethernet{--fa:"\f796"}.fa-gifts{--fa:"\f79c"}.fa-champagne-glasses,.fa-glass-cheers{--fa:"\f79f"}.fa-glass-whiskey,.fa-whiskey-glass{--fa:"\f7a0"}.fa-earth-europe,.fa-globe-europe{--fa:"\f7a2"}.fa-grip-lines{--fa:"\f7a4"}.fa-grip-lines-vertical{--fa:"\f7a5"}.fa-guitar{--fa:"\f7a6"}.fa-heart-broken,.fa-heart-crack{--fa:"\f7a9"}.fa-holly-berry{--fa:"\f7aa"}.fa-horse-head{--fa:"\f7ab"}.fa-icicles{--fa:"\f7ad"}.fa-igloo{--fa:"\f7ae"}.fa-mitten{--fa:"\f7b5"}.fa-mug-hot{--fa:"\f7b6"}.fa-radiation{--fa:"\f7b9"}.fa-circle-radiation,.fa-radiation-alt{--fa:"\f7ba"}.fa-restroom{--fa:"\f7bd"}.fa-satellite{--fa:"\f7bf"}.fa-satellite-dish{--fa:"\f7c0"}.fa-sd-card{--fa:"\f7c2"}.fa-sim-card{--fa:"\f7c4"}.fa-person-skating,.fa-skating{--fa:"\f7c5"}.fa-person-skiing,.fa-skiing{--fa:"\f7c9"}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:"\f7ca"}.fa-sleigh{--fa:"\f7cc"}.fa-comment-sms,.fa-sms{--fa:"\f7cd"}.fa-person-snowboarding,.fa-snowboarding{--fa:"\f7ce"}.fa-snowman{--fa:"\f7d0"}.fa-snowplow{--fa:"\f7d2"}.fa-tenge,.fa-tenge-sign{--fa:"\f7d7"}.fa-toilet{--fa:"\f7d8"}.fa-screwdriver-wrench,.fa-tools{--fa:"\f7d9"}.fa-cable-car,.fa-tram{--fa:"\f7da"}.fa-fire-alt,.fa-fire-flame-curved{--fa:"\f7e4"}.fa-bacon{--fa:"\f7e5"}.fa-book-medical{--fa:"\f7e6"}.fa-bread-slice{--fa:"\f7ec"}.fa-cheese{--fa:"\f7ef"}.fa-clinic-medical,.fa-house-chimney-medical{--fa:"\f7f2"}.fa-clipboard-user{--fa:"\f7f3"}.fa-comment-medical{--fa:"\f7f5"}.fa-crutch{--fa:"\f7f7"}.fa-disease{--fa:"\f7fa"}.fa-egg{--fa:"\f7fb"}.fa-folder-tree{--fa:"\f802"}.fa-burger,.fa-hamburger{--fa:"\f805"}.fa-hand-middle-finger{--fa:"\f806"}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:"\f807"}.fa-hospital-user{--fa:"\f80d"}.fa-hotdog{--fa:"\f80f"}.fa-ice-cream{--fa:"\f810"}.fa-laptop-medical{--fa:"\f812"}.fa-pager{--fa:"\f815"}.fa-pepper-hot{--fa:"\f816"}.fa-pizza-slice{--fa:"\f818"}.fa-sack-dollar{--fa:"\f81d"}.fa-book-tanakh,.fa-tanakh{--fa:"\f827"}.fa-bars-progress,.fa-tasks-alt{--fa:"\f828"}.fa-trash-arrow-up,.fa-trash-restore{--fa:"\f829"}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:"\f82a"}.fa-user-nurse{--fa:"\f82f"}.fa-wave-square{--fa:"\f83e"}.fa-biking,.fa-person-biking{--fa:"\f84a"}.fa-border-all{--fa:"\f84c"}.fa-border-none{--fa:"\f850"}.fa-border-style,.fa-border-top-left{--fa:"\f853"}.fa-digging,.fa-person-digging{--fa:"\f85e"}.fa-fan{--fa:"\f863"}.fa-heart-music-camera-bolt,.fa-icons{--fa:"\f86d"}.fa-phone-alt,.fa-phone-flip{--fa:"\f879"}.fa-phone-square-alt,.fa-square-phone-flip{--fa:"\f87b"}.fa-photo-film,.fa-photo-video{--fa:"\f87c"}.fa-remove-format,.fa-text-slash{--fa:"\f87d"}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:"\f881"}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:"\f882"}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:"\f884"}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:"\f885"}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:"\f886"}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:"\f887"}.fa-spell-check{--fa:"\f891"}.fa-voicemail{--fa:"\f897"}.fa-hat-cowboy{--fa:"\f8c0"}.fa-hat-cowboy-side{--fa:"\f8c1"}.fa-computer-mouse,.fa-mouse{--fa:"\f8cc"}.fa-radio{--fa:"\f8d7"}.fa-record-vinyl{--fa:"\f8d9"}.fa-walkie-talkie{--fa:"\f8ef"}.fa-caravan{--fa:"\f8ff"} :host,:root{--fa-family-brands:"Font Awesome 7 Brands";--fa-font-brands:normal 400 1em/1 var(--fa-family-brands)}@font-face{font-family:"Font Awesome 7 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../js/../fonts/fa-brands-400.woff2)}.fa-brands,.fa-classic.fa-brands,.fab{--fa-family:var(--fa-family-brands);--fa-style:400}.fa-firefox-browser{--fa:"\e007"}.fa-ideal{--fa:"\e013"}.fa-microblog{--fa:"\e01a"}.fa-pied-piper-square,.fa-square-pied-piper{--fa:"\e01e"}.fa-unity{--fa:"\e049"}.fa-dailymotion{--fa:"\e052"}.fa-instagram-square,.fa-square-instagram{--fa:"\e055"}.fa-mixer{--fa:"\e056"}.fa-shopify{--fa:"\e057"}.fa-deezer{--fa:"\e077"}.fa-edge-legacy{--fa:"\e078"}.fa-google-pay{--fa:"\e079"}.fa-rust{--fa:"\e07a"}.fa-tiktok{--fa:"\e07b"}.fa-unsplash{--fa:"\e07c"}.fa-cloudflare{--fa:"\e07d"}.fa-guilded{--fa:"\e07e"}.fa-hive{--fa:"\e07f"}.fa-42-group,.fa-innosoft{--fa:"\e080"}.fa-instalod{--fa:"\e081"}.fa-octopus-deploy{--fa:"\e082"}.fa-perbyte{--fa:"\e083"}.fa-uncharted{--fa:"\e084"}.fa-watchman-monitoring{--fa:"\e087"}.fa-wodu{--fa:"\e088"}.fa-wirsindhandwerk,.fa-wsh{--fa:"\e2d0"}.fa-bots{--fa:"\e340"}.fa-cmplid{--fa:"\e360"}.fa-bilibili{--fa:"\e3d9"}.fa-golang{--fa:"\e40f"}.fa-pix{--fa:"\e43a"}.fa-sitrox{--fa:"\e44a"}.fa-hashnode{--fa:"\e499"}.fa-meta{--fa:"\e49b"}.fa-padlet{--fa:"\e4a0"}.fa-nfc-directional{--fa:"\e530"}.fa-nfc-symbol{--fa:"\e531"}.fa-screenpal{--fa:"\e570"}.fa-space-awesome{--fa:"\e5ac"}.fa-square-font-awesome{--fa:"\e5ad"}.fa-gitlab-square,.fa-square-gitlab{--fa:"\e5ae"}.fa-odysee{--fa:"\e5c6"}.fa-stubber{--fa:"\e5c7"}.fa-debian{--fa:"\e60b"}.fa-shoelace{--fa:"\e60c"}.fa-threads{--fa:"\e618"}.fa-square-threads{--fa:"\e619"}.fa-square-x-twitter{--fa:"\e61a"}.fa-x-twitter{--fa:"\e61b"}.fa-opensuse{--fa:"\e62b"}.fa-letterboxd{--fa:"\e62d"}.fa-square-letterboxd{--fa:"\e62e"}.fa-mintbit{--fa:"\e62f"}.fa-google-scholar{--fa:"\e63b"}.fa-brave{--fa:"\e63c"}.fa-brave-reverse{--fa:"\e63d"}.fa-pixiv{--fa:"\e640"}.fa-upwork{--fa:"\e641"}.fa-webflow{--fa:"\e65c"}.fa-signal-messenger{--fa:"\e663"}.fa-bluesky{--fa:"\e671"}.fa-jxl{--fa:"\e67b"}.fa-square-upwork{--fa:"\e67c"}.fa-web-awesome{--fa:"\e682"}.fa-square-web-awesome{--fa:"\e683"}.fa-square-web-awesome-stroke{--fa:"\e684"}.fa-dart-lang{--fa:"\e693"}.fa-flutter{--fa:"\e694"}.fa-files-pinwheel{--fa:"\e69f"}.fa-css{--fa:"\e6a2"}.fa-square-bluesky{--fa:"\e6a3"}.fa-openai{--fa:"\e7cf"}.fa-square-linkedin{--fa:"\e7d0"}.fa-cash-app{--fa:"\e7d4"}.fa-disqus{--fa:"\e7d5"}.fa-11ty,.fa-eleventy{--fa:"\e7d6"}.fa-kakao-talk{--fa:"\e7d7"}.fa-linktree{--fa:"\e7d8"}.fa-notion{--fa:"\e7d9"}.fa-pandora{--fa:"\e7da"}.fa-pixelfed{--fa:"\e7db"}.fa-tidal{--fa:"\e7dc"}.fa-vsco{--fa:"\e7dd"}.fa-w3c{--fa:"\e7de"}.fa-lumon{--fa:"\e7e2"}.fa-lumon-drop{--fa:"\e7e3"}.fa-square-figma{--fa:"\e7e4"}.fa-tex{--fa:"\e7ff"}.fa-duolingo{--fa:"\e812"}.fa-supportnow{--fa:"\e833"}.fa-tor-browser{--fa:"\e838"}.fa-typescript{--fa:"\e840"}.fa-square-deskpro{--fa:"\e844"}.fa-circle-zulip{--fa:"\e851"}.fa-julia{--fa:"\e852"}.fa-zulip{--fa:"\e853"}.fa-unison{--fa:"\e854"}.fa-bgg,.fa-board-game-geek{--fa:"\e855"}.fa-ko-fi{--fa:"\e856"}.fa-kubernetes{--fa:"\e857"}.fa-postgresql{--fa:"\e858"}.fa-scaleway{--fa:"\e859"}.fa-venmo{--fa:"\e85a"}.fa-venmo-v{--fa:"\e85b"}.fa-unreal-engine{--fa:"\e85c"}.fa-globaleaks{--fa:"\e85d"}.fa-solana{--fa:"\e85e"}.fa-threema{--fa:"\e85f"}.fa-forgejo{--fa:"\e860"}.fa-claude{--fa:"\e861"}.fa-gitee{--fa:"\e863"}.fa-xmpp{--fa:"\e864"}.fa-fediverse{--fa:"\e865"}.fa-tailwind-css{--fa:"\e866"}.fa-arch-linux{--fa:"\e867"}.fa-svelte{--fa:"\e868"}.fa-hugging-face{--fa:"\e869"}.fa-leetcode{--fa:"\e86a"}.fa-openstreetmap{--fa:"\e86b"}.fa-ultralytics{--fa:"\e86d"}.fa-ultralytics-hub{--fa:"\e86e"}.fa-ultralytics-yolo{--fa:"\e86f"}.fa-obsidian{--fa:"\e879"}.fa-zoom{--fa:"\e87b"}.fa-vim{--fa:"\e88a"}.fa-symfonycasts{--fa:"\e8ab"}.fa-build-awesome{--fa:"\e8ac"}.fa-codeberg{--fa:"\e8ad"}.fa-devpost{--fa:"\e8ae"}.fa-internet-archive{--fa:"\e8b1"}.fa-lets-encrypt{--fa:"\e8b2"}.fa-matrix{--fa:"\e8b3"}.fa-mattermost{--fa:"\e8b4"}.fa-nextcloud{--fa:"\e8b5"}.fa-roblox-creator-studio{--fa:"\e8b6"}.fa-square-build-awesome-stroke{--fa:"\e8b7"}.fa-substack{--fa:"\e8b8"}.fa-tesla{--fa:"\e8b9"}.fa-xrp{--fa:"\e8ba"}.fa-xrpl{--fa:"\e8bb"}.fa-youtube-shorts{--fa:"\e8bc"}.fa-ror{--fa:"\e8bd"}.fa-visual-studio{--fa:"\e8be"}.fa-dolibarr{--fa:"\e8bf"}.fa-obs-studio{--fa:"\e8c0"}.fa-storybook{--fa:"\e8c1"}.fa-a11y-project{--fa:"\e8c2"}.fa-copilot{--fa:"\e8c7"}.fa-square-twitter,.fa-twitter-square{--fa:"\f081"}.fa-facebook-square,.fa-square-facebook{--fa:"\f082"}.fa-linkedin{--fa:"\f08c"}.fa-github-square,.fa-square-github{--fa:"\f092"}.fa-twitter{--fa:"\f099"}.fa-facebook{--fa:"\f09a"}.fa-github{--fa:"\f09b"}.fa-pinterest{--fa:"\f0d2"}.fa-pinterest-square,.fa-square-pinterest{--fa:"\f0d3"}.fa-google-plus-square,.fa-square-google-plus{--fa:"\f0d4"}.fa-google-plus-g{--fa:"\f0d5"}.fa-linkedin-in{--fa:"\f0e1"}.fa-github-alt{--fa:"\f113"}.fa-maxcdn{--fa:"\f136"}.fa-html5{--fa:"\f13b"}.fa-css3{--fa:"\f13c"}.fa-btc{--fa:"\f15a"}.fa-youtube{--fa:"\f167"}.fa-xing{--fa:"\f168"}.fa-square-xing,.fa-xing-square{--fa:"\f169"}.fa-dropbox{--fa:"\f16b"}.fa-stack-overflow{--fa:"\f16c"}.fa-instagram{--fa:"\f16d"}.fa-flickr{--fa:"\f16e"}.fa-adn{--fa:"\f170"}.fa-bitbucket{--fa:"\f171"}.fa-tumblr{--fa:"\f173"}.fa-square-tumblr,.fa-tumblr-square{--fa:"\f174"}.fa-apple{--fa:"\f179"}.fa-windows{--fa:"\f17a"}.fa-android{--fa:"\f17b"}.fa-linux{--fa:"\f17c"}.fa-dribbble{--fa:"\f17d"}.fa-skype{--fa:"\f17e"}.fa-foursquare{--fa:"\f180"}.fa-trello{--fa:"\f181"}.fa-gratipay{--fa:"\f184"}.fa-vk{--fa:"\f189"}.fa-weibo{--fa:"\f18a"}.fa-renren{--fa:"\f18b"}.fa-pagelines{--fa:"\f18c"}.fa-stack-exchange{--fa:"\f18d"}.fa-square-vimeo,.fa-vimeo-square{--fa:"\f194"}.fa-slack,.fa-slack-hash{--fa:"\f198"}.fa-wordpress{--fa:"\f19a"}.fa-openid{--fa:"\f19b"}.fa-yahoo{--fa:"\f19e"}.fa-google{--fa:"\f1a0"}.fa-reddit{--fa:"\f1a1"}.fa-reddit-square,.fa-square-reddit{--fa:"\f1a2"}.fa-stumbleupon-circle{--fa:"\f1a3"}.fa-stumbleupon{--fa:"\f1a4"}.fa-delicious{--fa:"\f1a5"}.fa-digg{--fa:"\f1a6"}.fa-pied-piper-pp{--fa:"\f1a7"}.fa-pied-piper-alt{--fa:"\f1a8"}.fa-drupal{--fa:"\f1a9"}.fa-joomla{--fa:"\f1aa"}.fa-behance{--fa:"\f1b4"}.fa-behance-square,.fa-square-behance{--fa:"\f1b5"}.fa-steam{--fa:"\f1b6"}.fa-square-steam,.fa-steam-square{--fa:"\f1b7"}.fa-spotify{--fa:"\f1bc"}.fa-deviantart{--fa:"\f1bd"}.fa-soundcloud{--fa:"\f1be"}.fa-vine{--fa:"\f1ca"}.fa-codepen{--fa:"\f1cb"}.fa-jsfiddle{--fa:"\f1cc"}.fa-rebel{--fa:"\f1d0"}.fa-empire{--fa:"\f1d1"}.fa-git-square,.fa-square-git{--fa:"\f1d2"}.fa-git{--fa:"\f1d3"}.fa-hacker-news{--fa:"\f1d4"}.fa-tencent-weibo{--fa:"\f1d5"}.fa-qq{--fa:"\f1d6"}.fa-weixin{--fa:"\f1d7"}.fa-slideshare{--fa:"\f1e7"}.fa-twitch{--fa:"\f1e8"}.fa-yelp{--fa:"\f1e9"}.fa-paypal{--fa:"\f1ed"}.fa-google-wallet{--fa:"\f1ee"}.fa-cc-visa{--fa:"\f1f0"}.fa-cc-mastercard{--fa:"\f1f1"}.fa-cc-discover{--fa:"\f1f2"}.fa-cc-amex{--fa:"\f1f3"}.fa-cc-paypal{--fa:"\f1f4"}.fa-cc-stripe{--fa:"\f1f5"}.fa-lastfm{--fa:"\f202"}.fa-lastfm-square,.fa-square-lastfm{--fa:"\f203"}.fa-ioxhost{--fa:"\f208"}.fa-angellist{--fa:"\f209"}.fa-buysellads{--fa:"\f20d"}.fa-connectdevelop{--fa:"\f20e"}.fa-dashcube{--fa:"\f210"}.fa-forumbee{--fa:"\f211"}.fa-leanpub{--fa:"\f212"}.fa-sellsy{--fa:"\f213"}.fa-shirtsinbulk{--fa:"\f214"}.fa-simplybuilt{--fa:"\f215"}.fa-skyatlas{--fa:"\f216"}.fa-pinterest-p{--fa:"\f231"}.fa-whatsapp{--fa:"\f232"}.fa-viacoin{--fa:"\f237"}.fa-medium,.fa-medium-m{--fa:"\f23a"}.fa-y-combinator{--fa:"\f23b"}.fa-optin-monster{--fa:"\f23c"}.fa-opencart{--fa:"\f23d"}.fa-expeditedssl{--fa:"\f23e"}.fa-cc-jcb{--fa:"\f24b"}.fa-cc-diners-club{--fa:"\f24c"}.fa-creative-commons{--fa:"\f25e"}.fa-gg{--fa:"\f260"}.fa-gg-circle{--fa:"\f261"}.fa-odnoklassniki{--fa:"\f263"}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:"\f264"}.fa-get-pocket{--fa:"\f265"}.fa-wikipedia-w{--fa:"\f266"}.fa-safari{--fa:"\f267"}.fa-chrome{--fa:"\f268"}.fa-firefox{--fa:"\f269"}.fa-opera{--fa:"\f26a"}.fa-internet-explorer{--fa:"\f26b"}.fa-contao{--fa:"\f26d"}.fa-500px{--fa:"\f26e"}.fa-amazon{--fa:"\f270"}.fa-houzz{--fa:"\f27c"}.fa-vimeo-v{--fa:"\f27d"}.fa-black-tie{--fa:"\f27e"}.fa-fonticons{--fa:"\f280"}.fa-reddit-alien{--fa:"\f281"}.fa-edge{--fa:"\f282"}.fa-codiepie{--fa:"\f284"}.fa-modx{--fa:"\f285"}.fa-fort-awesome{--fa:"\f286"}.fa-usb{--fa:"\f287"}.fa-product-hunt{--fa:"\f288"}.fa-mixcloud{--fa:"\f289"}.fa-scribd{--fa:"\f28a"}.fa-bluetooth{--fa:"\f293"}.fa-bluetooth-b{--fa:"\f294"}.fa-gitlab{--fa:"\f296"}.fa-wpbeginner{--fa:"\f297"}.fa-wpforms{--fa:"\f298"}.fa-envira{--fa:"\f299"}.fa-glide{--fa:"\f2a5"}.fa-glide-g{--fa:"\f2a6"}.fa-viadeo{--fa:"\f2a9"}.fa-square-viadeo,.fa-viadeo-square{--fa:"\f2aa"}.fa-snapchat,.fa-snapchat-ghost{--fa:"\f2ab"}.fa-snapchat-square,.fa-square-snapchat{--fa:"\f2ad"}.fa-pied-piper{--fa:"\f2ae"}.fa-first-order{--fa:"\f2b0"}.fa-yoast{--fa:"\f2b1"}.fa-themeisle{--fa:"\f2b2"}.fa-google-plus{--fa:"\f2b3"}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:"\f2b4"}.fa-linode{--fa:"\f2b8"}.fa-quora{--fa:"\f2c4"}.fa-free-code-camp{--fa:"\f2c5"}.fa-telegram,.fa-telegram-plane{--fa:"\f2c6"}.fa-bandcamp{--fa:"\f2d5"}.fa-grav{--fa:"\f2d6"}.fa-etsy{--fa:"\f2d7"}.fa-imdb{--fa:"\f2d8"}.fa-ravelry{--fa:"\f2d9"}.fa-sellcast{--fa:"\f2da"}.fa-superpowers{--fa:"\f2dd"}.fa-wpexplorer{--fa:"\f2de"}.fa-meetup{--fa:"\f2e0"}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:"\f35c"}.fa-accessible-icon{--fa:"\f368"}.fa-accusoft{--fa:"\f369"}.fa-adversal{--fa:"\f36a"}.fa-affiliatetheme{--fa:"\f36b"}.fa-algolia{--fa:"\f36c"}.fa-amilia{--fa:"\f36d"}.fa-angrycreative{--fa:"\f36e"}.fa-app-store{--fa:"\f36f"}.fa-app-store-ios{--fa:"\f370"}.fa-apper{--fa:"\f371"}.fa-asymmetrik{--fa:"\f372"}.fa-audible{--fa:"\f373"}.fa-avianex{--fa:"\f374"}.fa-aws{--fa:"\f375"}.fa-bimobject{--fa:"\f378"}.fa-bitcoin{--fa:"\f379"}.fa-bity{--fa:"\f37a"}.fa-blackberry{--fa:"\f37b"}.fa-blogger{--fa:"\f37c"}.fa-blogger-b{--fa:"\f37d"}.fa-buromobelexperte{--fa:"\f37f"}.fa-centercode{--fa:"\f380"}.fa-cloudscale{--fa:"\f383"}.fa-cloudsmith{--fa:"\f384"}.fa-cloudversify{--fa:"\f385"}.fa-cpanel{--fa:"\f388"}.fa-css3-alt{--fa:"\f38b"}.fa-cuttlefish{--fa:"\f38c"}.fa-d-and-d{--fa:"\f38d"}.fa-deploydog{--fa:"\f38e"}.fa-deskpro{--fa:"\f38f"}.fa-digital-ocean{--fa:"\f391"}.fa-discord{--fa:"\f392"}.fa-discourse{--fa:"\f393"}.fa-dochub{--fa:"\f394"}.fa-docker{--fa:"\f395"}.fa-draft2digital{--fa:"\f396"}.fa-dribbble-square,.fa-square-dribbble{--fa:"\f397"}.fa-dyalog{--fa:"\f399"}.fa-earlybirds{--fa:"\f39a"}.fa-erlang{--fa:"\f39d"}.fa-facebook-f{--fa:"\f39e"}.fa-facebook-messenger{--fa:"\f39f"}.fa-firstdraft{--fa:"\f3a1"}.fa-fonticons-fi{--fa:"\f3a2"}.fa-fort-awesome-alt{--fa:"\f3a3"}.fa-freebsd{--fa:"\f3a4"}.fa-gitkraken{--fa:"\f3a6"}.fa-gofore{--fa:"\f3a7"}.fa-goodreads{--fa:"\f3a8"}.fa-goodreads-g{--fa:"\f3a9"}.fa-google-drive{--fa:"\f3aa"}.fa-google-play{--fa:"\f3ab"}.fa-gripfire{--fa:"\f3ac"}.fa-grunt{--fa:"\f3ad"}.fa-gulp{--fa:"\f3ae"}.fa-hacker-news-square,.fa-square-hacker-news{--fa:"\f3af"}.fa-hire-a-helper{--fa:"\f3b0"}.fa-hotjar{--fa:"\f3b1"}.fa-hubspot{--fa:"\f3b2"}.fa-itunes{--fa:"\f3b4"}.fa-itunes-note{--fa:"\f3b5"}.fa-jenkins{--fa:"\f3b6"}.fa-joget{--fa:"\f3b7"}.fa-js{--fa:"\f3b8"}.fa-js-square,.fa-square-js{--fa:"\f3b9"}.fa-keycdn{--fa:"\f3ba"}.fa-kickstarter,.fa-square-kickstarter{--fa:"\f3bb"}.fa-kickstarter-k{--fa:"\f3bc"}.fa-laravel{--fa:"\f3bd"}.fa-line{--fa:"\f3c0"}.fa-lyft{--fa:"\f3c3"}.fa-magento{--fa:"\f3c4"}.fa-medapps{--fa:"\f3c6"}.fa-medrt{--fa:"\f3c8"}.fa-microsoft{--fa:"\f3ca"}.fa-mix{--fa:"\f3cb"}.fa-mizuni{--fa:"\f3cc"}.fa-monero{--fa:"\f3d0"}.fa-napster{--fa:"\f3d2"}.fa-node-js{--fa:"\f3d3"}.fa-npm{--fa:"\f3d4"}.fa-ns8{--fa:"\f3d5"}.fa-nutritionix{--fa:"\f3d6"}.fa-page4{--fa:"\f3d7"}.fa-palfed{--fa:"\f3d8"}.fa-patreon{--fa:"\f3d9"}.fa-periscope{--fa:"\f3da"}.fa-phabricator{--fa:"\f3db"}.fa-phoenix-framework{--fa:"\f3dc"}.fa-playstation{--fa:"\f3df"}.fa-pushed{--fa:"\f3e1"}.fa-python{--fa:"\f3e2"}.fa-red-river{--fa:"\f3e3"}.fa-rendact,.fa-wpressr{--fa:"\f3e4"}.fa-replyd{--fa:"\f3e6"}.fa-resolving{--fa:"\f3e7"}.fa-rocketchat{--fa:"\f3e8"}.fa-rockrms{--fa:"\f3e9"}.fa-schlix{--fa:"\f3ea"}.fa-searchengin{--fa:"\f3eb"}.fa-servicestack{--fa:"\f3ec"}.fa-sistrix{--fa:"\f3ee"}.fa-speakap{--fa:"\f3f3"}.fa-staylinked{--fa:"\f3f5"}.fa-steam-symbol{--fa:"\f3f6"}.fa-sticker-mule{--fa:"\f3f7"}.fa-studiovinari{--fa:"\f3f8"}.fa-supple{--fa:"\f3f9"}.fa-uber{--fa:"\f402"}.fa-uikit{--fa:"\f403"}.fa-uniregistry{--fa:"\f404"}.fa-untappd{--fa:"\f405"}.fa-ussunnah{--fa:"\f407"}.fa-vaadin{--fa:"\f408"}.fa-viber{--fa:"\f409"}.fa-vimeo{--fa:"\f40a"}.fa-vnv{--fa:"\f40b"}.fa-square-whatsapp,.fa-whatsapp-square{--fa:"\f40c"}.fa-whmcs{--fa:"\f40d"}.fa-wordpress-simple{--fa:"\f411"}.fa-xbox{--fa:"\f412"}.fa-yandex{--fa:"\f413"}.fa-yandex-international{--fa:"\f414"}.fa-apple-pay{--fa:"\f415"}.fa-cc-apple-pay{--fa:"\f416"}.fa-fly{--fa:"\f417"}.fa-node{--fa:"\f419"}.fa-osi{--fa:"\f41a"}.fa-react{--fa:"\f41b"}.fa-autoprefixer{--fa:"\f41c"}.fa-less{--fa:"\f41d"}.fa-sass{--fa:"\f41e"}.fa-vuejs{--fa:"\f41f"}.fa-angular{--fa:"\f420"}.fa-aviato{--fa:"\f421"}.fa-ember{--fa:"\f423"}.fa-gitter{--fa:"\f426"}.fa-hooli{--fa:"\f427"}.fa-strava{--fa:"\f428"}.fa-stripe{--fa:"\f429"}.fa-stripe-s{--fa:"\f42a"}.fa-typo3{--fa:"\f42b"}.fa-amazon-pay{--fa:"\f42c"}.fa-cc-amazon-pay{--fa:"\f42d"}.fa-ethereum{--fa:"\f42e"}.fa-korvue{--fa:"\f42f"}.fa-elementor{--fa:"\f430"}.fa-square-youtube,.fa-youtube-square{--fa:"\f431"}.fa-flipboard{--fa:"\f44d"}.fa-hips{--fa:"\f452"}.fa-php{--fa:"\f457"}.fa-quinscape{--fa:"\f459"}.fa-readme{--fa:"\f4d5"}.fa-java{--fa:"\f4e4"}.fa-pied-piper-hat{--fa:"\f4e5"}.fa-creative-commons-by{--fa:"\f4e7"}.fa-creative-commons-nc{--fa:"\f4e8"}.fa-creative-commons-nc-eu{--fa:"\f4e9"}.fa-creative-commons-nc-jp{--fa:"\f4ea"}.fa-creative-commons-nd{--fa:"\f4eb"}.fa-creative-commons-pd{--fa:"\f4ec"}.fa-creative-commons-pd-alt{--fa:"\f4ed"}.fa-creative-commons-remix{--fa:"\f4ee"}.fa-creative-commons-sa{--fa:"\f4ef"}.fa-creative-commons-sampling{--fa:"\f4f0"}.fa-creative-commons-sampling-plus{--fa:"\f4f1"}.fa-creative-commons-share{--fa:"\f4f2"}.fa-creative-commons-zero{--fa:"\f4f3"}.fa-ebay{--fa:"\f4f4"}.fa-keybase{--fa:"\f4f5"}.fa-mastodon{--fa:"\f4f6"}.fa-r-project{--fa:"\f4f7"}.fa-researchgate{--fa:"\f4f8"}.fa-teamspeak{--fa:"\f4f9"}.fa-first-order-alt{--fa:"\f50a"}.fa-fulcrum{--fa:"\f50b"}.fa-galactic-republic{--fa:"\f50c"}.fa-galactic-senate{--fa:"\f50d"}.fa-jedi-order{--fa:"\f50e"}.fa-mandalorian{--fa:"\f50f"}.fa-old-republic{--fa:"\f510"}.fa-phoenix-squadron{--fa:"\f511"}.fa-sith{--fa:"\f512"}.fa-trade-federation{--fa:"\f513"}.fa-wolf-pack-battalion{--fa:"\f514"}.fa-hornbill{--fa:"\f592"}.fa-mailchimp{--fa:"\f59e"}.fa-megaport{--fa:"\f5a3"}.fa-nimblr{--fa:"\f5a8"}.fa-rev{--fa:"\f5b2"}.fa-shopware{--fa:"\f5b5"}.fa-squarespace{--fa:"\f5be"}.fa-themeco{--fa:"\f5c6"}.fa-weebly{--fa:"\f5cc"}.fa-wix{--fa:"\f5cf"}.fa-ello{--fa:"\f5f1"}.fa-hackerrank{--fa:"\f5f7"}.fa-kaggle{--fa:"\f5fa"}.fa-markdown{--fa:"\f60f"}.fa-neos{--fa:"\f612"}.fa-zhihu{--fa:"\f63f"}.fa-alipay{--fa:"\f642"}.fa-the-red-yeti{--fa:"\f69d"}.fa-critical-role{--fa:"\f6c9"}.fa-d-and-d-beyond{--fa:"\f6ca"}.fa-dev{--fa:"\f6cc"}.fa-fantasy-flight-games{--fa:"\f6dc"}.fa-wizards-of-the-coast{--fa:"\f730"}.fa-think-peaks{--fa:"\f731"}.fa-reacteurope{--fa:"\f75d"}.fa-artstation{--fa:"\f77a"}.fa-atlassian{--fa:"\f77b"}.fa-canadian-maple-leaf{--fa:"\f785"}.fa-centos{--fa:"\f789"}.fa-confluence{--fa:"\f78d"}.fa-dhl{--fa:"\f790"}.fa-diaspora{--fa:"\f791"}.fa-fedex{--fa:"\f797"}.fa-fedora{--fa:"\f798"}.fa-figma{--fa:"\f799"}.fa-intercom{--fa:"\f7af"}.fa-invision{--fa:"\f7b0"}.fa-jira{--fa:"\f7b1"}.fa-mendeley{--fa:"\f7b3"}.fa-raspberry-pi{--fa:"\f7bb"}.fa-redhat{--fa:"\f7bc"}.fa-sketch{--fa:"\f7c6"}.fa-sourcetree{--fa:"\f7d3"}.fa-suse{--fa:"\f7d6"}.fa-ubuntu{--fa:"\f7df"}.fa-ups{--fa:"\f7e0"}.fa-usps{--fa:"\f7e1"}.fa-yarn{--fa:"\f7e3"}.fa-airbnb{--fa:"\f834"}.fa-battle-net{--fa:"\f835"}.fa-bootstrap{--fa:"\f836"}.fa-buffer{--fa:"\f837"}.fa-chromecast{--fa:"\f838"}.fa-evernote{--fa:"\f839"}.fa-itch-io{--fa:"\f83a"}.fa-salesforce{--fa:"\f83b"}.fa-speaker-deck{--fa:"\f83c"}.fa-symfony{--fa:"\f83d"}.fa-waze{--fa:"\f83f"}.fa-yammer{--fa:"\f840"}.fa-git-alt{--fa:"\f841"}.fa-stackpath{--fa:"\f842"}.fa-cotton-bureau{--fa:"\f89e"}.fa-buy-n-large{--fa:"\f8a6"}.fa-mdb{--fa:"\f8ca"}.fa-orcid{--fa:"\f8d2"}.fa-swift{--fa:"\f8e1"}.fa-umbraco{--fa:"\f8e8"}:host,:root{--fa-font-regular:normal 400 1em/1 var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:400;font-display:block;src:url(../js/../fonts/fa-regular-400.woff2)}.far{--fa-family:var(--fa-family-classic)}.fa-regular,.far{--fa-style:400}:host,:root{--fa-family-classic:"Font Awesome 7 Free";--fa-font-solid:normal 900 1em/1 var(--fa-family-classic);--fa-style-family-classic:var(--fa-family-classic)}@font-face{font-family:"Font Awesome 7 Free";font-style:normal;font-weight:900;font-display:block;src:url(../js/../fonts/fa-solid-900.woff2)}.fas{--fa-style:900}.fa-classic,.fas{--fa-family:var(--fa-family-classic)}.fa-solid{--fa-style:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../js/../fonts/fa-brands-400.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../js/../fonts/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../js/../fonts/fa-regular-400.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../js/../fonts/fa-solid-900.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../js/../fonts/fa-brands-400.woff2) format("woff2")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../js/../fonts/fa-regular-400.woff2) format("woff2");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../js/../fonts/fa-v4compatibility.woff2) format("woff2");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a} /*!*******************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./src/css/style.css (1) ***! \*******************************************************************************************************************/ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-300: oklch(80.8% 0.114 19.571); --color-red-400: oklch(70.4% 0.191 22.216); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-700: oklch(50.5% 0.213 27.518); --color-red-800: oklch(44.4% 0.177 26.899); --color-red-900: oklch(39.6% 0.141 25.723); --color-red-950: oklch(25.8% 0.092 26.042); --color-orange-50: #fff6ed; --color-orange-100: #ffead5; --color-orange-200: #fddcab; --color-orange-300: #feb273; --color-orange-400: #fd853a; --color-orange-500: #fb6514; --color-orange-600: #ec4a0a; --color-orange-700: #c4320a; --color-orange-800: #9c2a10; --color-orange-900: #7e2410; --color-orange-950: #511c10; --color-amber-50: oklch(98.7% 0.022 95.277); --color-amber-100: oklch(96.2% 0.059 95.617); --color-amber-200: oklch(92.4% 0.12 95.746); --color-amber-300: oklch(87.9% 0.169 91.605); --color-amber-400: oklch(82.8% 0.189 84.429); --color-amber-500: oklch(76.9% 0.188 70.08); --color-amber-600: oklch(66.6% 0.179 58.318); --color-amber-700: oklch(55.5% 0.163 48.998); --color-amber-800: oklch(47.3% 0.137 46.201); --color-amber-900: oklch(41.4% 0.112 45.904); --color-amber-950: oklch(27.9% 0.077 45.635); --color-yellow-50: oklch(98.7% 0.026 102.212); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-200: oklch(94.5% 0.129 101.54); --color-yellow-300: oklch(90.5% 0.182 98.111); --color-yellow-400: oklch(85.2% 0.199 91.936); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-yellow-700: oklch(55.4% 0.135 66.442); --color-yellow-800: oklch(47.6% 0.114 61.907); --color-yellow-900: oklch(42.1% 0.095 57.708); --color-lime-50: oklch(98.6% 0.031 120.757); --color-lime-500: oklch(76.8% 0.233 130.85); --color-lime-600: oklch(64.8% 0.2 131.684); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-300: oklch(87.1% 0.15 154.449); --color-green-400: oklch(79.2% 0.209 151.711); --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-800: oklch(44.8% 0.119 151.328); --color-green-900: oklch(39.3% 0.095 152.535); --color-green-950: oklch(26.6% 0.065 152.934); --color-emerald-50: oklch(97.9% 0.021 166.113); --color-emerald-100: oklch(95% 0.052 163.051); --color-emerald-200: oklch(90.5% 0.093 164.15); --color-emerald-300: oklch(84.5% 0.143 164.978); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-emerald-500: oklch(69.6% 0.17 162.48); --color-emerald-600: oklch(59.6% 0.145 163.225); --color-emerald-700: oklch(50.8% 0.118 165.612); --color-emerald-800: oklch(43.2% 0.095 166.913); --color-emerald-900: oklch(37.8% 0.077 168.94); --color-emerald-950: oklch(26.2% 0.051 172.552); --color-teal-50: oklch(98.4% 0.014 180.72); --color-teal-100: oklch(95.3% 0.051 180.801); --color-teal-200: oklch(91% 0.096 180.426); --color-teal-300: oklch(85.5% 0.138 181.071); --color-teal-400: oklch(77.7% 0.152 181.912); --color-teal-500: oklch(70.4% 0.14 182.503); --color-teal-600: oklch(60% 0.118 184.704); --color-teal-700: oklch(51.1% 0.096 186.391); --color-teal-800: oklch(43.7% 0.078 188.216); --color-cyan-50: oklch(98.4% 0.019 200.873); --color-cyan-100: oklch(95.6% 0.045 203.388); --color-cyan-200: oklch(91.7% 0.08 205.041); --color-cyan-300: oklch(86.5% 0.127 207.078); --color-cyan-400: oklch(78.9% 0.154 211.53); --color-cyan-500: oklch(71.5% 0.143 215.221); --color-cyan-600: oklch(60.9% 0.126 221.723); --color-cyan-700: oklch(52% 0.105 223.128); --color-cyan-800: oklch(45% 0.085 224.283); --color-cyan-900: oklch(39.8% 0.07 227.392); --color-cyan-950: oklch(30.2% 0.056 229.695); --color-sky-50: oklch(97.7% 0.013 236.62); --color-sky-100: oklch(95.1% 0.026 236.824); --color-sky-200: oklch(90.1% 0.058 230.902); --color-sky-300: oklch(82.8% 0.111 230.318); --color-sky-400: oklch(74.6% 0.16 232.661); --color-sky-500: oklch(68.5% 0.169 237.323); --color-sky-600: oklch(58.8% 0.158 241.966); --color-sky-700: oklch(50% 0.134 242.749); --color-sky-900: oklch(39.1% 0.09 240.876); --color-sky-950: oklch(29.3% 0.066 243.157); --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bfdbfe; --color-blue-300: #93c5fd; --color-blue-400: #60a5fa; --color-blue-500: #3b82f6; --color-blue-600: #2563eb; --color-blue-700: #1d4ed8; --color-blue-800: #1e40af; --color-blue-900: #1e3a8a; --color-blue-950: #172554; --color-indigo-50: oklch(96.2% 0.018 272.314); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-200: oklch(87% 0.065 274.039); --color-indigo-300: oklch(78.5% 0.115 274.713); --color-indigo-400: oklch(67.3% 0.182 276.935); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-indigo-600: oklch(51.1% 0.262 276.966); --color-indigo-700: oklch(45.7% 0.24 277.023); --color-indigo-800: oklch(39.8% 0.195 277.366); --color-indigo-900: oklch(35.9% 0.144 278.697); --color-indigo-950: oklch(25.7% 0.09 281.288); --color-violet-50: oklch(96.9% 0.016 293.756); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-200: oklch(89.4% 0.057 293.283); --color-violet-300: oklch(81.1% 0.111 293.571); --color-violet-400: oklch(70.2% 0.183 293.541); --color-violet-500: oklch(60.6% 0.25 292.717); --color-violet-600: oklch(54.1% 0.281 293.009); --color-violet-700: oklch(49.1% 0.27 292.581); --color-violet-800: oklch(43.2% 0.232 292.759); --color-violet-900: oklch(38% 0.189 293.745); --color-violet-950: oklch(28.3% 0.141 291.089); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-100: oklch(94.6% 0.033 307.174); --color-purple-200: oklch(90.2% 0.063 306.703); --color-purple-300: oklch(82.7% 0.119 306.383); --color-purple-400: oklch(71.4% 0.203 305.504); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-purple-800: oklch(43.8% 0.218 303.724); --color-purple-900: oklch(38.1% 0.176 304.987); --color-purple-950: oklch(29.1% 0.149 302.717); --color-pink-50: oklch(97.1% 0.014 343.198); --color-pink-400: oklch(71.8% 0.202 349.761); --color-pink-500: oklch(65.6% 0.241 354.308); --color-pink-700: oklch(52.5% 0.223 3.958); --color-rose-50: oklch(96.9% 0.015 12.422); --color-rose-100: oklch(94.1% 0.03 12.58); --color-rose-200: oklch(89.2% 0.058 10.001); --color-rose-300: oklch(81% 0.117 11.638); --color-rose-400: oklch(71.2% 0.194 13.428); --color-rose-500: oklch(64.5% 0.246 16.439); --color-rose-600: oklch(58.6% 0.253 17.585); --color-rose-700: oklch(51.4% 0.222 16.935); --color-rose-800: oklch(45.5% 0.188 13.697); --color-rose-900: oklch(41% 0.159 10.272); --color-rose-950: oklch(27.1% 0.105 12.094); --color-slate-50: oklch(98.4% 0.003 247.858); --color-slate-100: oklch(96.8% 0.007 247.896); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-300: oklch(86.9% 0.022 252.894); --color-slate-400: oklch(70.4% 0.04 256.788); --color-slate-500: oklch(55.4% 0.046 257.417); --color-slate-600: oklch(44.6% 0.043 257.281); --color-slate-700: oklch(37.2% 0.044 257.287); --color-slate-800: oklch(27.9% 0.041 260.031); --color-slate-900: oklch(20.8% 0.042 265.755); --color-slate-950: oklch(12.9% 0.042 264.695); --color-gray-50: #f9fafb; --color-gray-100: #f2f4f7; --color-gray-200: #e4e7ec; --color-gray-300: #d0d5dd; --color-gray-400: #98a2b3; --color-gray-500: #667085; --color-gray-600: #475467; --color-gray-700: #344054; --color-gray-800: #1d2939; --color-gray-900: #101828; --color-gray-950: #0c111d; --color-stone-100: oklch(97% 0.001 106.424); --color-black: #101828; --color-white: #ffffff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --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: calc(1.5 / 1); --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: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tight: -0.025em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --font-outfit: Outfit, sans-serif; --text-title-md: 36px; --text-title-md--line-height: 44px; --text-title-sm: 30px; --text-title-sm--line-height: 38px; --text-theme-sm: 14px; --text-theme-sm--line-height: 20px; --text-theme-xs: 12px; --text-theme-xs--line-height: 18px; --color-brand-50: #ecf3ff; --color-brand-100: #dde9ff; --color-brand-200: #c2d6ff; --color-brand-300: #9cb9ff; --color-brand-400: #7592ff; --color-brand-500: #465fff; --color-brand-600: #3641f5; --color-brand-700: #2a31d8; --color-brand-800: #252dae; --color-brand-900: #262e89; --color-brand-950: #161950; --color-blue-light-50: #f0f9ff; --color-blue-light-500: #0ba5ec; --color-gray-dark: #1a2231; --color-success-50: #ecfdf3; --color-success-100: #d1fadf; --color-success-200: #a6f4c5; --color-success-300: #6ce9a6; --color-success-400: #32d583; --color-success-500: #12b76a; --color-success-600: #039855; --color-success-700: #027a48; --color-success-800: #05603a; --color-success-900: #054f31; --color-error-50: #fef3f2; --color-error-100: #fee4e2; --color-error-200: #fecdca; --color-error-300: #fda29b; --color-error-400: #f97066; --color-error-500: #f04438; --color-error-600: #d92d20; --color-error-700: #b42318; --color-error-800: #912018; --color-error-900: #7a271a; --color-warning-50: #fffaeb; --color-warning-100: #fef0c7; --color-warning-200: #fedf89; --color-warning-300: #fec84b; --color-warning-400: #fdb022; --color-warning-500: #f79009; --color-warning-600: #dc6803; --color-warning-700: #b54708; --color-warning-800: #93370d; --color-warning-900: #7a2e0e; --z-index-1: 1; --z-index-9: 9; --z-index-99: 99; --z-index-999: 999; --z-index-9999: 9999; --z-index-99999: 99999; --z-index-999999: 999999; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; 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 { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 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 { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .menu-item-arrow { position: absolute; top: calc(1/2 * 100%); right: calc(var(--spacing) * 2.5); --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .menu-dropdown-item { position: relative; display: flex; align-items: center; gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 3.5); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-theme-sm); line-height: var(--tw-leading, var(--text-theme-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .menu-item { position: relative; display: flex; align-items: center; gap: calc(var(--spacing) * 3); border-radius: var(--radius-lg); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 1); font-size: var(--text-theme-sm); line-height: var(--tw-leading, var(--text-theme-sm--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-1 { top: calc(var(--spacing) * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-0\.5 { top: calc(var(--spacing) * 0.5); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1/2 * 100%); } .top-2\.5 { top: calc(var(--spacing) * 2.5); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-20 { top: calc(var(--spacing) * 20); } .top-24 { top: calc(var(--spacing) * 24); } .top-\[2px\] { top: 2px; } .top-full { top: 100%; } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .right-0 { right: calc(var(--spacing) * 0); } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-5 { right: calc(var(--spacing) * 5); } .right-6 { right: calc(var(--spacing) * 6); } .right-12 { right: calc(var(--spacing) * 12); } .right-auto { right: auto; } .-bottom-1\.5 { bottom: calc(var(--spacing) * -1.5); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .left-0 { left: calc(var(--spacing) * 0); } .left-0\.5 { left: calc(var(--spacing) * 0.5); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: calc(1/2 * 100%); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-\[2px\] { left: 2px; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-1 { z-index: var(--z-index-1); } .z-9 { z-index: var(--z-index-9); } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-99 { z-index: var(--z-index-99); } .z-999 { z-index: var(--z-index-999); } .z-9999 { z-index: var(--z-index-9999); } .z-99999 { z-index: var(--z-index-99999); } .z-999999 { z-index: var(--z-index-999999); } .z-\[60\] { z-index: 60; } .z-\[100\] { z-index: 100; } .z-\[9998\] { z-index: 9998; } .z-\[99999\] { z-index: 99999; } .z-\[100000\] { z-index: 100000; } .z-\[100001\] { z-index: 100001; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .container { width: 100%; @media (width >= 375px) { max-width: 375px; } @media (width >= 425px) { max-width: 425px; } @media (width >= 640px) { max-width: 640px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 1024px) { max-width: 1024px; } @media (width >= 1280px) { max-width: 1280px; } @media (width >= 1536px) { max-width: 1536px; } @media (width >= 2000px) { max-width: 2000px; } } .m-0 { margin: calc(var(--spacing) * 0); } .-mx-3 { margin-inline: calc(var(--spacing) * -3); } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-auto { margin-inline: auto; } .my-0\.5 { margin-block: calc(var(--spacing) * 0.5); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-auto { margin-block: auto; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -0.5); } .-mt-3 { margin-top: calc(var(--spacing) * -3); } .-mt-10 { margin-top: calc(var(--spacing) * -10); } .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-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[\.2rem\] { margin-top: .2rem; } .mt-\[17px\] { margin-top: 17px; } .mt-auto { margin-top: auto; } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.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-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-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-\[\.3rem\] { margin-bottom: .3rem; } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-ml-3 { margin-left: calc(var(--spacing) * -3); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-auto { margin-left: auto; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .no-scrollbar { &::-webkit-scrollbar { display: none; } -ms-overflow-style: none; scrollbar-width: none; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .list-item { display: list-item; } .table { display: table; } .aspect-square { aspect-ratio: 1 / 1; } .custom-scrollbar { &::-webkit-scrollbar { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } &::-webkit-scrollbar-track { border-radius: calc(infinity * 1px); } &::-webkit-scrollbar-thumb { border-radius: calc(infinity * 1px); background-color: var(--color-gray-200); } } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .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-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-9\.5 { height: calc(var(--spacing) * 9.5); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-\[2\.4rem\] { height: 2.4rem; } .h-\[14px\] { height: 14px; } .h-\[17px\] { height: 17px; } .h-\[21px\] { height: 21px; } .h-\[38px\] { height: 38px; } .h-\[46px\] { height: 46px; } .h-\[85vh\] { height: 85vh; } .h-\[235px\] { height: 235px; } .h-\[calc\(100dvh-132px\)\] { height: calc(100dvh - 132px); } .h-\[calc\(100vh-230px\)\] { height: calc(100vh - 230px); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-52 { max-height: calc(var(--spacing) * 52); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[150px\] { max-height: 150px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[600px\] { max-height: 600px; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-\[34px\] { min-height: 34px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[84px\] { min-height: 84px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[320px\] { min-height: 320px; } .min-h-\[450px\] { min-height: 450px; } .min-h-\[480px\] { min-height: 480px; } .min-h-screen { min-height: 100vh; } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1/2 * 100%); } .w-1\/3 { width: calc(1/3 * 100%); } .w-1\/4 { width: calc(1/4 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2/3 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-9\.5 { width: calc(var(--spacing) * 9.5); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-\[10\%\] { width: 10%; } .w-\[12\%\] { width: 12%; } .w-\[14\%\] { width: 14%; } .w-\[17px\] { width: 17px; } .w-\[18\%\] { width: 18%; } .w-\[30\%\] { width: 30%; } .w-\[34\%\] { width: 34%; } .w-\[38px\] { width: 38px; } .w-\[260px\] { width: 260px; } .w-\[290px\] { width: 290px; } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .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-7xl { max-width: var(--container-7xl); } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[74\%\] { max-width: 74%; } .max-w-\[82\%\] { max-width: 82%; } .max-w-\[90px\] { max-width: 90px; } .max-w-\[130px\] { max-width: 130px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[440px\] { max-width: 440px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[700px\] { max-width: 700px; } .max-w-\[820px\] { max-width: 820px; } .max-w-\[1800px\] { max-width: 1800px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-\[14px\] { min-width: 14px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[70px\] { min-width: 70px; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[170px\] { min-width: 170px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[190px\] { min-width: 190px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[700px\] { min-width: 700px; } .min-w-\[760px\] { min-width: 760px; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .flex-shrink { flex-shrink: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .border-spacing-0 { --tw-border-spacing-x: calc(var(--spacing) * 0); --tw-border-spacing-y: calc(var(--spacing) * 0); border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .menu-item-arrow-active { rotate: 180deg; stroke: #a84f28; &:is(.dark *) { stroke: var(--color-brand-400); } } .rotate-90 { rotate: 90deg; } .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,); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-none { resize: none; } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .\[appearance\:textfield\] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[8px_minmax\(0\,1fr\)\] { grid-template-columns: 8px minmax(0,1fr); } .grid-cols-\[28px_minmax\(0\,1fr\)_auto\] { grid-template-columns: 28px minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_52px_minmax\(80px\,\.75fr\)_auto\] { grid-template-columns: minmax(0,1fr) 52px minmax(80px,.75fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_82px\] { grid-template-columns: minmax(0,1fr) 82px; } .grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\,1fr\)_auto_auto\] { grid-template-columns: minmax(0,1fr) auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .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); } .gap-\[\.4rem\] { gap: .4rem; } .space-y-0 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2 { :where(& > :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))); } } .space-y-2\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :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))); } } .space-y-8 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-10 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } } .gap-x-4 { -moz-column-gap: calc(var(--spacing) * 4); column-gap: calc(var(--spacing) * 4); } .gap-x-6 { -moz-column-gap: calc(var(--spacing) * 6); column-gap: calc(var(--spacing) * 6); } .gap-x-8 { -moz-column-gap: calc(var(--spacing) * 8); column-gap: calc(var(--spacing) * 8); } .space-x-1 { :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse))); } } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .divide-x { :where(& > :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))); } } .divide-y { :where(& > :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))); } } .divide-gray-50 { :where(& > :not(:last-child)) { border-color: var(--color-gray-50); } } .divide-gray-100 { :where(& > :not(:last-child)) { border-color: var(--color-gray-100); } } .divide-gray-200 { :where(& > :not(:last-child)) { border-color: var(--color-gray-200); } } .divide-orange-100 { :where(& > :not(:last-child)) { border-color: var(--color-orange-100); } } .divide-slate-100 { :where(& > :not(:last-child)) { border-color: var(--color-slate-100); } } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[\.4rem\] { border-radius: .4rem; } .rounded-\[\.6rem\] { border-radius: .6rem; } .rounded-\[\.35rem\] { border-radius: .35rem; } .rounded-\[\.625rem\] { border-radius: .625rem; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-xl { border-top-left-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } .rounded-tl-none { border-top-left-radius: 0; } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-xl { border-top-right-radius: var(--radius-xl); border-bottom-right-radius: var(--radius-xl); } .rounded-tr-none { border-top-right-radius: 0; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-l-6 { border-left-style: var(--tw-border-style); border-left-width: 6px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .erp-topbar-button { border-color: #D9DEE5; background-color: var(--color-white); color: var(--color-slate-600); &:hover { @media (hover: hover) { background-color: var(--color-stone-100); } } &:hover { @media (hover: hover) { color: #7C5C3B; } } &:is(.dark *) { border-color: var(--color-gray-800); } &:is(.dark *) { background-color: var(--color-gray-900); } &:is(.dark *) { color: var(--color-gray-400); } &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .erp-sidebar { border-color: #e8e3da; background-color: #f7f5f1; color: #514b41; &:is(.dark *) { border-color: var(--color-gray-800); } &:is(.dark *) { background-color: var(--color-black); } &:is(.dark *) { color: var(--color-white); } } .erp-dropdown-panel { border-color: #D9DEE5; background-color: var(--color-white); color: var(--color-slate-700); &:is(.dark *) { border-color: var(--color-gray-800); } &:is(.dark *) { background-color: var(--color-gray-800); } } .erp-topbar { border-color: #D9DEE5; background-color: color-mix(in srgb, #ffffff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } &:is(.dark *) { border-color: var(--color-gray-800); } &:is(.dark *) { background-color: var(--color-gray-900); } } .\!border-red-500 { border-color: var(--color-red-500) !important; } .border-\[\#D9DEE5\] { border-color: #D9DEE5; } .border-amber-100 { border-color: var(--color-amber-100); } .border-amber-100\/50 { border-color: color-mix(in srgb, oklch(96.2% 0.059 95.617) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-100) 50%, transparent); } } .border-amber-200 { border-color: var(--color-amber-200); } .border-amber-200\/50 { border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-200) 50%, transparent); } } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-400 { border-color: var(--color-amber-400); } .border-amber-500 { border-color: var(--color-amber-500); } .border-black\/10 { border-color: color-mix(in srgb, #101828 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .border-blue-100 { border-color: var(--color-blue-100); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-200\/50 { border-color: color-mix(in srgb, #bfdbfe 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 50%, transparent); } } .border-blue-200\/60 { border-color: color-mix(in srgb, #bfdbfe 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-200) 60%, transparent); } } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-light-500 { border-color: var(--color-blue-light-500); } .border-brand-100 { border-color: var(--color-brand-100); } .border-brand-100\/30 { border-color: color-mix(in srgb, #dde9ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-100) 30%, transparent); } } .border-brand-200 { border-color: var(--color-brand-200); } .border-brand-300 { border-color: var(--color-brand-300); } .border-brand-500 { border-color: var(--color-brand-500); } .border-cyan-100 { border-color: var(--color-cyan-100); } .border-emerald-100 { border-color: var(--color-emerald-100); } .border-emerald-200 { border-color: var(--color-emerald-200); } .border-emerald-200\/50 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 50%, transparent); } } .border-emerald-200\/60 { border-color: color-mix(in srgb, oklch(90.5% 0.093 164.15) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-200) 60%, transparent); } } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-emerald-400 { border-color: var(--color-emerald-400); } .border-emerald-500 { border-color: var(--color-emerald-500); } .border-emerald-500\/30 { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .border-error-200 { border-color: var(--color-error-200); } .border-error-300 { border-color: var(--color-error-300); } .border-error-500 { border-color: var(--color-error-500); } .border-gray-50 { border-color: var(--color-gray-50); } .border-gray-100 { border-color: var(--color-gray-100); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-200\/50 { border-color: color-mix(in srgb, #e4e7ec 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-200) 50%, transparent); } } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-700 { border-color: var(--color-gray-700); } .border-green-100 { border-color: var(--color-green-100); } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-500 { border-color: var(--color-green-500); } .border-indigo-100 { border-color: var(--color-indigo-100); } .border-indigo-200 { border-color: var(--color-indigo-200); } .border-indigo-600 { border-color: var(--color-indigo-600); } .border-orange-100 { border-color: var(--color-orange-100); } .border-orange-200 { border-color: var(--color-orange-200); } .border-orange-300 { border-color: var(--color-orange-300); } .border-orange-500 { border-color: var(--color-orange-500); } .border-purple-100 { border-color: var(--color-purple-100); } .border-purple-200 { border-color: var(--color-purple-200); } .border-purple-500 { border-color: var(--color-purple-500); } .border-purple-600 { border-color: var(--color-purple-600); } .border-red-100 { border-color: var(--color-red-100); } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-400 { border-color: var(--color-red-400); } .border-red-500 { border-color: var(--color-red-500); } .border-rose-100 { border-color: var(--color-rose-100); } .border-rose-200 { border-color: var(--color-rose-200); } .border-rose-200\/50 { border-color: color-mix(in srgb, oklch(89.2% 0.058 10.001) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-200) 50%, transparent); } } .border-rose-300 { border-color: var(--color-rose-300); } .border-rose-400 { border-color: var(--color-rose-400); } .border-rose-500 { border-color: var(--color-rose-500); } .border-sky-100 { border-color: var(--color-sky-100); } .border-sky-200 { border-color: var(--color-sky-200); } .border-slate-100 { border-color: var(--color-slate-100); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-700 { border-color: var(--color-slate-700); } .border-slate-800 { border-color: var(--color-slate-800); } .border-success-200 { border-color: var(--color-success-200); } .border-success-500 { border-color: var(--color-success-500); } .border-teal-200 { border-color: var(--color-teal-200); } .border-teal-400 { border-color: var(--color-teal-400); } .border-transparent { border-color: transparent; } .border-violet-100 { border-color: var(--color-violet-100); } .border-violet-200 { border-color: var(--color-violet-200); } .border-violet-300 { border-color: var(--color-violet-300); } .border-warning-200 { border-color: var(--color-warning-200); } .border-warning-300 { border-color: var(--color-warning-300); } .border-warning-500 { border-color: var(--color-warning-500); } .border-white { border-color: var(--color-white); } .border-white\/20 { border-color: color-mix(in srgb, #ffffff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/25 { border-color: color-mix(in srgb, #ffffff 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .border-white\/35 { border-color: color-mix(in srgb, #ffffff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 35%, transparent); } } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-l-amber-300 { border-left-color: var(--color-amber-300); } .border-l-cyan-300 { border-left-color: var(--color-cyan-300); } .border-l-emerald-300 { border-left-color: var(--color-emerald-300); } .border-l-orange-300 { border-left-color: var(--color-orange-300); } .border-l-rose-300 { border-left-color: var(--color-rose-300); } .border-l-sky-300 { border-left-color: var(--color-sky-300); } .border-l-violet-300 { border-left-color: var(--color-violet-300); } .menu-dropdown-item-active { background-color: #f3e7df; color: #a84f28; --tw-shadow: inset 3px 0 0 0 var(--tw-shadow-color, #b4653f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:is(.dark *) { background-color: color-mix(in srgb, #465fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 12%, transparent); } } &:is(.dark *) { color: var(--color-brand-400); } &:is(.dark *) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .menu-item-active { background-color: #f3e7df; color: #a84f28; --tw-shadow: inset 3px 0 0 0 var(--tw-shadow-color, #b4653f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:is(.dark *) { background-color: color-mix(in srgb, #465fff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 12%, transparent); } } &:is(.dark *) { color: var(--color-brand-400); } &:is(.dark *) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .erp-dropdown-link { color: var(--color-slate-700); &:hover { @media (hover: hover) { background-color: var(--color-stone-100); } } &:hover { @media (hover: hover) { color: #7C5C3B; } } &:is(.dark *) { color: var(--color-gray-400); } &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .menu-item-inactive { color: #514b41; &:hover { @media (hover: hover) { background-color: #efeae2; } } &:hover { @media (hover: hover) { color: #3f3a32; } } &:is(.dark *) { color: var(--color-gray-300); } &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .menu-dropdown-item-inactive { color: #6b6355; &:hover { @media (hover: hover) { background-color: #efeae2; } } &:hover { @media (hover: hover) { color: #3f3a32; } } &:is(.dark *) { color: var(--color-gray-300); } &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } } .erp-app-surface { background-color: #F7F6F4; &:is(.dark *) { background-color: var(--color-gray-900); } } .bg-\[\#F7F6F4\]\/80 { background-color: color-mix(in oklab, #F7F6F4 80%, transparent); } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/30 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 30%, transparent); } } .bg-amber-50\/35 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 35%, transparent); } } .bg-amber-50\/40 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent); } } .bg-amber-50\/45 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 45%, transparent); } } .bg-amber-50\/50 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 50%, transparent); } } .bg-amber-50\/60 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } } .bg-amber-50\/80 { background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-300\/80 { background-color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/8 { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent); } } .bg-amber-600 { background-color: var(--color-amber-600); } .bg-black\/0 { background-color: color-mix(in srgb, #101828 0%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } .bg-black\/20 { background-color: color-mix(in srgb, #101828 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #101828 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: color-mix(in srgb, #101828 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/60 { background-color: color-mix(in srgb, #101828 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: color-mix(in srgb, #101828 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-blue-50 { background-color: var(--color-blue-50); } .bg-blue-50\/30 { background-color: color-mix(in srgb, #eff6ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } } .bg-blue-50\/40 { background-color: color-mix(in srgb, #eff6ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent); } } .bg-blue-50\/50 { background-color: color-mix(in srgb, #eff6ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 50%, transparent); } } .bg-blue-50\/60 { background-color: color-mix(in srgb, #eff6ff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent); } } .bg-blue-50\/70 { background-color: color-mix(in srgb, #eff6ff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-100\/50 { background-color: color-mix(in srgb, #dbeafe 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-100) 50%, transparent); } } .bg-blue-200 { background-color: var(--color-blue-200); } .bg-blue-300 { background-color: var(--color-blue-300); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/5 { background-color: color-mix(in srgb, #3b82f6 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/8 { background-color: color-mix(in srgb, #3b82f6 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 8%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-700 { background-color: var(--color-blue-700); } .bg-blue-light-50 { background-color: var(--color-blue-light-50); } .bg-brand-50 { background-color: var(--color-brand-50); } .bg-brand-50\/30 { background-color: color-mix(in srgb, #ecf3ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 30%, transparent); } } .bg-brand-50\/40 { background-color: color-mix(in srgb, #ecf3ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 40%, transparent); } } .bg-brand-50\/60 { background-color: color-mix(in srgb, #ecf3ff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 60%, transparent); } } .bg-brand-50\/80 { background-color: color-mix(in srgb, #ecf3ff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 80%, transparent); } } .bg-brand-100 { background-color: var(--color-brand-100); } .bg-brand-500 { background-color: var(--color-brand-500); } .bg-brand-600 { background-color: var(--color-brand-600); } .bg-current { background-color: currentcolor; } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-cyan-50\/80 { background-color: color-mix(in srgb, oklch(98.4% 0.019 200.873) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-50) 80%, transparent); } } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-300\/80 { background-color: color-mix(in srgb, oklch(86.5% 0.127 207.078) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-300) 80%, transparent); } } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/35 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 35%, transparent); } } .bg-emerald-50\/40 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 40%, transparent); } } .bg-emerald-50\/50 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 50%, transparent); } } .bg-emerald-50\/70 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent); } } .bg-emerald-50\/80 { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-300\/80 { background-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent); } } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/5 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-500\/8 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent); } } .bg-emerald-500\/10 { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-error-50 { background-color: var(--color-error-50); } .bg-error-100 { background-color: var(--color-error-100); } .bg-error-400 { background-color: var(--color-error-400); } .bg-error-500 { background-color: var(--color-error-500); } .bg-error-600 { background-color: var(--color-error-600); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-50\/20 { background-color: color-mix(in srgb, #f9fafb 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 20%, transparent); } } .bg-gray-50\/30 { background-color: color-mix(in srgb, #f9fafb 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 30%, transparent); } } .bg-gray-50\/40 { background-color: color-mix(in srgb, #f9fafb 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent); } } .bg-gray-50\/50 { background-color: color-mix(in srgb, #f9fafb 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } .bg-gray-50\/60 { background-color: color-mix(in srgb, #f9fafb 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent); } } .bg-gray-50\/70 { background-color: color-mix(in srgb, #f9fafb 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent); } } .bg-gray-50\/80 { background-color: color-mix(in srgb, #f9fafb 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-400\/50 { background-color: color-mix(in srgb, #98a2b3 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent); } } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-600 { background-color: var(--color-gray-600); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-gray-900\/50 { background-color: color-mix(in srgb, #101828 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } .bg-gray-900\/60 { background-color: color-mix(in srgb, #101828 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/5 { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-50 { background-color: var(--color-indigo-50); } .bg-indigo-50\/40 { background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-50) 40%, transparent); } } .bg-indigo-50\/50 { background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-50) 50%, transparent); } } .bg-indigo-50\/60 { background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-50) 60%, transparent); } } .bg-indigo-100 { background-color: var(--color-indigo-100); } .bg-indigo-200 { background-color: var(--color-indigo-200); } .bg-indigo-400 { background-color: var(--color-indigo-400); } .bg-indigo-500 { background-color: var(--color-indigo-500); } .bg-indigo-500\/5 { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-lime-50 { background-color: var(--color-lime-50); } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-50\/45 { background-color: color-mix(in srgb, #fff6ed 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 45%, transparent); } } .bg-orange-50\/50 { background-color: color-mix(in srgb, #fff6ed 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 50%, transparent); } } .bg-orange-50\/80 { background-color: color-mix(in srgb, #fff6ed 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 80%, transparent); } } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-300\/80 { background-color: color-mix(in srgb, #feb273 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-300) 80%, transparent); } } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/5 { background-color: color-mix(in srgb, #fb6514 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } .bg-pink-50 { background-color: var(--color-pink-50); } .bg-purple-50 { background-color: var(--color-purple-50); } .bg-purple-50\/50 { background-color: color-mix(in srgb, oklch(97.7% 0.014 308.299) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-50) 50%, transparent); } } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/30 { background-color: color-mix(in srgb, oklch(97.1% 0.013 17.38) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-50) 30%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-rose-50 { background-color: var(--color-rose-50); } .bg-rose-50\/35 { background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-50) 35%, transparent); } } .bg-rose-50\/40 { background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-50) 40%, transparent); } } .bg-rose-50\/45 { background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-50) 45%, transparent); } } .bg-rose-50\/50 { background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent); } } .bg-rose-100 { background-color: var(--color-rose-100); } .bg-rose-400 { background-color: var(--color-rose-400); } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/8 { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 8%, transparent); } } .bg-rose-600 { background-color: var(--color-rose-600); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-50\/80 { background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-50) 80%, transparent); } } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-sky-300\/80 { background-color: color-mix(in srgb, oklch(82.8% 0.111 230.318) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-300) 80%, transparent); } } .bg-sky-400 { background-color: var(--color-sky-400); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-50\/40 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 40%, transparent); } } .bg-slate-50\/50 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent); } } .bg-slate-50\/70 { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent); } } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-slate-100\/75 { background-color: color-mix(in srgb, oklch(96.8% 0.007 247.896) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-100) 75%, transparent); } } .bg-slate-300 { background-color: var(--color-slate-300); } .bg-slate-400 { background-color: var(--color-slate-400); } .bg-slate-500 { background-color: var(--color-slate-500); } .bg-slate-500\/20 { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .bg-slate-700 { background-color: var(--color-slate-700); } .bg-slate-800 { background-color: var(--color-slate-800); } .bg-slate-900 { background-color: var(--color-slate-900); } .bg-slate-950 { background-color: var(--color-slate-950); } .bg-success-50 { background-color: var(--color-success-50); } .bg-success-100 { background-color: var(--color-success-100); } .bg-success-400 { background-color: var(--color-success-400); } .bg-success-500 { background-color: var(--color-success-500); } .bg-success-600 { background-color: var(--color-success-600); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-teal-100 { background-color: var(--color-teal-100); } .bg-teal-500 { background-color: var(--color-teal-500); } .bg-teal-600 { background-color: var(--color-teal-600); } .bg-transparent { background-color: transparent; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-50\/80 { background-color: color-mix(in srgb, oklch(96.9% 0.016 293.756) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-50) 80%, transparent); } } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-violet-300\/80 { background-color: color-mix(in srgb, oklch(81.1% 0.111 293.571) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-300) 80%, transparent); } } .bg-violet-600 { background-color: var(--color-violet-600); } .bg-warning-50 { background-color: var(--color-warning-50); } .bg-warning-100 { background-color: var(--color-warning-100); } .bg-warning-500 { background-color: var(--color-warning-500); } .bg-white { background-color: var(--color-white); } .bg-white\/12 { background-color: color-mix(in srgb, #ffffff 12%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #ffffff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/30 { background-color: color-mix(in srgb, #ffffff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/60 { background-color: color-mix(in srgb, #ffffff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .bg-white\/70 { background-color: color-mix(in srgb, #ffffff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .bg-white\/80 { background-color: color-mix(in srgb, #ffffff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/90 { background-color: color-mix(in srgb, #ffffff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-white\/95 { background-color: color-mix(in srgb, #ffffff 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-50\/50 { background-color: color-mix(in srgb, oklch(98.7% 0.026 102.212) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-50) 50%, transparent); } } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-tr { --tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-amber-50 { --tw-gradient-from: var(--color-amber-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-100 { --tw-gradient-from: var(--color-blue-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)); } .from-blue-500 { --tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-600 { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-950\/95 { --tw-gradient-from: color-mix(in srgb, #172554 95%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-950) 95%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-50\/50 { --tw-gradient-from: color-mix(in srgb, #ecf3ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-brand-50) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-500 { --tw-gradient-from: var(--color-brand-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-950 { --tw-gradient-from: var(--color-brand-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-50 { --tw-gradient-from: var(--color-emerald-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500 { --tw-gradient-from: var(--color-emerald-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-gray-50 { --tw-gradient-from: var(--color-gray-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-50 { --tw-gradient-from: var(--color-green-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-green-100 { --tw-gradient-from: var(--color-green-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)); } .from-indigo-50 { --tw-gradient-from: var(--color-indigo-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-indigo-400 { --tw-gradient-from: var(--color-indigo-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-teal-50 { --tw-gradient-from: var(--color-teal-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-violet-50 { --tw-gradient-from: var(--color-violet-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-violet-500 { --tw-gradient-from: var(--color-violet-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-white { --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-blue-50 { --tw-gradient-via: var(--color-blue-50); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-blue-900\/90 { --tw-gradient-via: color-mix(in srgb, #1e3a8a 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-blue-900) 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-brand-900\/90 { --tw-gradient-via: color-mix(in srgb, #262e89 90%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-via: color-mix(in oklab, var(--color-brand-900) 90%, transparent); } --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-blue-800\/75 { --tw-gradient-to: color-mix(in srgb, #1e40af 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-blue-800) 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-brand-600 { --tw-gradient-to: var(--color-brand-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-brand-800\/75 { --tw-gradient-to: color-mix(in srgb, #252dae 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-brand-800) 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-cyan-50 { --tw-gradient-to: var(--color-cyan-50); --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-emerald-50 { --tw-gradient-to: var(--color-emerald-50); --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-emerald-100 { --tw-gradient-to: var(--color-emerald-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-emerald-600 { --tw-gradient-to: var(--color-emerald-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-gray-100 { --tw-gradient-to: 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-indigo-50 { --tw-gradient-to: var(--color-indigo-50); --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-indigo-50\/30 { --tw-gradient-to: color-mix(in srgb, oklch(96.2% 0.018 272.314) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-50) 30%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-indigo-100 { --tw-gradient-to: var(--color-indigo-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-indigo-600 { --tw-gradient-to: var(--color-indigo-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-50 { --tw-gradient-to: var(--color-orange-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-600 { --tw-gradient-to: var(--color-orange-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-50 { --tw-gradient-to: var(--color-purple-50); --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-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-600 { --tw-gradient-to: var(--color-teal-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-teal-800\/75 { --tw-gradient-to: color-mix(in srgb, oklch(43.7% 0.078 188.216) 75%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-teal-800) 75%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-violet-700 { --tw-gradient-to: var(--color-violet-700); --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-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .menu-item-icon-inactive { fill: #a89f90; &:is(:where(.group):hover *) { @media (hover: hover) { fill: #514b41; } } &:is(.dark *) { fill: var(--color-gray-400); } &:is(.dark *) { &:is(:where(.group):hover *) { @media (hover: hover) { fill: var(--color-gray-300); } } } } .menu-item-icon-active { fill: #b4653f; &:is(.dark *) { fill: var(--color-brand-400); } } .fill-current { fill: currentcolor; } .fill-gray-500 { fill: var(--color-gray-500); } .fill-gray-700 { fill: var(--color-gray-700); } .fill-slate-500 { fill: var(--color-slate-500); } .menu-item-arrow-inactive { stroke: #a89f90; &:is(:where(.group):hover *) { @media (hover: hover) { stroke: #514b41; } } &:is(.dark *) { stroke: var(--color-gray-400); } &:is(.dark *) { &:is(:where(.group):hover *) { @media (hover: hover) { stroke: var(--color-gray-300); } } } } .stroke-current { stroke: currentcolor; } .stroke-gray-500 { stroke: var(--color-gray-500); } .stroke-slate-500 { stroke: var(--color-slate-500); } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .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-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .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-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .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-10 { padding-inline: calc(var(--spacing) * 10); } .px-\[\.4rem\] { padding-inline: .4rem; } .px-\[\.6rem\] { padding-inline: .6rem; } .px-\[\.9rem\] { padding-inline: .9rem; } .px-\[\.45rem\] { padding-inline: .45rem; } .px-\[7px\] { padding-inline: 7px; } .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-7 { padding-block: calc(var(--spacing) * 7); } .py-8 { padding-block: calc(var(--spacing) * 8); } .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-\[\.4rem\] { padding-block: .4rem; } .py-\[\.15rem\] { padding-block: .15rem; } .py-\[\.45rem\] { padding-block: .45rem; } .py-\[4\.5px\] { padding-block: 4.5px; } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-11 { padding-right: calc(var(--spacing) * 11); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[\.4rem\] { padding-bottom: .4rem; } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-3\.5 { padding-left: calc(var(--spacing) * 3.5); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-top { vertical-align: top; } .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-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-theme-sm { font-size: var(--text-theme-sm); line-height: var(--tw-leading, var(--text-theme-sm--line-height)); } .text-theme-xs { font-size: var(--text-theme-xs); line-height: var(--tw-leading, var(--text-theme-xs--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-\[\.8rem\] { font-size: .8rem; } .text-\[\.65rem\] { font-size: .65rem; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[15px\] { font-size: 15px; } .text-\[17px\] { font-size: 17px; } .text-\[25px\] { font-size: 25px; } .text-\[30px\] { font-size: 30px; } .text-\[32px\] { font-size: 32px; } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-\[20px\] { --tw-leading: 20px; line-height: 20px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .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-\[0\.2px\] { --tw-tracking: calc(0.2px * -1); letter-spacing: calc(0.2px * -1); } .tracking-\[-0\.04em\] { --tw-tracking: -0.04em; letter-spacing: -0.04em; } .tracking-\[\.1em\] { --tw-tracking: .1em; letter-spacing: .1em; } .tracking-\[\.05em\] { --tw-tracking: .05em; letter-spacing: .05em; } .tracking-\[\.06em\] { --tw-tracking: .06em; letter-spacing: .06em; } .tracking-\[0\.2em\] { --tw-tracking: 0.2em; letter-spacing: 0.2em; } .tracking-\[0\.5em\] { --tw-tracking: 0.5em; letter-spacing: 0.5em; } .tracking-\[0\.14em\] { --tw-tracking: 0.14em; letter-spacing: 0.14em; } .tracking-\[0\.16em\] { --tw-tracking: 0.16em; letter-spacing: 0.16em; } .tracking-\[0\.18em\] { --tw-tracking: 0.18em; letter-spacing: 0.18em; } .tracking-\[0\.32em\] { --tw-tracking: 0.32em; letter-spacing: 0.32em; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#a84f28\] { color: #a84f28; } .text-amber-300 { color: var(--color-amber-300); } .text-amber-400 { color: var(--color-amber-400); } .text-amber-500 { color: var(--color-amber-500); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-700\/90 { color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-700) 90%, transparent); } } .text-amber-800 { color: var(--color-amber-800); } .text-amber-900 { color: var(--color-amber-900); } .text-black { color: var(--color-black); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-700\/80 { color: color-mix(in srgb, #1d4ed8 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-700) 80%, transparent); } } .text-blue-800 { color: var(--color-blue-800); } .text-blue-800\/80 { color: color-mix(in srgb, #1e40af 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-800) 80%, transparent); } } .text-blue-900 { color: var(--color-blue-900); } .text-blue-light-500 { color: var(--color-blue-light-500); } .text-brand-300 { color: var(--color-brand-300); } .text-brand-400 { color: var(--color-brand-400); } .text-brand-500 { color: var(--color-brand-500); } .text-brand-600 { color: var(--color-brand-600); } .text-brand-700 { color: var(--color-brand-700); } .text-brand-700\/80 { color: color-mix(in srgb, #2a31d8 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-700) 80%, transparent); } } .text-brand-800 { color: var(--color-brand-800); } .text-brand-800\/80 { color: color-mix(in srgb, #252dae 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-brand-800) 80%, transparent); } } .text-brand-900 { color: var(--color-brand-900); } .text-cyan-600 { color: var(--color-cyan-600); } .text-cyan-700 { color: var(--color-cyan-700); } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-700\/80 { color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-700) 80%, transparent); } } .text-emerald-800 { color: var(--color-emerald-800); } .text-error-400 { color: var(--color-error-400); } .text-error-500 { color: var(--color-error-500); } .text-error-600 { color: var(--color-error-600); } .text-error-700 { color: var(--color-error-700); } .text-gray-100 { color: var(--color-gray-100); } .text-gray-200 { color: var(--color-gray-200); } .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-400 { color: var(--color-green-400); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-400 { color: var(--color-indigo-400); } .text-indigo-500 { color: var(--color-indigo-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-indigo-700 { color: var(--color-indigo-700); } .text-indigo-800 { color: var(--color-indigo-800); } .text-lime-600 { color: var(--color-lime-600); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-orange-900 { color: var(--color-orange-900); } .text-pink-700 { color: var(--color-pink-700); } .text-purple-400 { color: var(--color-purple-400); } .text-purple-600 { color: var(--color-purple-600); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-rose-400 { color: var(--color-rose-400); } .text-rose-500 { color: var(--color-rose-500); } .text-rose-600 { color: var(--color-rose-600); } .text-rose-700 { color: var(--color-rose-700); } .text-rose-800 { color: var(--color-rose-800); } .text-sky-600 { color: var(--color-sky-600); } .text-sky-700 { color: var(--color-sky-700); } .text-slate-50 { color: var(--color-slate-50); } .text-slate-200 { color: var(--color-slate-200); } .text-slate-300 { color: var(--color-slate-300); } .text-slate-400 { color: var(--color-slate-400); } .text-slate-500 { color: var(--color-slate-500); } .text-slate-600 { color: var(--color-slate-600); } .text-slate-700 { color: var(--color-slate-700); } .text-slate-800 { color: var(--color-slate-800); } .text-slate-900 { color: var(--color-slate-900); } .text-slate-950 { color: var(--color-slate-950); } .text-success-500 { color: var(--color-success-500); } .text-success-600 { color: var(--color-success-600); } .text-success-700 { color: var(--color-success-700); } .text-success-800 { color: var(--color-success-800); } .text-teal-500 { color: var(--color-teal-500); } .text-teal-600 { color: var(--color-teal-600); } .text-teal-700 { color: var(--color-teal-700); } .text-teal-800 { color: var(--color-teal-800); } .text-violet-500 { color: var(--color-violet-500); } .text-violet-600 { color: var(--color-violet-600); } .text-violet-700 { color: var(--color-violet-700); } .text-violet-800 { color: var(--color-violet-800); } .text-warning-500 { color: var(--color-warning-500); } .text-warning-600 { color: var(--color-warning-600); } .text-warning-700 { color: var(--color-warning-700); } .text-warning-700\/80 { color: color-mix(in srgb, #b54708 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-warning-700) 80%, transparent); } } .text-warning-800 { color: var(--color-warning-800); } .text-white { color: var(--color-white); } .text-white\/40 { color: color-mix(in srgb, #ffffff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/65 { color: color-mix(in srgb, #ffffff 65%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 65%, transparent); } } .text-white\/80 { color: color-mix(in srgb, #ffffff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/85 { color: color-mix(in srgb, #ffffff 85%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-yellow-900 { color: var(--color-yellow-900); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,); } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-2 { text-underline-offset: 2px; } .placeholder-gray-300 { &::-moz-placeholder { color: var(--color-gray-300); } &::placeholder { color: var(--color-gray-300); } } .placeholder-gray-400 { &::-moz-placeholder { color: var(--color-gray-400); } &::placeholder { color: var(--color-gray-400); } } .accent-brand-600 { accent-color: var(--color-brand-600); } .opacity-0 { opacity: 0%; } .opacity-25 { opacity: 25%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_2px_0_rgba\(0\,0\,0\,\.05\)\] { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(0,0,0,.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_3px_rgba\(0\,0\,0\,\.15\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_20px_45px_-24px_rgba\(52\,48\,45\,0\.45\)\] { --tw-shadow: 0 20px 45px -24px var(--tw-shadow-color, rgba(52,48,45,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-theme-lg { --tw-shadow: 0px 12px 16px -4px var(--tw-shadow-color, rgba(16, 24, 40, 0.08)), 0px 4px 6px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.03)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-theme-md { --tw-shadow: 0px 4px 8px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 2px 4px -2px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-theme-sm { --tw-shadow: 0px 1px 3px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.1)), 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-theme-xs { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --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-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); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-amber-500\/10 { --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-amber-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-amber-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/10 { --tw-shadow-color: color-mix(in srgb, #3b82f6 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/15 { --tw-shadow-color: color-mix(in srgb, #3b82f6 15%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 15%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/20 { --tw-shadow-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/25 { --tw-shadow-color: color-mix(in srgb, #3b82f6 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 25%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/30 { --tw-shadow-color: color-mix(in srgb, #3b82f6 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-500\/40 { --tw-shadow-color: color-mix(in srgb, #3b82f6 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-blue-600\/30 { --tw-shadow-color: color-mix(in srgb, #2563eb 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-brand-500\/10 { --tw-shadow-color: color-mix(in srgb, #465fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-brand-500\/20 { --tw-shadow-color: color-mix(in srgb, #465fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-brand-500\/30 { --tw-shadow-color: color-mix(in srgb, #465fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-brand-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/10 { --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-emerald-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-gray-900\/10 { --tw-shadow-color: color-mix(in srgb, #101828 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-gray-900) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-green-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-200 { --tw-shadow-color: oklch(87% 0.065 274.039); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-500\/30 { --tw-shadow-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-indigo-600\/30 { --tw-shadow-color: color-mix(in srgb, oklch(51.1% 0.262 276.966) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 30%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-rose-500\/20 { --tw-shadow-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-slate-900\/5 { --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 5%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-amber-200 { --tw-ring-color: var(--color-amber-200); } .ring-amber-600\/30 { --tw-ring-color: color-mix(in srgb, oklch(66.6% 0.179 58.318) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-600) 30%, transparent); } } .ring-blue-200 { --tw-ring-color: var(--color-blue-200); } .ring-blue-500\/20 { --tw-ring-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .ring-blue-600\/20 { --tw-ring-color: color-mix(in srgb, #2563eb 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } .ring-blue-700\/10 { --tw-ring-color: color-mix(in srgb, #1d4ed8 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-700) 10%, transparent); } } .ring-brand-500 { --tw-ring-color: var(--color-brand-500); } .ring-emerald-200 { --tw-ring-color: var(--color-emerald-200); } .ring-gray-200 { --tw-ring-color: var(--color-gray-200); } .ring-purple-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-600) 20%, transparent); } } .ring-purple-600\/30 { --tw-ring-color: color-mix(in srgb, oklch(55.8% 0.288 302.321) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-600) 30%, transparent); } } .ring-red-500 { --tw-ring-color: var(--color-red-500); } .ring-rose-200 { --tw-ring-color: var(--color-rose-200); } .ring-rose-400 { --tw-ring-color: var(--color-rose-400); } .ring-slate-100 { --tw-ring-color: var(--color-slate-100); } .ring-teal-600\/20 { --tw-ring-color: color-mix(in srgb, oklch(60% 0.118 184.704) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-teal-600) 20%, transparent); } } .ring-teal-600\/30 { --tw-ring-color: color-mix(in srgb, oklch(60% 0.118 184.704) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-teal-600) 30%, transparent); } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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,); } .drop-shadow-sm { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-sm)); 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 { --tw-backdrop-blur: blur(8px); 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)); 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-sm { --tw-backdrop-blur: blur(var(--blur-sm)); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .backdrop-filter { 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, backdrop-filter, display, 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-\[border-color\,box-shadow\] { transition-property: border-color,box-shadow; 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-opacity { transition-property: opacity; 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-75 { --tw-duration: 75ms; transition-duration: 75ms; } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-250 { --tw-duration: 250ms; transition-duration: 250ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .ring-inset { --tw-ring-inset: inset; } .group-hover\:-translate-x-0\.5 { &:is(:where(.group):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .group-hover\:bg-black\/20 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #101828 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } } } .group-hover\:bg-black\/30 { &:is(:where(.group):hover *) { @media (hover: hover) { background-color: color-mix(in srgb, #101828 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } } } .group-hover\:fill-\[\#0F766E\] { &:is(:where(.group):hover *) { @media (hover: hover) { fill: #0F766E; } } } .group-hover\:fill-gray-700 { &:is(:where(.group):hover *) { @media (hover: hover) { fill: var(--color-gray-700); } } } .group-hover\:text-blue-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-600); } } } .group-hover\:text-brand-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-brand-500); } } } .group-hover\:text-emerald-500 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-emerald-500); } } } .group-hover\:text-gray-700 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-700); } } } .group-hover\:text-indigo-600 { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-indigo-600); } } } .group-hover\:underline { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-data-\[on\=true\]\:left-\[19px\] { &:is(:where(.group)[data-on="true"] *) { left: 19px; } } .peer-checked\:border-brand-400 { &:is(:where(.peer):checked ~ *) { border-color: var(--color-brand-400); } } .peer-checked\:bg-blue-600 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-blue-600); } } .peer-checked\:bg-brand-50 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-brand-50); } } .peer-checked\:bg-brand-500 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-brand-500); } } .peer-checked\:bg-success-500 { &:is(:where(.peer):checked ~ *) { background-color: var(--color-success-500); } } .peer-checked\:text-brand-700 { &:is(:where(.peer):checked ~ *) { color: var(--color-brand-700); } } .peer-focus\:ring-3 { &:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .peer-focus\:ring-4 { &:is(:where(.peer):focus ~ *) { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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); } } .peer-focus\:ring-blue-300 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-300); } } .peer-focus\:ring-success-500\/10 { &:is(:where(.peer):focus ~ *) { --tw-ring-color: color-mix(in srgb, #12b76a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-success-500) 10%, transparent); } } } .peer-focus\:outline-hidden { &:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .peer-focus\:outline-none { &:is(:where(.peer):focus ~ *) { --tw-outline-style: none; outline-style: none; } } .file\:mr-2 { &::file-selector-button { margin-right: calc(var(--spacing) * 2); } } .file\:mr-3 { &::file-selector-button { margin-right: calc(var(--spacing) * 3); } } .file\:mr-4 { &::file-selector-button { margin-right: calc(var(--spacing) * 4); } } .file\:h-full { &::file-selector-button { height: 100%; } } .file\:rounded { &::file-selector-button { border-radius: 0.25rem; } } .file\:rounded-full { &::file-selector-button { border-radius: calc(infinity * 1px); } } .file\:rounded-lg { &::file-selector-button { border-radius: var(--radius-lg); } } .file\:rounded-md { &::file-selector-button { border-radius: var(--radius-md); } } .file\:rounded-xl { &::file-selector-button { border-radius: var(--radius-xl); } } .file\:border-0 { &::file-selector-button { border-style: var(--tw-border-style); border-width: 0px; } } .file\:bg-brand-50 { &::file-selector-button { background-color: var(--color-brand-50); } } .file\:bg-gray-100 { &::file-selector-button { background-color: var(--color-gray-100); } } .file\:bg-gray-200 { &::file-selector-button { background-color: var(--color-gray-200); } } .file\:px-2\.5 { &::file-selector-button { padding-inline: calc(var(--spacing) * 2.5); } } .file\:px-3 { &::file-selector-button { padding-inline: calc(var(--spacing) * 3); } } .file\:px-4 { &::file-selector-button { padding-inline: calc(var(--spacing) * 4); } } .file\:py-1 { &::file-selector-button { padding-block: calc(var(--spacing) * 1); } } .file\:py-1\.5 { &::file-selector-button { padding-block: calc(var(--spacing) * 1.5); } } .file\:py-2 { &::file-selector-button { padding-block: calc(var(--spacing) * 2); } } .file\:py-2\.5 { &::file-selector-button { padding-block: calc(var(--spacing) * 2.5); } } .file\:text-sm { &::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .file\:text-xs { &::file-selector-button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .file\:text-\[11px\] { &::file-selector-button { font-size: 11px; } } .file\:font-bold { &::file-selector-button { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } } .file\:font-medium { &::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .file\:font-semibold { &::file-selector-button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .file\:text-brand-600 { &::file-selector-button { color: var(--color-brand-600); } } .file\:text-brand-700 { &::file-selector-button { color: var(--color-brand-700); } } .file\:text-gray-700 { &::file-selector-button { color: var(--color-gray-700); } } .placeholder\:text-gray-300 { &::-moz-placeholder { color: var(--color-gray-300); } &::placeholder { color: var(--color-gray-300); } } .placeholder\:text-gray-400 { &::-moz-placeholder { color: var(--color-gray-400); } &::placeholder { color: var(--color-gray-400); } } .placeholder\:text-slate-400 { &::-moz-placeholder { color: var(--color-slate-400); } &::placeholder { color: var(--color-slate-400); } } .after\:absolute { &::after { content: var(--tw-content); position: absolute; } } .after\:top-0\.5 { &::after { content: var(--tw-content); top: calc(var(--spacing) * 0.5); } } .after\:top-\[2px\] { &::after { content: var(--tw-content); top: 2px; } } .after\:left-\[2px\] { &::after { content: var(--tw-content); left: 2px; } } .after\:h-5 { &::after { content: var(--tw-content); height: calc(var(--spacing) * 5); } } .after\:w-5 { &::after { content: var(--tw-content); width: calc(var(--spacing) * 5); } } .after\:rounded-full { &::after { content: var(--tw-content); border-radius: calc(infinity * 1px); } } .after\:border { &::after { content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px; } } .after\:border-gray-300 { &::after { content: var(--tw-content); border-color: var(--color-gray-300); } } .after\:bg-white { &::after { content: var(--tw-content); background-color: var(--color-white); } } .after\:shadow-theme-xs { &::after { content: var(--tw-content); --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(16, 24, 40, 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .after\:transition-all { &::after { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } } .after\:content-\[\'\'\] { &::after { --tw-content: ''; content: var(--tw-content); } } .peer-checked\:after\:translate-x-full { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .peer-checked\:after\:border-white { &:is(:where(.peer):checked ~ *) { &::after { content: var(--tw-content); border-color: var(--color-white); } } } .first\:rounded-t-xl { &:first-child { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } } .last\:rounded-b-xl { &:last-child { border-bottom-right-radius: var(--radius-xl); border-bottom-left-radius: var(--radius-xl); } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .even\:bg-gray-50\/40 { &:nth-child(even) { background-color: color-mix(in srgb, #f9fafb 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent); } } } .focus-within\:border-blue-500 { &:focus-within { border-color: var(--color-blue-500); } } .focus-within\:border-brand-500 { &:focus-within { border-color: var(--color-brand-500); } } .focus-within\:border-red-400 { &:focus-within { border-color: var(--color-red-400); } } .focus-within\:ring-2 { &:focus-within { --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-within\:ring-blue-500\/20 { &:focus-within { --tw-ring-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .focus-within\:ring-brand-500\/20 { &:focus-within { --tw-ring-color: color-mix(in srgb, #465fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } } .focus-within\:ring-red-400\/20 { &:focus-within { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent); } } } .hover\:translate-x-0\.5 { &:hover { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:-translate-y-px { &:hover { @media (hover: hover) { --tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-110 { &:hover { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:scale-\[1\.02\] { &:hover { @media (hover: hover) { scale: 1.02; } } } .hover\:border-amber-200 { &:hover { @media (hover: hover) { border-color: var(--color-amber-200); } } } .hover\:border-blue-200 { &:hover { @media (hover: hover) { border-color: var(--color-blue-200); } } } .hover\:border-blue-400 { &:hover { @media (hover: hover) { border-color: var(--color-blue-400); } } } .hover\:border-brand-300 { &:hover { @media (hover: hover) { border-color: var(--color-brand-300); } } } .hover\:border-brand-500 { &:hover { @media (hover: hover) { border-color: var(--color-brand-500); } } } .hover\:border-cyan-200 { &:hover { @media (hover: hover) { border-color: var(--color-cyan-200); } } } .hover\:border-emerald-200 { &:hover { @media (hover: hover) { border-color: var(--color-emerald-200); } } } .hover\:border-emerald-500\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } } } .hover\:border-gray-300 { &:hover { @media (hover: hover) { border-color: var(--color-gray-300); } } } .hover\:border-gray-400 { &:hover { @media (hover: hover) { border-color: var(--color-gray-400); } } } .hover\:border-orange-200 { &:hover { @media (hover: hover) { border-color: var(--color-orange-200); } } } .hover\:border-purple-200 { &:hover { @media (hover: hover) { border-color: var(--color-purple-200); } } } .hover\:border-teal-500 { &:hover { @media (hover: hover) { border-color: var(--color-teal-500); } } } .hover\:bg-amber-50 { &:hover { @media (hover: hover) { background-color: var(--color-amber-50); } } } .hover\:bg-amber-100 { &:hover { @media (hover: hover) { background-color: var(--color-amber-100); } } } .hover\:bg-amber-200 { &:hover { @media (hover: hover) { background-color: var(--color-amber-200); } } } .hover\:bg-amber-600 { &:hover { @media (hover: hover) { background-color: var(--color-amber-600); } } } .hover\:bg-amber-700 { &:hover { @media (hover: hover) { background-color: var(--color-amber-700); } } } .hover\:bg-black\/5 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #101828 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } } } .hover\:bg-black\/35 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #101828 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 35%, transparent); } } } } .hover\:bg-blue-50 { &:hover { @media (hover: hover) { background-color: var(--color-blue-50); } } } .hover\:bg-blue-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #eff6ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent); } } } } .hover\:bg-blue-50\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #eff6ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-50) 40%, transparent); } } } } .hover\:bg-blue-100 { &:hover { @media (hover: hover) { background-color: var(--color-blue-100); } } } .hover\:bg-blue-500 { &:hover { @media (hover: hover) { background-color: var(--color-blue-500); } } } .hover\:bg-blue-600 { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } .hover\:bg-blue-700 { &:hover { @media (hover: hover) { background-color: var(--color-blue-700); } } } .hover\:bg-brand-50 { &:hover { @media (hover: hover) { background-color: var(--color-brand-50); } } } .hover\:bg-brand-50\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ecf3ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 40%, transparent); } } } } .hover\:bg-brand-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ecf3ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-50) 50%, transparent); } } } } .hover\:bg-brand-100 { &:hover { @media (hover: hover) { background-color: var(--color-brand-100); } } } .hover\:bg-brand-600 { &:hover { @media (hover: hover) { background-color: var(--color-brand-600); } } } .hover\:bg-brand-700 { &:hover { @media (hover: hover) { background-color: var(--color-brand-700); } } } .hover\:bg-cyan-50 { &:hover { @media (hover: hover) { background-color: var(--color-cyan-50); } } } .hover\:bg-emerald-50 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-50); } } } .hover\:bg-emerald-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-50) 30%, transparent); } } } } .hover\:bg-emerald-100 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-100); } } } .hover\:bg-emerald-200 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-200); } } } .hover\:bg-emerald-700 { &:hover { @media (hover: hover) { background-color: var(--color-emerald-700); } } } .hover\:bg-error-50 { &:hover { @media (hover: hover) { background-color: var(--color-error-50); } } } .hover\:bg-error-100 { &:hover { @media (hover: hover) { background-color: var(--color-error-100); } } } .hover\:bg-error-600 { &:hover { @media (hover: hover) { background-color: var(--color-error-600); } } } .hover\:bg-error-700 { &:hover { @media (hover: hover) { background-color: var(--color-error-700); } } } .hover\:bg-gray-50 { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } .hover\:bg-gray-50\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f9fafb 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent); } } } } .hover\:bg-gray-50\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f9fafb 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 60%, transparent); } } } } .hover\:bg-gray-50\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f9fafb 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 70%, transparent); } } } } .hover\:bg-gray-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f9fafb 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 80%, transparent); } } } } .hover\:bg-gray-100 { &:hover { @media (hover: hover) { background-color: var(--color-gray-100); } } } .hover\:bg-gray-100\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f2f4f7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 30%, transparent); } } } } .hover\:bg-gray-100\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f2f4f7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-100) 60%, transparent); } } } } .hover\:bg-gray-200 { &:hover { @media (hover: hover) { background-color: var(--color-gray-200); } } } .hover\:bg-gray-200\/70 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e4e7ec 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-200) 70%, transparent); } } } } .hover\:bg-gray-300 { &:hover { @media (hover: hover) { background-color: var(--color-gray-300); } } } .hover\:bg-gray-700 { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } .hover\:bg-gray-800 { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } .hover\:bg-green-50 { &:hover { @media (hover: hover) { background-color: var(--color-green-50); } } } .hover\:bg-green-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.2% 0.018 155.826) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-50) 30%, transparent); } } } } .hover\:bg-green-100 { &:hover { @media (hover: hover) { background-color: var(--color-green-100); } } } .hover\:bg-green-700 { &:hover { @media (hover: hover) { background-color: var(--color-green-700); } } } .hover\:bg-indigo-50 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-50); } } } .hover\:bg-indigo-50\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(96.2% 0.018 272.314) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-50) 30%, transparent); } } } } .hover\:bg-indigo-100 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-100); } } } .hover\:bg-indigo-700 { &:hover { @media (hover: hover) { background-color: var(--color-indigo-700); } } } .hover\:bg-orange-50 { &:hover { @media (hover: hover) { background-color: var(--color-orange-50); } } } .hover\:bg-orange-50\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff6ed 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-50) 40%, transparent); } } } } .hover\:bg-orange-100 { &:hover { @media (hover: hover) { background-color: var(--color-orange-100); } } } .hover\:bg-purple-50 { &:hover { @media (hover: hover) { background-color: var(--color-purple-50); } } } .hover\:bg-red-50 { &:hover { @media (hover: hover) { background-color: var(--color-red-50); } } } .hover\:bg-red-100 { &:hover { @media (hover: hover) { background-color: var(--color-red-100); } } } .hover\:bg-red-700 { &:hover { @media (hover: hover) { background-color: var(--color-red-700); } } } .hover\:bg-rose-50 { &:hover { @media (hover: hover) { background-color: var(--color-rose-50); } } } .hover\:bg-rose-100 { &:hover { @media (hover: hover) { background-color: var(--color-rose-100); } } } .hover\:bg-rose-700 { &:hover { @media (hover: hover) { background-color: var(--color-rose-700); } } } .hover\:bg-sky-50 { &:hover { @media (hover: hover) { background-color: var(--color-sky-50); } } } .hover\:bg-sky-100 { &:hover { @media (hover: hover) { background-color: var(--color-sky-100); } } } .hover\:bg-slate-50 { &:hover { @media (hover: hover) { background-color: var(--color-slate-50); } } } .hover\:bg-slate-50\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent); } } } } .hover\:bg-slate-100 { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } .hover\:bg-slate-800 { &:hover { @media (hover: hover) { background-color: var(--color-slate-800); } } } .hover\:bg-success-600 { &:hover { @media (hover: hover) { background-color: var(--color-success-600); } } } .hover\:bg-success-700 { &:hover { @media (hover: hover) { background-color: var(--color-success-700); } } } .hover\:bg-teal-50 { &:hover { @media (hover: hover) { background-color: var(--color-teal-50); } } } .hover\:bg-teal-700 { &:hover { @media (hover: hover) { background-color: var(--color-teal-700); } } } .hover\:bg-violet-100 { &:hover { @media (hover: hover) { background-color: var(--color-violet-100); } } } .hover\:bg-warning-100 { &:hover { @media (hover: hover) { background-color: var(--color-warning-100); } } } .hover\:bg-warning-600 { &:hover { @media (hover: hover) { background-color: var(--color-warning-600); } } } .hover\:bg-white { &:hover { @media (hover: hover) { background-color: var(--color-white); } } } .hover\:bg-yellow-50 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-50); } } } .hover\:bg-yellow-100 { &:hover { @media (hover: hover) { background-color: var(--color-yellow-100); } } } .hover\:from-blue-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:from-blue-700 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-blue-700); --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)); } } } .hover\:from-brand-600 { &:hover { @media (hover: hover) { --tw-gradient-from: var(--color-brand-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } .hover\:to-brand-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-brand-700); --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)); } } } .hover\:to-indigo-700 { &:hover { @media (hover: hover) { --tw-gradient-to: var(--color-indigo-700); --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)); } } } .hover\:text-amber-600 { &:hover { @media (hover: hover) { color: var(--color-amber-600); } } } .hover\:text-amber-900 { &:hover { @media (hover: hover) { color: var(--color-amber-900); } } } .hover\:text-blue-500 { &:hover { @media (hover: hover) { color: var(--color-blue-500); } } } .hover\:text-blue-600 { &:hover { @media (hover: hover) { color: var(--color-blue-600); } } } .hover\:text-blue-700 { &:hover { @media (hover: hover) { color: var(--color-blue-700); } } } .hover\:text-brand-500 { &:hover { @media (hover: hover) { color: var(--color-brand-500); } } } .hover\:text-brand-600 { &:hover { @media (hover: hover) { color: var(--color-brand-600); } } } .hover\:text-brand-700 { &:hover { @media (hover: hover) { color: var(--color-brand-700); } } } .hover\:text-cyan-600 { &:hover { @media (hover: hover) { color: var(--color-cyan-600); } } } .hover\:text-emerald-600 { &:hover { @media (hover: hover) { color: var(--color-emerald-600); } } } .hover\:text-emerald-700 { &:hover { @media (hover: hover) { color: var(--color-emerald-700); } } } .hover\:text-error-600 { &:hover { @media (hover: hover) { color: var(--color-error-600); } } } .hover\:text-gray-600 { &:hover { @media (hover: hover) { color: var(--color-gray-600); } } } .hover\:text-gray-700 { &:hover { @media (hover: hover) { color: var(--color-gray-700); } } } .hover\:text-gray-800 { &:hover { @media (hover: hover) { color: var(--color-gray-800); } } } .hover\:text-gray-900 { &:hover { @media (hover: hover) { color: var(--color-gray-900); } } } .hover\:text-green-600 { &:hover { @media (hover: hover) { color: var(--color-green-600); } } } .hover\:text-green-800 { &:hover { @media (hover: hover) { color: var(--color-green-800); } } } .hover\:text-indigo-600 { &:hover { @media (hover: hover) { color: var(--color-indigo-600); } } } .hover\:text-indigo-700 { &:hover { @media (hover: hover) { color: var(--color-indigo-700); } } } .hover\:text-indigo-800 { &:hover { @media (hover: hover) { color: var(--color-indigo-800); } } } .hover\:text-orange-600 { &:hover { @media (hover: hover) { color: var(--color-orange-600); } } } .hover\:text-orange-700 { &:hover { @media (hover: hover) { color: var(--color-orange-700); } } } .hover\:text-purple-600 { &:hover { @media (hover: hover) { color: var(--color-purple-600); } } } .hover\:text-purple-700 { &:hover { @media (hover: hover) { color: var(--color-purple-700); } } } .hover\:text-red-500 { &:hover { @media (hover: hover) { color: var(--color-red-500); } } } .hover\:text-red-600 { &:hover { @media (hover: hover) { color: var(--color-red-600); } } } .hover\:text-red-700 { &:hover { @media (hover: hover) { color: var(--color-red-700); } } } .hover\:text-rose-500 { &:hover { @media (hover: hover) { color: var(--color-rose-500); } } } .hover\:text-rose-600 { &:hover { @media (hover: hover) { color: var(--color-rose-600); } } } .hover\:text-slate-100 { &:hover { @media (hover: hover) { color: var(--color-slate-100); } } } .hover\:text-slate-200 { &:hover { @media (hover: hover) { color: var(--color-slate-200); } } } .hover\:text-slate-300 { &:hover { @media (hover: hover) { color: var(--color-slate-300); } } } .hover\:text-slate-600 { &:hover { @media (hover: hover) { color: var(--color-slate-600); } } } .hover\:text-slate-700 { &:hover { @media (hover: hover) { color: var(--color-slate-700); } } } .hover\:text-slate-800 { &:hover { @media (hover: hover) { color: var(--color-slate-800); } } } .hover\:text-yellow-700 { &:hover { @media (hover: hover) { color: var(--color-yellow-700); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:opacity-100 { &:hover { @media (hover: hover) { opacity: 100%; } } } .hover\:shadow-\[0_4px_12px_rgba\(70\,95\,255\,\.35\)\] { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 12px var(--tw-shadow-color, rgba(70,95,255,.35)); 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-md { &:hover { @media (hover: hover) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .hover\:shadow-blue-500\/50 { &:hover { @media (hover: hover) { --tw-shadow-color: color-mix(in srgb, #3b82f6 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 50%, transparent) var(--tw-shadow-alpha), transparent); } } } } .hover\:file\:bg-brand-100 { &:hover { @media (hover: hover) { &::file-selector-button { background-color: var(--color-brand-100); } } } } .hover\:file\:bg-gray-200 { &:hover { @media (hover: hover) { &::file-selector-button { background-color: var(--color-gray-200); } } } } .focus\:z-10 { &:focus { z-index: 10; } } .focus\:border-0 { &:focus { border-style: var(--tw-border-style); border-width: 0px; } } .focus\:border-amber-500 { &:focus { border-color: var(--color-amber-500); } } .focus\:border-blue-400 { &:focus { border-color: var(--color-blue-400); } } .focus\:border-blue-500 { &:focus { border-color: var(--color-blue-500); } } .focus\:border-brand-300 { &:focus { border-color: var(--color-brand-300); } } .focus\:border-brand-400 { &:focus { border-color: var(--color-brand-400); } } .focus\:border-brand-500 { &:focus { border-color: var(--color-brand-500); } } .focus\:border-emerald-500 { &:focus { border-color: var(--color-emerald-500); } } .focus\:border-indigo-400 { &:focus { border-color: var(--color-indigo-400); } } .focus\:border-indigo-500 { &:focus { border-color: var(--color-indigo-500); } } .focus\:border-red-400 { &:focus { border-color: var(--color-red-400); } } .focus\:border-red-500 { &:focus { border-color: var(--color-red-500); } } .focus\:border-rose-500 { &:focus { border-color: var(--color-rose-500); } } .focus\:border-teal-500 { &:focus { border-color: var(--color-teal-500); } } .focus\:bg-white { &:focus { background-color: var(--color-white); } } .focus\:ring-0 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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-1 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-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-3 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-4 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-amber-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } .focus\:ring-amber-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } .focus\:ring-blue-100 { &:focus { --tw-ring-color: var(--color-blue-100); } } .focus\:ring-blue-300 { &:focus { --tw-ring-color: var(--color-blue-300); } } .focus\:ring-blue-400 { &:focus { --tw-ring-color: var(--color-blue-400); } } .focus\:ring-blue-500 { &:focus { --tw-ring-color: var(--color-blue-500); } } .focus\:ring-blue-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, #3b82f6 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } .focus\:ring-blue-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .focus\:ring-blue-500\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #3b82f6 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } .focus\:ring-blue-500\/40 { &:focus { --tw-ring-color: color-mix(in srgb, #3b82f6 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } } .focus\:ring-blue-600\/10 { &:focus { --tw-ring-color: color-mix(in srgb, #2563eb 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent); } } } .focus\:ring-brand-100 { &:focus { --tw-ring-color: var(--color-brand-100); } } .focus\:ring-brand-400 { &:focus { --tw-ring-color: var(--color-brand-400); } } .focus\:ring-brand-500 { &:focus { --tw-ring-color: var(--color-brand-500); } } .focus\:ring-brand-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, #465fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent); } } } .focus\:ring-brand-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, #465fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } } .focus\:ring-brand-500\/30 { &:focus { --tw-ring-color: color-mix(in srgb, #465fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 30%, transparent); } } } .focus\:ring-brand-500\/40 { &:focus { --tw-ring-color: color-mix(in srgb, #465fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent); } } } .focus\:ring-emerald-500 { &:focus { --tw-ring-color: var(--color-emerald-500); } } .focus\:ring-emerald-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } } .focus\:ring-emerald-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } } .focus\:ring-gray-100 { &:focus { --tw-ring-color: var(--color-gray-100); } } .focus\:ring-indigo-400 { &:focus { --tw-ring-color: var(--color-indigo-400); } } .focus\:ring-indigo-500 { &:focus { --tw-ring-color: var(--color-indigo-500); } } .focus\:ring-indigo-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } } .focus\:ring-indigo-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } } .focus\:ring-orange-500 { &:focus { --tw-ring-color: var(--color-orange-500); } } .focus\:ring-purple-400 { &:focus { --tw-ring-color: var(--color-purple-400); } } .focus\:ring-red-200 { &:focus { --tw-ring-color: var(--color-red-200); } } .focus\:ring-red-400\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-red-400) 20%, transparent); } } } .focus\:ring-red-500 { &:focus { --tw-ring-color: var(--color-red-500); } } .focus\:ring-rose-500\/10 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } } .focus\:ring-rose-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } .focus\:ring-teal-500\/20 { &:focus { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } } .focus\:outline-hidden { &:focus { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:outline-hidden { &:focus-visible { --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { outline: 2px solid transparent; outline-offset: 2px; } } } .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\:scale-\[0\.98\] { &:active { scale: 0.98; } } .enabled\:hover\:bg-gray-50 { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-gray-50); } } } } .disabled\:translate-y-0 { &:disabled { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .disabled\:cursor-default { &:disabled { cursor: default; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:cursor-wait { &:disabled { cursor: wait; } } .disabled\:bg-gray-100 { &:disabled { background-color: var(--color-gray-100); } } .disabled\:bg-gray-200 { &:disabled { background-color: var(--color-gray-200); } } .disabled\:text-gray-500 { &:disabled { color: var(--color-gray-500); } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .disabled\:opacity-60 { &:disabled { opacity: 60%; } } .disabled\:opacity-70 { &:disabled { opacity: 70%; } } .disabled\:opacity-75 { &:disabled { opacity: 75%; } } .data-\[checked\=true\]\:border-brand-500 { &[data-checked="true"] { border-color: var(--color-brand-500); } } .data-\[checked\=true\]\:bg-brand-50 { &[data-checked="true"] { background-color: var(--color-brand-50); } } .data-\[on\=true\]\:bg-green-500 { &[data-on="true"] { background-color: var(--color-green-500); } } .data-\[selected\=true\]\:border-brand-500 { &[data-selected="true"] { border-color: var(--color-brand-500); } } .data-\[selected\=true\]\:bg-brand-100 { &[data-selected="true"] { background-color: var(--color-brand-100); } } .\32 xsm\:gap-3 { @media (width >= 375px) { gap: calc(var(--spacing) * 3); } } .sm\:top-6 { @media (width >= 640px) { top: calc(var(--spacing) * 6); } } .sm\:right-6 { @media (width >= 640px) { right: calc(var(--spacing) * 6); } } .sm\:col-span-1 { @media (width >= 640px) { grid-column: span 1 / span 1; } } .sm\:col-span-2 { @media (width >= 640px) { grid-column: span 2 / span 2; } } .sm\:col-span-3 { @media (width >= 640px) { grid-column: span 3 / span 3; } } .sm\:col-span-6 { @media (width >= 640px) { grid-column: span 6 / span 6; } } .sm\:mt-1 { @media (width >= 640px) { margin-top: calc(var(--spacing) * 1); } } .sm\:mt-5 { @media (width >= 640px) { margin-top: calc(var(--spacing) * 5); } } .sm\:mb-5 { @media (width >= 640px) { margin-bottom: calc(var(--spacing) * 5); } } .sm\:ml-auto { @media (width >= 640px) { margin-left: auto; } } .sm\:block { @media (width >= 640px) { display: block; } } .sm\:flex { @media (width >= 640px) { display: flex; } } .sm\:hidden { @media (width >= 640px) { display: none; } } .sm\:inline { @media (width >= 640px) { display: inline; } } .sm\:inline-block { @media (width >= 640px) { display: inline-block; } } .sm\:table-cell { @media (width >= 640px) { display: table-cell; } } .sm\:h-11 { @media (width >= 640px) { height: calc(var(--spacing) * 11); } } .sm\:h-\[calc\(100dvh-116px\)\] { @media (width >= 640px) { height: calc(100dvh - 116px); } } .sm\:h-\[calc\(100vh-170px\)\] { @media (width >= 640px) { height: calc(100vh - 170px); } } .sm\:w-11 { @media (width >= 640px) { width: calc(var(--spacing) * 11); } } .sm\:w-48 { @media (width >= 640px) { width: calc(var(--spacing) * 48); } } .sm\:w-56 { @media (width >= 640px) { width: calc(var(--spacing) * 56); } } .sm\:w-64 { @media (width >= 640px) { width: calc(var(--spacing) * 64); } } .sm\:w-72 { @media (width >= 640px) { width: calc(var(--spacing) * 72); } } .sm\:w-80 { @media (width >= 640px) { width: calc(var(--spacing) * 80); } } .sm\:w-auto { @media (width >= 640px) { width: auto; } } .sm\:max-w-\[90\%\] { @media (width >= 640px) { max-width: 90%; } } .sm\:max-w-xs { @media (width >= 640px) { max-width: var(--container-xs); } } .sm\:flex-1 { @media (width >= 640px) { flex: 1; } } .sm\:flex-shrink-0 { @media (width >= 640px) { flex-shrink: 0; } } .sm\:shrink-0 { @media (width >= 640px) { flex-shrink: 0; } } .sm\:grid-cols-2 { @media (width >= 640px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 640px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-4 { @media (width >= 640px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .sm\:grid-cols-6 { @media (width >= 640px) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sm\:grid-cols-12 { @media (width >= 640px) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .sm\:grid-cols-\[160px\,1fr\] { @media (width >= 640px) { grid-template-columns: 160px,1fr; } } .sm\:flex-col { @media (width >= 640px) { flex-direction: column; } } .sm\:flex-row { @media (width >= 640px) { flex-direction: row; } } .sm\:flex-nowrap { @media (width >= 640px) { flex-wrap: nowrap; } } .sm\:items-center { @media (width >= 640px) { align-items: center; } } .sm\:items-end { @media (width >= 640px) { align-items: flex-end; } } .sm\:items-start { @media (width >= 640px) { align-items: flex-start; } } .sm\:justify-between { @media (width >= 640px) { justify-content: space-between; } } .sm\:justify-end { @media (width >= 640px) { justify-content: flex-end; } } .sm\:gap-0 { @media (width >= 640px) { gap: calc(var(--spacing) * 0); } } .sm\:gap-2\.5 { @media (width >= 640px) { gap: calc(var(--spacing) * 2.5); } } .sm\:gap-4 { @media (width >= 640px) { gap: calc(var(--spacing) * 4); } } .sm\:gap-6 { @media (width >= 640px) { gap: calc(var(--spacing) * 6); } } .sm\:gap-8 { @media (width >= 640px) { gap: calc(var(--spacing) * 8); } } .sm\:space-y-2\.5 { @media (width >= 640px) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } } .sm\:space-y-4 { @media (width >= 640px) { :where(& > :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))); } } } .sm\:space-y-6 { @media (width >= 640px) { :where(& > :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))); } } } .sm\:divide-y-0 { @media (width >= 640px) { :where(& > :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\:self-start { @media (width >= 640px) { align-self: flex-start; } } .sm\:border-r { @media (width >= 640px) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .sm\:border-b { @media (width >= 640px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } } .sm\:border-b-0 { @media (width >= 640px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .sm\:p-4 { @media (width >= 640px) { padding: calc(var(--spacing) * 4); } } .sm\:p-5 { @media (width >= 640px) { padding: calc(var(--spacing) * 5); } } .sm\:p-6 { @media (width >= 640px) { padding: calc(var(--spacing) * 6); } } .sm\:p-7 { @media (width >= 640px) { padding: calc(var(--spacing) * 7); } } .sm\:p-8 { @media (width >= 640px) { padding: calc(var(--spacing) * 8); } } .sm\:px-4 { @media (width >= 640px) { padding-inline: calc(var(--spacing) * 4); } } .sm\:px-5 { @media (width >= 640px) { padding-inline: calc(var(--spacing) * 5); } } .sm\:px-6 { @media (width >= 640px) { padding-inline: calc(var(--spacing) * 6); } } .sm\:px-7 { @media (width >= 640px) { padding-inline: calc(var(--spacing) * 7); } } .sm\:py-4 { @media (width >= 640px) { padding-block: calc(var(--spacing) * 4); } } .sm\:pt-6 { @media (width >= 640px) { padding-top: calc(var(--spacing) * 6); } } .sm\:pr-7 { @media (width >= 640px) { padding-right: calc(var(--spacing) * 7); } } .sm\:pb-4 { @media (width >= 640px) { padding-bottom: calc(var(--spacing) * 4); } } .sm\:text-2xl { @media (width >= 640px) { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } } .sm\:text-lg { @media (width >= 640px) { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } } .sm\:text-sm { @media (width >= 640px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .sm\:text-\[28px\] { @media (width >= 640px) { font-size: 28px; } } .md\:col-span-1 { @media (width >= 768px) { grid-column: span 1 / span 1; } } .md\:col-span-2 { @media (width >= 768px) { grid-column: span 2 / span 2; } } .md\:col-span-3 { @media (width >= 768px) { grid-column: span 3 / span 3; } } .md\:col-span-10 { @media (width >= 768px) { grid-column: span 10 / span 10; } } .md\:ml-2 { @media (width >= 768px) { margin-left: calc(var(--spacing) * 2); } } .md\:block { @media (width >= 768px) { display: block; } } .md\:flex { @media (width >= 768px) { display: flex; } } .md\:hidden { @media (width >= 768px) { display: none; } } .md\:inline { @media (width >= 768px) { display: inline; } } .md\:table-cell { @media (width >= 768px) { display: table-cell; } } .md\:h-11 { @media (width >= 768px) { height: calc(var(--spacing) * 11); } } .md\:w-11 { @media (width >= 768px) { width: calc(var(--spacing) * 11); } } .md\:w-80 { @media (width >= 768px) { width: calc(var(--spacing) * 80); } } .md\:min-w-0 { @media (width >= 768px) { min-width: calc(var(--spacing) * 0); } } .md\:grid-cols-2 { @media (width >= 768px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 768px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 768px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .md\:grid-cols-12 { @media (width >= 768px) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .md\:grid-cols-\[1fr_1fr_1fr_auto\] { @media (width >= 768px) { grid-template-columns: 1fr 1fr 1fr auto; } } .md\:flex-row { @media (width >= 768px) { flex-direction: row; } } .md\:items-center { @media (width >= 768px) { align-items: center; } } .md\:justify-between { @media (width >= 768px) { justify-content: space-between; } } .md\:gap-6 { @media (width >= 768px) { gap: calc(var(--spacing) * 6); } } .md\:space-x-2 { @media (width >= 768px) { :where(& > :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))); } } } .md\:divide-x { @media (width >= 768px) { :where(& > :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))); } } } .md\:divide-y-0 { @media (width >= 768px) { :where(& > :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))); } } } .md\:border { @media (width >= 768px) { border-style: var(--tw-border-style); border-width: 1px; } } .md\:border-r { @media (width >= 768px) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .md\:border-none { @media (width >= 768px) { --tw-border-style: none; border-style: none; } } .md\:bg-transparent { @media (width >= 768px) { background-color: transparent; } } .md\:p-0 { @media (width >= 768px) { padding: calc(var(--spacing) * 0); } } .md\:p-6 { @media (width >= 768px) { padding: calc(var(--spacing) * 6); } } .md\:p-12 { @media (width >= 768px) { padding: calc(var(--spacing) * 12); } } .md\:px-6 { @media (width >= 768px) { padding-inline: calc(var(--spacing) * 6); } } .md\:text-sm { @media (width >= 768px) { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .md\:text-xs { @media (width >= 768px) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .lg\:static { @media (width >= 1024px) { position: static; } } .lg\:order-1 { @media (width >= 1024px) { order: 1; } } .lg\:order-2 { @media (width >= 1024px) { order: 2; } } .lg\:col-span-1 { @media (width >= 1024px) { grid-column: span 1 / span 1; } } .lg\:col-span-2 { @media (width >= 1024px) { grid-column: span 2 / span 2; } } .lg\:col-span-3 { @media (width >= 1024px) { grid-column: span 3 / span 3; } } .lg\:mx-0 { @media (width >= 1024px) { margin-inline: calc(var(--spacing) * 0); } } .lg\:mb-7 { @media (width >= 1024px) { margin-bottom: calc(var(--spacing) * 7); } } .lg\:block { @media (width >= 1024px) { display: block; } } .lg\:flex { @media (width >= 1024px) { display: flex; } } .lg\:grid { @media (width >= 1024px) { display: grid; } } .lg\:hidden { @media (width >= 1024px) { display: none; } } .lg\:table-cell { @media (width >= 1024px) { display: table-cell; } } .lg\:h-11 { @media (width >= 1024px) { height: calc(var(--spacing) * 11); } } .lg\:w-11 { @media (width >= 1024px) { width: calc(var(--spacing) * 11); } } .lg\:w-64 { @media (width >= 1024px) { width: calc(var(--spacing) * 64); } } .lg\:w-80 { @media (width >= 1024px) { width: calc(var(--spacing) * 80); } } .lg\:w-\[45\%\] { @media (width >= 1024px) { width: 45%; } } .lg\:max-w-sm { @media (width >= 1024px) { max-width: var(--container-sm); } } .lg\:min-w-0 { @media (width >= 1024px) { min-width: calc(var(--spacing) * 0); } } .lg\:min-w-\[240px\] { @media (width >= 1024px) { min-width: 240px; } } .lg\:min-w-\[280px\] { @media (width >= 1024px) { min-width: 280px; } } .lg\:min-w-\[320px\] { @media (width >= 1024px) { min-width: 320px; } } .lg\:shrink-0 { @media (width >= 1024px) { flex-shrink: 0; } } .lg\:translate-x-0 { @media (width >= 1024px) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } } .lg\:grid-cols-2 { @media (width >= 1024px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 1024px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 1024px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-5 { @media (width >= 1024px) { grid-template-columns: repeat(5, minmax(0, 1fr)); } } .lg\:grid-cols-6 { @media (width >= 1024px) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 1024px) { flex-direction: row; } } .lg\:items-center { @media (width >= 1024px) { align-items: center; } } .lg\:items-end { @media (width >= 1024px) { align-items: flex-end; } } .lg\:items-start { @media (width >= 1024px) { align-items: flex-start; } } .lg\:justify-between { @media (width >= 1024px) { justify-content: space-between; } } .lg\:justify-end { @media (width >= 1024px) { justify-content: flex-end; } } .lg\:justify-normal { @media (width >= 1024px) { justify-content: normal; } } .lg\:gap-4 { @media (width >= 1024px) { gap: calc(var(--spacing) * 4); } } .lg\:gap-8 { @media (width >= 1024px) { gap: calc(var(--spacing) * 8); } } .lg\:space-y-2\.5 { @media (width >= 1024px) { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } } } .lg\:divide-x { @media (width >= 1024px) { :where(& > :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))); } } } .lg\:divide-y-0 { @media (width >= 1024px) { :where(& > :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\:overflow-visible { @media (width >= 1024px) { overflow: visible; } } .lg\:border { @media (width >= 1024px) { border-style: var(--tw-border-style); border-width: 1px; } } .lg\:border-r { @media (width >= 1024px) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .lg\:border-b-0 { @media (width >= 1024px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .lg\:bg-transparent { @media (width >= 1024px) { background-color: transparent; } } .lg\:p-5 { @media (width >= 1024px) { padding: calc(var(--spacing) * 5); } } .lg\:p-6 { @media (width >= 1024px) { padding: calc(var(--spacing) * 6); } } .lg\:p-7 { @media (width >= 1024px) { padding: calc(var(--spacing) * 7); } } .lg\:p-8 { @media (width >= 1024px) { padding: calc(var(--spacing) * 8); } } .lg\:p-9 { @media (width >= 1024px) { padding: calc(var(--spacing) * 9); } } .lg\:p-10 { @media (width >= 1024px) { padding: calc(var(--spacing) * 10); } } .lg\:p-11 { @media (width >= 1024px) { padding: calc(var(--spacing) * 11); } } .lg\:px-0 { @media (width >= 1024px) { padding-inline: calc(var(--spacing) * 0); } } .lg\:px-6 { @media (width >= 1024px) { padding-inline: calc(var(--spacing) * 6); } } .lg\:px-8 { @media (width >= 1024px) { padding-inline: calc(var(--spacing) * 8); } } .lg\:py-4 { @media (width >= 1024px) { padding-block: calc(var(--spacing) * 4); } } .lg\:pb-8 { @media (width >= 1024px) { padding-bottom: calc(var(--spacing) * 8); } } .lg\:pl-8 { @media (width >= 1024px) { padding-left: calc(var(--spacing) * 8); } } .lg\:text-\[28px\] { @media (width >= 1024px) { font-size: 28px; } } .lg\:shadow-none { @media (width >= 1024px) { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .xl\:col-span-4 { @media (width >= 1280px) { grid-column: span 4 / span 4; } } .xl\:col-span-5 { @media (width >= 1280px) { grid-column: span 5 / span 5; } } .xl\:col-span-7 { @media (width >= 1280px) { grid-column: span 7 / span 7; } } .xl\:col-span-8 { @media (width >= 1280px) { grid-column: span 8 / span 8; } } .xl\:block { @media (width >= 1280px) { display: block; } } .xl\:w-\[430px\] { @media (width >= 1280px) { width: 430px; } } .xl\:grid-cols-2 { @media (width >= 1280px) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .xl\:grid-cols-3 { @media (width >= 1280px) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .xl\:grid-cols-4 { @media (width >= 1280px) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-6 { @media (width >= 1280px) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:grid-cols-12 { @media (width >= 1280px) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .xl\:grid-cols-\[1\.2fr\,2fr\] { @media (width >= 1280px) { grid-template-columns: 1.2fr,2fr; } } .xl\:grid-cols-\[1\.05fr\,1\.95fr\] { @media (width >= 1280px) { grid-template-columns: 1.05fr,1.95fr; } } .xl\:grid-cols-\[1fr_auto_440px\] { @media (width >= 1280px) { grid-template-columns: 1fr auto 440px; } } .xl\:flex-row { @media (width >= 1280px) { flex-direction: row; } } .xl\:items-center { @media (width >= 1280px) { align-items: center; } } .xl\:items-end { @media (width >= 1280px) { align-items: flex-end; } } .xl\:items-start { @media (width >= 1280px) { align-items: flex-start; } } .xl\:justify-between { @media (width >= 1280px) { justify-content: space-between; } } .xl\:justify-end { @media (width >= 1280px) { justify-content: flex-end; } } .xl\:justify-start { @media (width >= 1280px) { justify-content: flex-start; } } .xl\:border-r { @media (width >= 1280px) { border-right-style: var(--tw-border-style); border-right-width: 1px; } } .xl\:border-b-0 { @media (width >= 1280px) { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .\32 xl\:block { @media (width >= 1536px) { display: block; } } .\32 xl\:grid-cols-\[1fr_auto_500px\] { @media (width >= 1536px) { grid-template-columns: 1fr auto 500px; } } .dark\:block { &:is(.dark *) { display: block; } } .dark\:hidden { &:is(.dark *) { display: none; } } .dark\:divide-gray-700 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-700); } } } .dark\:divide-gray-800 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: var(--color-gray-800); } } } .dark\:divide-gray-800\/60 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #1d2939 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } } .dark\:divide-gray-900\/60 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #101828 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } } } .dark\:divide-orange-900\/30 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #7e2410 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent); } } } } .dark\:divide-slate-800 { &:is(.dark *) { :where(& > :not(:last-child)) { border-color: var(--color-slate-800); } } } .dark\:border-amber-400 { &:is(.dark *) { border-color: var(--color-amber-400); } } .dark\:border-amber-500\/10 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } .dark\:border-amber-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } .dark\:border-amber-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } } .dark\:border-amber-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } } .dark\:border-amber-500\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } } .dark\:border-amber-600 { &:is(.dark *) { border-color: var(--color-amber-600); } } .dark\:border-amber-700 { &:is(.dark *) { border-color: var(--color-amber-700); } } .dark\:border-amber-700\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-700) 30%, transparent); } } } .dark\:border-amber-700\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(55.5% 0.163 48.998) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-700) 50%, transparent); } } } .dark\:border-amber-800 { &:is(.dark *) { border-color: var(--color-amber-800); } } .dark\:border-amber-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } } .dark\:border-amber-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent); } } } .dark\:border-amber-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent); } } } .dark\:border-blue-400 { &:is(.dark *) { border-color: var(--color-blue-400); } } .dark\:border-blue-500 { &:is(.dark *) { border-color: var(--color-blue-500); } } .dark\:border-blue-500\/10 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } .dark\:border-blue-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .dark\:border-blue-500\/25 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent); } } } .dark\:border-blue-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } .dark\:border-blue-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } } .dark\:border-blue-500\/60 { &:is(.dark *) { border-color: color-mix(in srgb, #3b82f6 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 60%, transparent); } } } .dark\:border-blue-600\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #2563eb 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-600) 40%, transparent); } } } .dark\:border-blue-700 { &:is(.dark *) { border-color: var(--color-blue-700); } } .dark\:border-blue-700\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #1d4ed8 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-700) 40%, transparent); } } } .dark\:border-blue-700\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #1d4ed8 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-700) 50%, transparent); } } } .dark\:border-blue-800 { &:is(.dark *) { border-color: var(--color-blue-800); } } .dark\:border-blue-800\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #1e40af 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent); } } } .dark\:border-blue-800\/60 { &:is(.dark *) { border-color: color-mix(in srgb, #1e40af 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-800) 60%, transparent); } } } .dark\:border-blue-900\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #1e3a8a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } .dark\:border-blue-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #1e3a8a 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } } .dark\:border-blue-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #1e3a8a 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } } .dark\:border-blue-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #1e3a8a 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } } .dark\:border-blue-950\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #172554 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent); } } } .dark\:border-blue-light-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #0ba5ec 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-light-500) 30%, transparent); } } } .dark\:border-brand-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #465fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } } .dark\:border-brand-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #465fff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 30%, transparent); } } } .dark\:border-brand-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #465fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent); } } } .dark\:border-brand-700 { &:is(.dark *) { border-color: var(--color-brand-700); } } .dark\:border-brand-800 { &:is(.dark *) { border-color: var(--color-brand-800); } } .dark\:border-cyan-800 { &:is(.dark *) { border-color: var(--color-cyan-800); } } .dark\:border-cyan-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-cyan-900) 30%, transparent); } } } .dark\:border-emerald-500\/10 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } } .dark\:border-emerald-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } } .dark\:border-emerald-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } } .dark\:border-emerald-600\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(59.6% 0.145 163.225) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-600) 20%, transparent); } } } .dark\:border-emerald-700 { &:is(.dark *) { border-color: var(--color-emerald-700); } } .dark\:border-emerald-700\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(50.8% 0.118 165.612) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-700) 40%, transparent); } } } .dark\:border-emerald-800 { &:is(.dark *) { border-color: var(--color-emerald-800); } } .dark\:border-emerald-800\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-800) 40%, transparent); } } } .dark\:border-emerald-900 { &:is(.dark *) { border-color: var(--color-emerald-900); } } .dark\:border-emerald-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent); } } } .dark\:border-emerald-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent); } } } .dark\:border-emerald-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-900) 50%, transparent); } } } .dark\:border-emerald-950\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent); } } } .dark\:border-error-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #f04438 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-error-500) 20%, transparent); } } } .dark\:border-error-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #f04438 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-error-500) 30%, transparent); } } } .dark\:border-error-700 { &:is(.dark *) { border-color: var(--color-error-700); } } .dark\:border-error-800 { &:is(.dark *) { border-color: var(--color-error-800); } } .dark\:border-gray-500 { &:is(.dark *) { border-color: var(--color-gray-500); } } .dark\:border-gray-600 { &:is(.dark *) { border-color: var(--color-gray-600); } } .dark\:border-gray-700 { &:is(.dark *) { border-color: var(--color-gray-700); } } .dark\:border-gray-700\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #344054 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } .dark\:border-gray-700\/60 { &:is(.dark *) { border-color: color-mix(in srgb, #344054 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent); } } } .dark\:border-gray-800 { &:is(.dark *) { border-color: var(--color-gray-800); } } .dark\:border-gray-800\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #1d2939 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } .dark\:border-gray-800\/60 { &:is(.dark *) { border-color: color-mix(in srgb, #1d2939 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } .dark\:border-gray-900 { &:is(.dark *) { border-color: var(--color-gray-900); } } .dark\:border-gray-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #101828 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } } .dark\:border-green-700 { &:is(.dark *) { border-color: var(--color-green-700); } } .dark\:border-green-800 { &:is(.dark *) { border-color: var(--color-green-800); } } .dark\:border-green-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } } .dark\:border-indigo-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } } .dark\:border-indigo-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } } .dark\:border-indigo-700 { &:is(.dark *) { border-color: var(--color-indigo-700); } } .dark\:border-indigo-800 { &:is(.dark *) { border-color: var(--color-indigo-800); } } .dark\:border-indigo-800\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-800) 30%, transparent); } } } .dark\:border-indigo-800\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent); } } } .dark\:border-indigo-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } } .dark\:border-indigo-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-900) 40%, transparent); } } } .dark\:border-indigo-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-900) 50%, transparent); } } } .dark\:border-indigo-950\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-indigo-950) 30%, transparent); } } } .dark\:border-orange-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #fb6514 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } } .dark\:border-orange-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, #fb6514 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent); } } } .dark\:border-orange-800 { &:is(.dark *) { border-color: var(--color-orange-800); } } .dark\:border-orange-900 { &:is(.dark *) { border-color: var(--color-orange-900); } } .dark\:border-orange-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #7e2410 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-900) 30%, transparent); } } } .dark\:border-orange-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, #7e2410 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent); } } } .dark\:border-purple-400 { &:is(.dark *) { border-color: var(--color-purple-400); } } .dark\:border-purple-700 { &:is(.dark *) { border-color: var(--color-purple-700); } } .dark\:border-purple-800 { &:is(.dark *) { border-color: var(--color-purple-800); } } .dark\:border-red-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .dark\:border-red-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } } .dark\:border-red-700 { &:is(.dark *) { border-color: var(--color-red-700); } } .dark\:border-red-800 { &:is(.dark *) { border-color: var(--color-red-800); } } .dark\:border-red-800\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-800) 50%, transparent); } } } .dark\:border-red-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } } .dark\:border-red-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } .dark\:border-red-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } } .dark\:border-rose-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } .dark\:border-rose-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } } .dark\:border-rose-700 { &:is(.dark *) { border-color: var(--color-rose-700); } } .dark\:border-rose-700\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(51.4% 0.222 16.935) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-700) 30%, transparent); } } } .dark\:border-rose-800 { &:is(.dark *) { border-color: var(--color-rose-800); } } .dark\:border-rose-800\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-800) 40%, transparent); } } } .dark\:border-rose-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent); } } } .dark\:border-rose-900\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-900) 40%, transparent); } } } .dark\:border-rose-900\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-900) 50%, transparent); } } } .dark\:border-rose-950\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent); } } } .dark\:border-sky-700\/50 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(50% 0.134 242.749) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-700) 50%, transparent); } } } .dark\:border-sky-900 { &:is(.dark *) { border-color: var(--color-sky-900); } } .dark\:border-sky-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent); } } } .dark\:border-slate-600 { &:is(.dark *) { border-color: var(--color-slate-600); } } .dark\:border-slate-700 { &:is(.dark *) { border-color: var(--color-slate-700); } } .dark\:border-slate-700\/80 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(37.2% 0.044 257.287) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-slate-700) 80%, transparent); } } } .dark\:border-slate-800 { &:is(.dark *) { border-color: var(--color-slate-800); } } .dark\:border-success-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #12b76a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success-500) 20%, transparent); } } } .dark\:border-success-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #12b76a 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success-500) 30%, transparent); } } } .dark\:border-success-800 { &:is(.dark *) { border-color: var(--color-success-800); } } .dark\:border-teal-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } } .dark\:border-teal-600 { &:is(.dark *) { border-color: var(--color-teal-600); } } .dark\:border-violet-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } } .dark\:border-violet-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent); } } } .dark\:border-violet-500\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-500) 40%, transparent); } } } .dark\:border-violet-900 { &:is(.dark *) { border-color: var(--color-violet-900); } } .dark\:border-violet-900\/30 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent); } } } .dark\:border-warning-500\/20 { &:is(.dark *) { border-color: color-mix(in srgb, #f79009 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning-500) 20%, transparent); } } } .dark\:border-warning-500\/30 { &:is(.dark *) { border-color: color-mix(in srgb, #f79009 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning-500) 30%, transparent); } } } .dark\:border-warning-700 { &:is(.dark *) { border-color: var(--color-warning-700); } } .dark\:border-yellow-600\/40 { &:is(.dark *) { border-color: color-mix(in srgb, oklch(68.1% 0.162 75.834) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-yellow-600) 40%, transparent); } } } .dark\:border-yellow-800 { &:is(.dark *) { border-color: var(--color-yellow-800); } } .dark\:border-l-amber-700 { &:is(.dark *) { border-left-color: var(--color-amber-700); } } .dark\:border-l-cyan-700 { &:is(.dark *) { border-left-color: var(--color-cyan-700); } } .dark\:border-l-emerald-700 { &:is(.dark *) { border-left-color: var(--color-emerald-700); } } .dark\:border-l-orange-700 { &:is(.dark *) { border-left-color: var(--color-orange-700); } } .dark\:border-l-rose-700 { &:is(.dark *) { border-left-color: var(--color-rose-700); } } .dark\:border-l-sky-700 { &:is(.dark *) { border-left-color: var(--color-sky-700); } } .dark\:border-l-violet-700 { &:is(.dark *) { border-left-color: var(--color-violet-700); } } .dark\:bg-amber-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } .dark\:bg-amber-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } } .dark\:bg-amber-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } .dark\:bg-amber-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 70%, transparent); } } } .dark\:bg-amber-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent); } } } .dark\:bg-amber-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent); } } } .dark\:bg-amber-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } } .dark\:bg-amber-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent); } } } .dark\:bg-amber-950 { &:is(.dark *) { background-color: var(--color-amber-950); } } .dark\:bg-amber-950\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 10%, transparent); } } } .dark\:bg-amber-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent); } } } .dark\:bg-amber-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } } .dark\:bg-amber-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent); } } } .dark\:bg-amber-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-950) 50%, transparent); } } } .dark\:bg-black\/80 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } } .dark\:bg-blue-400\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #60a5fa 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } } .dark\:bg-blue-500 { &:is(.dark *) { background-color: var(--color-blue-500); } } .dark\:bg-blue-500\/5 { &:is(.dark *) { background-color: color-mix(in srgb, #3b82f6 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } } .dark\:bg-blue-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #3b82f6 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } .dark\:bg-blue-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #3b82f6 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } } .dark\:bg-blue-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .dark\:bg-blue-600 { &:is(.dark *) { background-color: var(--color-blue-600); } } .dark\:bg-blue-600\/70 { &:is(.dark *) { background-color: color-mix(in srgb, #2563eb 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-600) 70%, transparent); } } } .dark\:bg-blue-800\/60 { &:is(.dark *) { background-color: color-mix(in srgb, #1e40af 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-800) 60%, transparent); } } } .dark\:bg-blue-900 { &:is(.dark *) { background-color: var(--color-blue-900); } } .dark\:bg-blue-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #1e3a8a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent); } } } .dark\:bg-blue-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #1e3a8a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } .dark\:bg-blue-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #1e3a8a 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } } .dark\:bg-blue-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #1e3a8a 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } } .dark\:bg-blue-900\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #1e3a8a 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } } .dark\:bg-blue-950 { &:is(.dark *) { background-color: var(--color-blue-950); } } .dark\:bg-blue-950\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #172554 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-950) 10%, transparent); } } } .dark\:bg-blue-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #172554 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-950) 20%, transparent); } } } .dark\:bg-blue-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #172554 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent); } } } .dark\:bg-blue-light-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #0ba5ec 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-light-500) 15%, transparent); } } } .dark\:bg-brand-500\/5 { &:is(.dark *) { background-color: color-mix(in srgb, #465fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 5%, transparent); } } } .dark\:bg-brand-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #465fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent); } } } .dark\:bg-brand-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #465fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 15%, transparent); } } } .dark\:bg-brand-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #262e89 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 10%, transparent); } } } .dark\:bg-brand-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #262e89 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 20%, transparent); } } } .dark\:bg-brand-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #262e89 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 30%, transparent); } } } .dark\:bg-brand-950 { &:is(.dark *) { background-color: var(--color-brand-950); } } .dark\:bg-cyan-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } } .dark\:bg-cyan-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent); } } } .dark\:bg-cyan-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 70%, transparent); } } } .dark\:bg-cyan-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-950) 20%, transparent); } } } .dark\:bg-cyan-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent); } } } .dark\:bg-cyan-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-950) 50%, transparent); } } } .dark\:bg-emerald-500\/5 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } } .dark\:bg-emerald-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } } .dark\:bg-emerald-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } } .dark\:bg-emerald-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } } .dark\:bg-emerald-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } } .dark\:bg-emerald-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 10%, transparent); } } } .dark\:bg-emerald-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent); } } } .dark\:bg-emerald-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 30%, transparent); } } } .dark\:bg-emerald-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 40%, transparent); } } } .dark\:bg-emerald-950\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-950) 10%, transparent); } } } .dark\:bg-emerald-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-950) 20%, transparent); } } } .dark\:bg-emerald-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent); } } } .dark\:bg-emerald-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent); } } } .dark\:bg-emerald-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-950) 50%, transparent); } } } .dark\:bg-error-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #f04438 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-error-500) 10%, transparent); } } } .dark\:bg-error-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #f04438 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-error-500) 15%, transparent); } } } .dark\:bg-error-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #7a271a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-error-900) 10%, transparent); } } } .dark\:bg-error-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #7a271a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-error-900) 20%, transparent); } } } .dark\:bg-gray-100 { &:is(.dark *) { background-color: var(--color-gray-100); } } .dark\:bg-gray-200 { &:is(.dark *) { background-color: var(--color-gray-200); } } .dark\:bg-gray-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #667085 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent); } } } .dark\:bg-gray-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #667085 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent); } } } .dark\:bg-gray-600 { &:is(.dark *) { background-color: var(--color-gray-600); } } .dark\:bg-gray-700 { &:is(.dark *) { background-color: var(--color-gray-700); } } .dark\:bg-gray-700\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #344054 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 10%, transparent); } } } .dark\:bg-gray-700\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #344054 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent); } } } .dark\:bg-gray-700\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #344054 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent); } } } .dark\:bg-gray-700\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #344054 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent); } } } .dark\:bg-gray-700\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #344054 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } .dark\:bg-gray-800 { &:is(.dark *) { background-color: var(--color-gray-800); } } .dark\:bg-gray-800\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 10%, transparent); } } } .dark\:bg-gray-800\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent); } } } .dark\:bg-gray-800\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } } .dark\:bg-gray-800\/35 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 35%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 35%, transparent); } } } .dark\:bg-gray-800\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent); } } } .dark\:bg-gray-800\/45 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 45%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 45%, transparent); } } } .dark\:bg-gray-800\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } .dark\:bg-gray-800\/60 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } .dark\:bg-gray-800\/70 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } } .dark\:bg-gray-800\/80 { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent); } } } .dark\:bg-gray-800\/\[0\.03\] { &:is(.dark *) { background-color: color-mix(in srgb, #1d2939 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 3%, transparent); } } } .dark\:bg-gray-900 { &:is(.dark *) { background-color: var(--color-gray-900); } } .dark\:bg-gray-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } .dark\:bg-gray-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent); } } } .dark\:bg-gray-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } } .dark\:bg-gray-900\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent); } } } .dark\:bg-gray-900\/60 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } } .dark\:bg-gray-900\/70 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 70%, transparent); } } } .dark\:bg-gray-900\/80 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } } .dark\:bg-gray-900\/95 { &:is(.dark *) { background-color: color-mix(in srgb, #101828 95%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 95%, transparent); } } } .dark\:bg-gray-950 { &:is(.dark *) { background-color: var(--color-gray-950); } } .dark\:bg-gray-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #0c111d 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-950) 20%, transparent); } } } .dark\:bg-gray-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #0c111d 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-950) 30%, transparent); } } } .dark\:bg-gray-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #0c111d 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-950) 50%, transparent); } } } .dark\:bg-gray-dark { &:is(.dark *) { background-color: var(--color-gray-dark); } } .dark\:bg-green-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } } .dark\:bg-green-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent); } } } .dark\:bg-green-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } } .dark\:bg-green-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } } .dark\:bg-green-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } } .dark\:bg-green-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent); } } } .dark\:bg-green-950 { &:is(.dark *) { background-color: var(--color-green-950); } } .dark\:bg-green-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent); } } } .dark\:bg-indigo-500 { &:is(.dark *) { background-color: var(--color-indigo-500); } } .dark\:bg-indigo-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } } .dark\:bg-indigo-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 15%, transparent); } } } .dark\:bg-indigo-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } } .dark\:bg-indigo-500\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent); } } } .dark\:bg-indigo-700 { &:is(.dark *) { background-color: var(--color-indigo-700); } } .dark\:bg-indigo-800\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.8% 0.195 277.366) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-800) 40%, transparent); } } } .dark\:bg-indigo-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 10%, transparent); } } } .dark\:bg-indigo-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } } } .dark\:bg-indigo-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } } .dark\:bg-indigo-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-950) 20%, transparent); } } } .dark\:bg-indigo-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent); } } } .dark\:bg-lime-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(76.8% 0.233 130.85) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-lime-500) 10%, transparent); } } } .dark\:bg-orange-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #fb6514 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } } .dark\:bg-orange-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #fb6514 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent); } } } .dark\:bg-orange-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #fb6514 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } } .dark\:bg-orange-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, #fb6514 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 70%, transparent); } } } .dark\:bg-orange-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #7e2410 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 10%, transparent); } } } .dark\:bg-orange-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #7e2410 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } } } .dark\:bg-orange-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #7e2410 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent); } } } .dark\:bg-orange-950 { &:is(.dark *) { background-color: var(--color-orange-950); } } .dark\:bg-orange-950\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #511c10 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 10%, transparent); } } } .dark\:bg-orange-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #511c10 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 20%, transparent); } } } .dark\:bg-orange-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, #511c10 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 30%, transparent); } } } .dark\:bg-orange-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, #511c10 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent); } } } .dark\:bg-orange-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, #511c10 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-950) 50%, transparent); } } } .dark\:bg-pink-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(65.6% 0.241 354.308) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent); } } } .dark\:bg-purple-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } } .dark\:bg-purple-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } } } .dark\:bg-purple-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } } .dark\:bg-purple-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 10%, transparent); } } } .dark\:bg-purple-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } } } .dark\:bg-purple-950 { &:is(.dark *) { background-color: var(--color-purple-950); } } .dark\:bg-red-500\/5 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } } .dark\:bg-red-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } } .dark\:bg-red-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } } .dark\:bg-red-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } } .dark\:bg-red-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 10%, transparent); } } } .dark\:bg-red-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } .dark\:bg-red-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } } .dark\:bg-red-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } .dark\:bg-red-950 { &:is(.dark *) { background-color: var(--color-red-950); } } .dark\:bg-red-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } } .dark\:bg-red-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } } .dark\:bg-rose-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } } .dark\:bg-rose-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } } .dark\:bg-rose-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } .dark\:bg-rose-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-900) 10%, transparent); } } } .dark\:bg-rose-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent); } } } .dark\:bg-rose-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-900) 30%, transparent); } } } .dark\:bg-rose-950 { &:is(.dark *) { background-color: var(--color-rose-950); } } .dark\:bg-rose-950\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-950) 10%, transparent); } } } .dark\:bg-rose-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-950) 20%, transparent); } } } .dark\:bg-rose-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-950) 30%, transparent); } } } .dark\:bg-rose-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent); } } } .dark\:bg-sky-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } } .dark\:bg-sky-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent); } } } .dark\:bg-sky-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-900) 10%, transparent); } } } .dark\:bg-sky-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-900) 30%, transparent); } } } .dark\:bg-sky-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-950) 20%, transparent); } } } .dark\:bg-sky-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent); } } } .dark\:bg-sky-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-950) 40%, transparent); } } } .dark\:bg-sky-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-950) 50%, transparent); } } } .dark\:bg-slate-300 { &:is(.dark *) { background-color: var(--color-slate-300); } } .dark\:bg-slate-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(55.4% 0.046 257.417) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } } .dark\:bg-slate-600 { &:is(.dark *) { background-color: var(--color-slate-600); } } .dark\:bg-slate-700 { &:is(.dark *) { background-color: var(--color-slate-700); } } .dark\:bg-slate-800 { &:is(.dark *) { background-color: var(--color-slate-800); } } .dark\:bg-slate-900 { &:is(.dark *) { background-color: var(--color-slate-900); } } .dark\:bg-slate-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 20%, transparent); } } } .dark\:bg-slate-900\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 40%, transparent); } } } .dark\:bg-slate-900\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent); } } } .dark\:bg-slate-900\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent); } } } .dark\:bg-slate-900\/80 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 80%, transparent); } } } .dark\:bg-slate-900\/90 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 90%, transparent); } } } .dark\:bg-slate-950 { &:is(.dark *) { background-color: var(--color-slate-950); } } .dark\:bg-success-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #12b76a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success-500) 10%, transparent); } } } .dark\:bg-success-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #12b76a 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success-500) 15%, transparent); } } } .dark\:bg-success-900\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #054f31 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success-900) 10%, transparent); } } } .dark\:bg-success-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #054f31 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success-900) 20%, transparent); } } } .dark\:bg-teal-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); } } } .dark\:bg-teal-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 15%, transparent); } } } .dark\:bg-teal-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } } .dark\:bg-transparent { &:is(.dark *) { background-color: transparent; } } .dark\:bg-violet-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } } .dark\:bg-violet-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 15%, transparent); } } } .dark\:bg-violet-500\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } } .dark\:bg-violet-500\/70 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(60.6% 0.25 292.717) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-500) 70%, transparent); } } } .dark\:bg-violet-900\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(38% 0.189 293.745) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-900) 30%, transparent); } } } .dark\:bg-violet-950 { &:is(.dark *) { background-color: var(--color-violet-950); } } .dark\:bg-violet-950\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-950) 20%, transparent); } } } .dark\:bg-violet-950\/30 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-950) 30%, transparent); } } } .dark\:bg-violet-950\/40 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-950) 40%, transparent); } } } .dark\:bg-violet-950\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-violet-950) 50%, transparent); } } } .dark\:bg-warning-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #f79009 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning-500) 10%, transparent); } } } .dark\:bg-warning-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, #f79009 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning-500) 15%, transparent); } } } .dark\:bg-warning-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, #7a2e0e 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning-900) 20%, transparent); } } } .dark\:bg-white { &:is(.dark *) { background-color: var(--color-white); } } .dark\:bg-white\/3 { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } .dark\:bg-white\/5 { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } .dark\:bg-white\/10 { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } .dark\:bg-white\/\[0\.02\] { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } } .dark\:bg-white\/\[0\.03\] { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } .dark\:bg-white\/\[0\.08\] { &:is(.dark *) { background-color: color-mix(in srgb, #ffffff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } } .dark\:bg-yellow-500\/5 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 5%, transparent); } } } .dark\:bg-yellow-500\/10 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } } .dark\:bg-yellow-500\/15 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-500) 15%, transparent); } } } .dark\:bg-yellow-800\/50 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(47.6% 0.114 61.907) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-800) 50%, transparent); } } } .dark\:bg-yellow-900\/20 { &:is(.dark *) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); } } } .dark\:from-amber-500\/5 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(76.9% 0.188 70.08) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-amber-900\/20 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-blue-500\/5 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, #3b82f6 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-blue-900\/10 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, #1e3a8a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-blue-900\/20 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, #1e3a8a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-blue-900\/50 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, #1e3a8a 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-emerald-500\/5 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-700 { &:is(.dark *) { --tw-gradient-from: var(--color-gray-700); --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)); } } .dark\:from-gray-800 { &:is(.dark *) { --tw-gradient-from: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-gray-900 { &:is(.dark *) { --tw-gradient-from: var(--color-gray-900); --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)); } } .dark\:from-green-900\/20 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-green-900\/50 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-green-900) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-indigo-900\/20 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-teal-500\/5 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(70.4% 0.14 182.503) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-teal-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:from-violet-500\/5 { &:is(.dark *) { --tw-gradient-from: color-mix(in srgb, oklch(60.6% 0.25 292.717) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 5%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:via-gray-900 { &:is(.dark *) { --tw-gradient-via: var(--color-gray-900); --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } } .dark\:to-cyan-900\/20 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(39.8% 0.07 227.392) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-cyan-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-emerald-900\/20 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-emerald-900\/50 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(37.8% 0.077 168.94) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-emerald-900) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-gray-800 { &:is(.dark *) { --tw-gradient-to: var(--color-gray-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-indigo-900\/10 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 10%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-indigo-900\/20 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-indigo-900\/50 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(35.9% 0.144 278.697) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-indigo-900) 50%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-orange-900\/20 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, #7e2410 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:to-purple-900\/20 { &:is(.dark *) { --tw-gradient-to: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } .dark\:fill-gray-400 { &:is(.dark *) { fill: var(--color-gray-400); } } .dark\:stroke-gray-400 { &:is(.dark *) { stroke: var(--color-gray-400); } } .dark\:text-amber-200 { &:is(.dark *) { color: var(--color-amber-200); } } .dark\:text-amber-200\/70 { &:is(.dark *) { color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-200) 70%, transparent); } } } .dark\:text-amber-200\/90 { &:is(.dark *) { color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-200) 90%, transparent); } } } .dark\:text-amber-300 { &:is(.dark *) { color: var(--color-amber-300); } } .dark\:text-amber-300\/80 { &:is(.dark *) { color: color-mix(in srgb, oklch(87.9% 0.169 91.605) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } } .dark\:text-amber-400 { &:is(.dark *) { color: var(--color-amber-400); } } .dark\:text-amber-400\/80 { &:is(.dark *) { color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-amber-400) 80%, transparent); } } } .dark\:text-blue-100 { &:is(.dark *) { color: var(--color-blue-100); } } .dark\:text-blue-100\/80 { &:is(.dark *) { color: color-mix(in srgb, #dbeafe 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-100) 80%, transparent); } } } .dark\:text-blue-200 { &:is(.dark *) { color: var(--color-blue-200); } } .dark\:text-blue-200\/80 { &:is(.dark *) { color: color-mix(in srgb, #bfdbfe 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-blue-200) 80%, transparent); } } } .dark\:text-blue-300 { &:is(.dark *) { color: var(--color-blue-300); } } .dark\:text-blue-400 { &:is(.dark *) { color: var(--color-blue-400); } } .dark\:text-blue-500 { &:is(.dark *) { color: var(--color-blue-500); } } .dark\:text-brand-300 { &:is(.dark *) { color: var(--color-brand-300); } } .dark\:text-brand-400 { &:is(.dark *) { color: var(--color-brand-400); } } .dark\:text-cyan-300 { &:is(.dark *) { color: var(--color-cyan-300); } } .dark\:text-cyan-400 { &:is(.dark *) { color: var(--color-cyan-400); } } .dark\:text-emerald-200 { &:is(.dark *) { color: var(--color-emerald-200); } } .dark\:text-emerald-300 { &:is(.dark *) { color: var(--color-emerald-300); } } .dark\:text-emerald-400 { &:is(.dark *) { color: var(--color-emerald-400); } } .dark\:text-emerald-400\/70 { &:is(.dark *) { color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } } .dark\:text-emerald-500 { &:is(.dark *) { color: var(--color-emerald-500); } } .dark\:text-error-300 { &:is(.dark *) { color: var(--color-error-300); } } .dark\:text-error-400 { &:is(.dark *) { color: var(--color-error-400); } } .dark\:text-error-500 { &:is(.dark *) { color: var(--color-error-500); } } .dark\:text-gray-100 { &:is(.dark *) { color: var(--color-gray-100); } } .dark\:text-gray-200 { &:is(.dark *) { color: var(--color-gray-200); } } .dark\:text-gray-300 { &:is(.dark *) { color: var(--color-gray-300); } } .dark\:text-gray-400 { &:is(.dark *) { color: var(--color-gray-400); } } .dark\:text-gray-500 { &:is(.dark *) { color: var(--color-gray-500); } } .dark\:text-gray-600 { &:is(.dark *) { color: var(--color-gray-600); } } .dark\:text-gray-700 { &:is(.dark *) { color: var(--color-gray-700); } } .dark\:text-gray-800 { &:is(.dark *) { color: var(--color-gray-800); } } .dark\:text-gray-900 { &:is(.dark *) { color: var(--color-gray-900); } } .dark\:text-green-200 { &:is(.dark *) { color: var(--color-green-200); } } .dark\:text-green-300 { &:is(.dark *) { color: var(--color-green-300); } } .dark\:text-green-400 { &:is(.dark *) { color: var(--color-green-400); } } .dark\:text-indigo-200 { &:is(.dark *) { color: var(--color-indigo-200); } } .dark\:text-indigo-300 { &:is(.dark *) { color: var(--color-indigo-300); } } .dark\:text-indigo-400 { &:is(.dark *) { color: var(--color-indigo-400); } } .dark\:text-indigo-500 { &:is(.dark *) { color: var(--color-indigo-500); } } .dark\:text-orange-200 { &:is(.dark *) { color: var(--color-orange-200); } } .dark\:text-orange-300 { &:is(.dark *) { color: var(--color-orange-300); } } .dark\:text-orange-400 { &:is(.dark *) { color: var(--color-orange-400); } } .dark\:text-orange-500 { &:is(.dark *) { color: var(--color-orange-500); } } .dark\:text-pink-400 { &:is(.dark *) { color: var(--color-pink-400); } } .dark\:text-purple-300 { &:is(.dark *) { color: var(--color-purple-300); } } .dark\:text-purple-400 { &:is(.dark *) { color: var(--color-purple-400); } } .dark\:text-red-200 { &:is(.dark *) { color: var(--color-red-200); } } .dark\:text-red-300 { &:is(.dark *) { color: var(--color-red-300); } } .dark\:text-red-400 { &:is(.dark *) { color: var(--color-red-400); } } .dark\:text-rose-300 { &:is(.dark *) { color: var(--color-rose-300); } } .dark\:text-rose-400 { &:is(.dark *) { color: var(--color-rose-400); } } .dark\:text-sky-300 { &:is(.dark *) { color: var(--color-sky-300); } } .dark\:text-sky-400 { &:is(.dark *) { color: var(--color-sky-400); } } .dark\:text-slate-100 { &:is(.dark *) { color: var(--color-slate-100); } } .dark\:text-slate-200 { &:is(.dark *) { color: var(--color-slate-200); } } .dark\:text-slate-300 { &:is(.dark *) { color: var(--color-slate-300); } } .dark\:text-slate-400 { &:is(.dark *) { color: var(--color-slate-400); } } .dark\:text-slate-500 { &:is(.dark *) { color: var(--color-slate-500); } } .dark\:text-slate-950 { &:is(.dark *) { color: var(--color-slate-950); } } .dark\:text-success-300 { &:is(.dark *) { color: var(--color-success-300); } } .dark\:text-success-400 { &:is(.dark *) { color: var(--color-success-400); } } .dark\:text-success-500 { &:is(.dark *) { color: var(--color-success-500); } } .dark\:text-teal-300 { &:is(.dark *) { color: var(--color-teal-300); } } .dark\:text-teal-400 { &:is(.dark *) { color: var(--color-teal-400); } } .dark\:text-violet-300 { &:is(.dark *) { color: var(--color-violet-300); } } .dark\:text-violet-400 { &:is(.dark *) { color: var(--color-violet-400); } } .dark\:text-warning-300 { &:is(.dark *) { color: var(--color-warning-300); } } .dark\:text-warning-300\/80 { &:is(.dark *) { color: color-mix(in srgb, #fec84b 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-warning-300) 80%, transparent); } } } .dark\:text-warning-400 { &:is(.dark *) { color: var(--color-warning-400); } } .dark\:text-white { &:is(.dark *) { color: var(--color-white); } } .dark\:text-white\/90 { &:is(.dark *) { color: color-mix(in srgb, #ffffff 90%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } } .dark\:text-yellow-200 { &:is(.dark *) { color: var(--color-yellow-200); } } .dark\:text-yellow-300 { &:is(.dark *) { color: var(--color-yellow-300); } } .dark\:text-yellow-400 { &:is(.dark *) { color: var(--color-yellow-400); } } .dark\:placeholder-gray-500 { &:is(.dark *) { &::-moz-placeholder { color: var(--color-gray-500); } &::placeholder { color: var(--color-gray-500); } } } .dark\:placeholder-gray-600 { &:is(.dark *) { &::-moz-placeholder { color: var(--color-gray-600); } &::placeholder { color: var(--color-gray-600); } } } .dark\:opacity-50 { &:is(.dark *) { opacity: 50%; } } .dark\:shadow-indigo-900\/30 { &:is(.dark *) { --tw-shadow-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-900) 30%, transparent) var(--tw-shadow-alpha), transparent); } } } .dark\:ring-amber-500\/30 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } } .dark\:ring-blue-400\/30 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, #60a5fa 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent); } } } .dark\:ring-blue-500\/20 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, #3b82f6 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } } .dark\:ring-blue-500\/30 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, #3b82f6 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } .dark\:ring-emerald-500\/30 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } } .dark\:ring-gray-700 { &:is(.dark *) { --tw-ring-color: var(--color-gray-700); } } .dark\:ring-purple-500\/20 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-purple-500) 20%, transparent); } } } .dark\:ring-rose-500\/30 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } } .dark\:ring-slate-800 { &:is(.dark *) { --tw-ring-color: var(--color-slate-800); } } .dark\:ring-teal-500\/20 { &:is(.dark *) { --tw-ring-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-teal-500) 20%, transparent); } } } .dark\:invert { &:is(.dark *) { --tw-invert: invert(100%); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } } .dark\:group-hover\:fill-gray-300 { &:is(.dark *) { &:is(:where(.group):hover *) { @media (hover: hover) { fill: var(--color-gray-300); } } } } .dark\:group-hover\:text-blue-400 { &:is(.dark *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-blue-400); } } } } .dark\:group-hover\:text-gray-300 { &:is(.dark *) { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:peer-checked\:border-brand-500 { &:is(.dark *) { &:is(:where(.peer):checked ~ *) { border-color: var(--color-brand-500); } } } .dark\:peer-checked\:bg-brand-900\/30 { &:is(.dark *) { &:is(:where(.peer):checked ~ *) { background-color: color-mix(in srgb, #262e89 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 30%, transparent); } } } } .dark\:peer-checked\:text-brand-400 { &:is(.dark *) { &:is(:where(.peer):checked ~ *) { color: var(--color-brand-400); } } } .dark\:peer-focus\:ring-blue-800 { &:is(.dark *) { &:is(:where(.peer):focus ~ *) { --tw-ring-color: var(--color-blue-800); } } } .dark\:file\:bg-brand-500\/10 { &:is(.dark *) { &::file-selector-button { background-color: color-mix(in srgb, #465fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 10%, transparent); } } } } .dark\:file\:bg-gray-700 { &:is(.dark *) { &::file-selector-button { background-color: var(--color-gray-700); } } } .dark\:file\:text-brand-400 { &:is(.dark *) { &::file-selector-button { color: var(--color-brand-400); } } } .dark\:file\:text-gray-200 { &:is(.dark *) { &::file-selector-button { color: var(--color-gray-200); } } } .dark\:file\:text-gray-300 { &:is(.dark *) { &::file-selector-button { color: var(--color-gray-300); } } } .dark\:placeholder\:text-gray-500 { &:is(.dark *) { &::-moz-placeholder { color: var(--color-gray-500); } &::placeholder { color: var(--color-gray-500); } } } .dark\:placeholder\:text-slate-500 { &:is(.dark *) { &::-moz-placeholder { color: var(--color-slate-500); } &::placeholder { color: var(--color-slate-500); } } } .dark\:placeholder\:text-white\/30 { &:is(.dark *) { &::-moz-placeholder { color: color-mix(in srgb, #ffffff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } &::placeholder { color: color-mix(in srgb, #ffffff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 30%, transparent); } } } } .dark\:placeholder\:text-white\/35 { &:is(.dark *) { &::-moz-placeholder { color: color-mix(in srgb, #ffffff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } &::placeholder { color: color-mix(in srgb, #ffffff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } } } .dark\:after\:border-gray-600 { &:is(.dark *) { &::after { content: var(--tw-content); border-color: var(--color-gray-600); } } } .dark\:even\:bg-gray-900\/40 { &:is(.dark *) { &:nth-child(even) { background-color: color-mix(in srgb, #101828 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } } } .dark\:hover\:border-blue-500\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #3b82f6 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } } } } .dark\:hover\:border-brand-500 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: var(--color-brand-500); } } } } .dark\:hover\:border-brand-500\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #465fff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-brand-500) 40%, transparent); } } } } } .dark\:hover\:border-brand-600 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: var(--color-brand-600); } } } } .dark\:hover\:border-emerald-500\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } } } } .dark\:hover\:border-gray-600 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: var(--color-gray-600); } } } } .dark\:hover\:border-orange-500\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #fb6514 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } } } } .dark\:hover\:bg-amber-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } } } } .dark\:hover\:bg-amber-500\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } } } } .dark\:hover\:bg-amber-800\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(47.3% 0.137 46.201) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-800) 50%, transparent); } } } } } .dark\:hover\:bg-amber-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-amber-900) 20%, transparent); } } } } } .dark\:hover\:bg-amber-950 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-amber-950); } } } } .dark\:hover\:bg-blue-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #3b82f6 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } } } } .dark\:hover\:bg-blue-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #3b82f6 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } } } } .dark\:hover\:bg-blue-500\/80 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #3b82f6 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-500) 80%, transparent); } } } } } .dark\:hover\:bg-blue-600 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-blue-600); } } } } .dark\:hover\:bg-blue-800\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1e40af 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-800) 50%, transparent); } } } } } .dark\:hover\:bg-blue-900\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1e3a8a 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent); } } } } } .dark\:hover\:bg-blue-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1e3a8a 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent); } } } } } .dark\:hover\:bg-blue-900\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1e3a8a 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } } } } .dark\:hover\:bg-blue-900\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1e3a8a 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-900) 40%, transparent); } } } } } .dark\:hover\:bg-brand-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #465fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 5%, transparent); } } } } } .dark\:hover\:bg-brand-500\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #465fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-500) 20%, transparent); } } } } } .dark\:hover\:bg-brand-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #262e89 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 20%, transparent); } } } } } .dark\:hover\:bg-brand-900\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #262e89 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-brand-900) 50%, transparent); } } } } } .dark\:hover\:bg-brand-950 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-brand-950); } } } } .dark\:hover\:bg-cyan-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(71.5% 0.143 215.221) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } } } } .dark\:hover\:bg-emerald-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } } } } .dark\:hover\:bg-emerald-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-emerald-900) 20%, transparent); } } } } } .dark\:hover\:bg-error-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f04438 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-error-500) 10%, transparent); } } } } } .dark\:hover\:bg-gray-600 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-600); } } } } .dark\:hover\:bg-gray-700 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-700); } } } } .dark\:hover\:bg-gray-700\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #344054 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 20%, transparent); } } } } } .dark\:hover\:bg-gray-700\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #344054 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 30%, transparent); } } } } } .dark\:hover\:bg-gray-700\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #344054 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent); } } } } } .dark\:hover\:bg-gray-700\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #344054 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 50%, transparent); } } } } } .dark\:hover\:bg-gray-700\/60 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #344054 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent); } } } } } .dark\:hover\:bg-gray-800 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } } .dark\:hover\:bg-gray-800\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 20%, transparent); } } } } } .dark\:hover\:bg-gray-800\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 30%, transparent); } } } } } .dark\:hover\:bg-gray-800\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 40%, transparent); } } } } } .dark\:hover\:bg-gray-800\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent); } } } } } .dark\:hover\:bg-gray-800\/60 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 60%, transparent); } } } } } .dark\:hover\:bg-gray-800\/70 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #1d2939 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-800) 70%, transparent); } } } } } .dark\:hover\:bg-gray-900 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-gray-900); } } } } .dark\:hover\:bg-gray-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #101828 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 20%, transparent); } } } } } .dark\:hover\:bg-gray-900\/60 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #101828 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent); } } } } } .dark\:hover\:bg-green-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(72.3% 0.219 149.579) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent); } } } } } .dark\:hover\:bg-green-800\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.8% 0.119 151.328) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-800) 50%, transparent); } } } } } .dark\:hover\:bg-green-900\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent); } } } } } .dark\:hover\:bg-green-950 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-green-950); } } } } .dark\:hover\:bg-indigo-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 5%, transparent); } } } } } .dark\:hover\:bg-indigo-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent); } } } } } .dark\:hover\:bg-indigo-500\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent); } } } } } .dark\:hover\:bg-indigo-500\/25 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent); } } } } } .dark\:hover\:bg-indigo-600 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-indigo-600); } } } } .dark\:hover\:bg-indigo-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 20%, transparent); } } } } } .dark\:hover\:bg-indigo-900\/30 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-indigo-900) 30%, transparent); } } } } } .dark\:hover\:bg-orange-500\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fb6514 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-500) 5%, transparent); } } } } } .dark\:hover\:bg-orange-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #7e2410 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent); } } } } } .dark\:hover\:bg-purple-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(62.7% 0.265 303.9) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent); } } } } } .dark\:hover\:bg-purple-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent); } } } } } .dark\:hover\:bg-red-800\/50 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(44.4% 0.177 26.899) 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-800) 50%, transparent); } } } } } .dark\:hover\:bg-red-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } } } } .dark\:hover\:bg-red-900\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } } } } .dark\:hover\:bg-red-950\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } } } } .dark\:hover\:bg-rose-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } } } } .dark\:hover\:bg-rose-500\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(64.5% 0.246 16.439) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } } } } .dark\:hover\:bg-rose-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(41% 0.159 10.272) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-rose-900) 20%, transparent); } } } } } .dark\:hover\:bg-sky-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-sky-900) 20%, transparent); } } } } } .dark\:hover\:bg-slate-100 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-slate-100); } } } } .dark\:hover\:bg-slate-700 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-slate-700); } } } } .dark\:hover\:bg-slate-800 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-slate-800); } } } } .dark\:hover\:bg-slate-900 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: var(--color-slate-900); } } } } .dark\:hover\:bg-slate-900\/70 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-900) 70%, transparent); } } } } } .dark\:hover\:bg-teal-500\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(70.4% 0.14 182.503) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-teal-500) 10%, transparent); } } } } } .dark\:hover\:bg-white\/5 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } } } } .dark\:hover\:bg-white\/10 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } } } } .dark\:hover\:bg-white\/15 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } } } } .dark\:hover\:bg-white\/\[0\.03\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 3%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } } } } .dark\:hover\:bg-white\/\[0\.04\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } } } } .dark\:hover\:bg-white\/\[0\.06\] { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #ffffff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } } } } .dark\:hover\:bg-yellow-900\/20 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent); } } } } } .dark\:hover\:bg-yellow-900\/40 { &:is(.dark *) { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent); } } } } } .dark\:hover\:text-amber-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-amber-400); } } } } .dark\:hover\:text-blue-200 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-blue-200); } } } } .dark\:hover\:text-blue-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-blue-400); } } } } .dark\:hover\:text-brand-300 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-brand-300); } } } } .dark\:hover\:text-brand-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-brand-400); } } } } .dark\:hover\:text-cyan-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-cyan-400); } } } } .dark\:hover\:text-emerald-300 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-emerald-300); } } } } .dark\:hover\:text-emerald-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-emerald-400); } } } } .dark\:hover\:text-gray-200 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-gray-200); } } } } .dark\:hover\:text-gray-300 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-gray-300); } } } } .dark\:hover\:text-indigo-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-indigo-400); } } } } .dark\:hover\:text-orange-300 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-orange-300); } } } } .dark\:hover\:text-orange-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-orange-400); } } } } .dark\:hover\:text-purple-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-purple-400); } } } } .dark\:hover\:text-rose-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-rose-400); } } } } .dark\:hover\:text-slate-200 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-slate-200); } } } } .dark\:hover\:text-slate-300 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-slate-300); } } } } .dark\:hover\:text-white { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-white); } } } } .dark\:hover\:text-yellow-400 { &:is(.dark *) { &:hover { @media (hover: hover) { color: var(--color-yellow-400); } } } } .dark\:focus\:border-blue-400 { &:is(.dark *) { &:focus { border-color: var(--color-blue-400); } } } .dark\:focus\:border-blue-600 { &:is(.dark *) { &:focus { border-color: var(--color-blue-600); } } } .dark\:focus\:border-brand-800 { &:is(.dark *) { &:focus { border-color: var(--color-brand-800); } } } .dark\:focus\:ring-blue-600\/20 { &:is(.dark *) { &:focus { --tw-ring-color: color-mix(in srgb, #2563eb 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-blue-600) 20%, transparent); } } } } .dark\:focus\:ring-blue-900 { &:is(.dark *) { &:focus { --tw-ring-color: var(--color-blue-900); } } } .dark\:focus\:ring-gray-700 { &:is(.dark *) { &:focus { --tw-ring-color: var(--color-gray-700); } } } .dark\:enabled\:hover\:bg-gray-800 { &:is(.dark *) { &:enabled { &:hover { @media (hover: hover) { background-color: var(--color-gray-800); } } } } } .dark\:disabled\:bg-gray-800 { &:is(.dark *) { &:disabled { background-color: var(--color-gray-800); } } } .dark\:data-\[checked\=true\]\:border-brand-600 { &:is(.dark *) { &[data-checked="true"] { border-color: var(--color-brand-600); } } } .dark\:data-\[checked\=true\]\:bg-brand-900 { &:is(.dark *) { &[data-checked="true"] { background-color: var(--color-brand-900); } } } .dark\:data-\[selected\=true\]\:border-brand-500 { &:is(.dark *) { &[data-selected="true"] { border-color: var(--color-brand-500); } } } .dark\:data-\[selected\=true\]\:bg-brand-950 { &:is(.dark *) { &[data-selected="true"] { background-color: var(--color-brand-950); } } } .md\:dark\:bg-transparent { @media (width >= 768px) { &:is(.dark *) { background-color: transparent; } } } .dark\:lg\:bg-transparent { &:is(.dark *) { @media (width >= 1024px) { background-color: transparent; } } } .print\:block { @media print { display: block; } } .\[\&_tbody_td\]\:border { & tbody td { border-style: var(--tw-border-style); border-width: 1px; } } .\[\&_tbody_td\]\:border-gray-200 { & tbody td { border-color: var(--color-gray-200); } } .\[\&_tbody_td\]\:px-3 { & tbody td { padding-inline: calc(var(--spacing) * 3); } } .\[\&_tbody_td\]\:py-2\.5 { & tbody td { padding-block: calc(var(--spacing) * 2.5); } } .\[\&_tbody_td\]\:text-sm { & tbody td { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_tbody_td\]\:text-gray-700 { & tbody td { color: var(--color-gray-700); } } .dark\:\[\&_tbody_td\]\:border-gray-700 { &:is(.dark *) { & tbody td { border-color: var(--color-gray-700); } } } .dark\:\[\&_tbody_td\]\:text-gray-300 { &:is(.dark *) { & tbody td { color: var(--color-gray-300); } } } .\[\&_tbody_td\:first-child\]\:font-semibold { & tbody td:first-child { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_tbody_td\:first-child\]\:text-gray-900 { & tbody td:first-child { color: var(--color-gray-900); } } .dark\:\[\&_tbody_td\:first-child\]\:text-white { &:is(.dark *) { & tbody td:first-child { color: var(--color-white); } } } .\[\&_tbody_tr\]\:transition-colors { & tbody tr { 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)); } } .\[\&_tbody_tr\]\:even\:bg-gray-50\/40 { & tbody tr { &:nth-child(even) { background-color: color-mix(in srgb, #f9fafb 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-50) 40%, transparent); } } } } .dark\:\[\&_tbody_tr\]\:even\:bg-gray-900\/40 { &:is(.dark *) { & tbody tr { &:nth-child(even) { background-color: color-mix(in srgb, #101828 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-gray-900) 40%, transparent); } } } } } .\[\&_tbody_tr\:hover\]\:bg-slate-50 { & tbody tr:hover { background-color: var(--color-slate-50); } } .dark\:\[\&_tbody_tr\:hover\]\:bg-slate-800\/70 { &:is(.dark *) { & tbody tr:hover { background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent); } } } } .\[\&_tfoot_td\]\:border { & tfoot td { border-style: var(--tw-border-style); border-width: 1px; } } .\[\&_tfoot_td\]\:border-gray-200 { & tfoot td { border-color: var(--color-gray-200); } } .\[\&_tfoot_td\]\:bg-slate-100 { & tfoot td { background-color: var(--color-slate-100); } } .\[\&_tfoot_td\]\:px-3 { & tfoot td { padding-inline: calc(var(--spacing) * 3); } } .\[\&_tfoot_td\]\:py-2\.5 { & tfoot td { padding-block: calc(var(--spacing) * 2.5); } } .\[\&_tfoot_td\]\:font-semibold { & tfoot td { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_tfoot_td\]\:text-gray-900 { & tfoot td { color: var(--color-gray-900); } } .dark\:\[\&_tfoot_td\]\:border-gray-700 { &:is(.dark *) { & tfoot td { border-color: var(--color-gray-700); } } } .dark\:\[\&_tfoot_td\]\:bg-slate-800 { &:is(.dark *) { & tfoot td { background-color: var(--color-slate-800); } } } .dark\:\[\&_tfoot_td\]\:text-white { &:is(.dark *) { & tfoot td { color: var(--color-white); } } } .\[\&_thead_th\]\:border { & thead th { border-style: var(--tw-border-style); border-width: 1px; } } .\[\&_thead_th\]\:border-gray-200 { & thead th { border-color: var(--color-gray-200); } } .\[\&_thead_th\]\:border-b-gray-300 { & thead th { border-bottom-color: var(--color-gray-300); } } .\[\&_thead_th\]\:bg-slate-50 { & thead th { background-color: var(--color-slate-50); } } .\[\&_thead_th\]\:px-3 { & thead th { padding-inline: calc(var(--spacing) * 3); } } .\[\&_thead_th\]\:py-2\.5 { & thead th { padding-block: calc(var(--spacing) * 2.5); } } .\[\&_thead_th\]\:text-xs { & thead th { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_thead_th\]\:font-semibold { & thead th { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&_thead_th\]\:tracking-wider { & thead th { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } } .\[\&_thead_th\]\:text-slate-600 { & thead th { color: var(--color-slate-600); } } .\[\&_thead_th\]\:uppercase { & thead th { text-transform: uppercase; } } .dark\:\[\&_thead_th\]\:border-gray-700 { &:is(.dark *) { & thead th { border-color: var(--color-gray-700); } } } .dark\:\[\&_thead_th\]\:border-b-gray-600 { &:is(.dark *) { & thead th { border-bottom-color: var(--color-gray-600); } } } .dark\:\[\&_thead_th\]\:bg-slate-800 { &:is(.dark *) { & thead th { background-color: var(--color-slate-800); } } } .dark\:\[\&_thead_th\]\:text-slate-300 { &:is(.dark *) { & thead th { color: var(--color-slate-300); } } } .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none { &::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { border-color: var(--color-gray-200, currentColor); } button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } } .dark .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #344054; } @layer base { body { position: relative; z-index: var(--z-index-1); background-color: #F7F6F4; &:is(.dark *) { background-color: var(--color-gray-900); } font-family: var(--font-outfit); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } } @layer utilities { input[type="date"]::-webkit-inner-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } } .sidebar:hover { width: 290px; } .sidebar:hover .logo { display: block; } .sidebar:hover .logo-icon { display: none; } .sidebar:hover .sidebar-header { justify-content: space-between; } .sidebar:hover .menu-group-title { display: block; } .sidebar:hover .menu-group-icon { display: none; } .sidebar:hover .menu-item-text { display: inline; } .sidebar:hover .menu-item-arrow { display: block; } .sidebar:hover .menu-dropdown { display: flex; } .app-shell { --sidebar-width: 290px; display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); width: 100%; max-width: 100vw; } .main-content, #main-content { min-width: 0; max-width: 100%; } .sidebar { box-sizing: border-box; width: var(--sidebar-width, 290px); max-width: var(--sidebar-width, 290px); flex: 0 0 var(--sidebar-width, 290px); } #content-area { grid-column: 2; min-width: 0; width: 100%; max-width: 100%; } #dashboard-v1, #dashboard-v1 > *, #content-area > *, #main-content > * { min-width: 0; max-width: 100%; } #dashboard-v1 .apexcharts-canvas, #dashboard-v1 .apexcharts-svg, #dashboard-v1 svg { max-width: 100% !important; } @media (min-width: 1024px) { .sidebar { position: static !important; grid-column: 1; translate: none !important; box-shadow: none !important; flex-shrink: 0; transition-property: none !important; transition-duration: 0s !important; } .sidebar-overlay { display: none !important; } .sidebar:not(.sidebar-expanded) { width: 290px; max-width: 290px; flex-basis: 290px; padding-left: 1.25rem; padding-right: 1.25rem; } .sidebar:not(.sidebar-expanded) .menu-item-text { display: inline !important; } .sidebar:not(.sidebar-expanded) .menu-group-title { display: block !important; } .sidebar:not(.sidebar-expanded) .logo { display: block !important; } .sidebar:not(.sidebar-expanded) .logo-icon { display: none !important; } .sidebar:not(.sidebar-expanded) .menu-item-arrow { display: block !important; } .sidebar:not(.sidebar-expanded) .menu-group-icon { display: none !important; } .sidebar:not(.sidebar-expanded) .sidebar-header { justify-content: flex-start !important; } .sidebar.sidebar-expanded { width: 70px !important; flex-basis: 70px !important; max-width: 70px !important; padding-left: 0 !important; padding-right: 0 !important; } .sidebar.sidebar-expanded:hover { width: 70px !important; flex-basis: 70px !important; max-width: 70px !important; } .sidebar.sidebar-expanded .menu-item { justify-content: center !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .sidebar.sidebar-expanded .menu-item > div:first-child { display: flex; width: 100%; align-items: center; justify-content: center; gap: 0 !important; } .sidebar.sidebar-expanded .menu-item > svg:first-child { margin-left: auto; margin-right: auto; } .sidebar.sidebar-expanded .menu-item-text { display: none !important; } .sidebar.sidebar-expanded .menu-group-title { display: none !important; } .sidebar.sidebar-expanded .logo { display: none !important; } .sidebar.sidebar-expanded .logo-icon { display: block !important; } .sidebar.sidebar-expanded .menu-item-arrow { display: none !important; } .sidebar.sidebar-expanded .menu-group-icon { display: block !important; } .sidebar.sidebar-expanded:hover .menu-item-text { display: none !important; } .sidebar.sidebar-expanded:hover .menu-group-title { display: none !important; } .sidebar.sidebar-expanded:hover .logo { display: none !important; } .sidebar.sidebar-expanded:hover .logo-icon { display: block !important; } .sidebar.sidebar-expanded:hover .menu-item-arrow { display: none !important; } .sidebar.sidebar-expanded:hover .menu-group-icon { display: block !important; } .sidebar.sidebar-expanded .sidebar-header { justify-content: center !important; } } @media (max-width: 1023px) { .app-shell { --sidebar-width: 0px !important; display: block !important; } .sidebar { position: fixed !important; left: 0; top: 0; width: 290px !important; flex-basis: 290px; max-width: 290px; } .main-content { width: 100%; } #content-area { width: 100%; max-width: 100%; } } @media (min-width: 768px) { .header-inner { flex-direction: row !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .header-row { border-bottom: none !important; padding-left: 0 !important; padding-right: 0 !important; padding-top: 1rem !important; padding-bottom: 1rem !important; width: auto !important; } .header-nav { display: flex !important; justify-content: flex-end !important; padding-left: 0 !important; padding-right: 0 !important; box-shadow: none !important; width: auto !important; } } .compact-mode { font-size: 0.875rem; } .compact-mode .rounded-2xl[class*="p-6"], .compact-mode .rounded-3xl[class*="p-8"], .compact-mode .rounded-2xl[class*="p-8"] { padding: 1rem !important; } .compact-mode .space-y-6 > * + * { margin-top: 0.75rem !important; } .compact-mode .space-y-5 > * + * { margin-top: 0.5rem !important; } .compact-mode .space-y-4 > * + * { margin-top: 0.5rem !important; } .compact-mode .mb-6 { margin-bottom: 0.75rem !important; } .compact-mode .mb-10 { margin-bottom: 1.25rem !important; } .compact-mode .pt-6 { padding-top: 0.75rem !important; } .compact-mode .mt-6 { margin-top: 0.75rem !important; } .compact-mode .gap-6 { gap: 0.75rem !important; } .compact-mode .gap-5 { gap: 0.5rem !important; } .compact-mode .gap-4 { gap: 0.5rem !important; } .compact-mode select, .compact-mode input[type="text"], .compact-mode input[type="email"], .compact-mode input[type="password"], .compact-mode textarea { padding: 0.5rem 0.75rem !important; font-size: 0.8125rem !important; } .compact-mode button[class*="px-6"][class*="py-2"], .compact-mode button[class*="px-5"][class*="py-2"] { padding: 0.375rem 0.75rem !important; font-size: 0.6875rem !important; } .compact-mode .py-4 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .compact-mode h3.text-lg { font-size: 0.9375rem !important; } .compact-mode h4.text-sm { font-size: 0.8125rem !important; } .compact-mode .min-h-\[220px\] { min-height: 160px !important; } .tableCheckbox:checked~span span { opacity: 100%; } .tableCheckbox:checked~span { border-color: var(--color-brand-500); background-color: var(--color-brand-500); } [x-cloak] { display: none !important; } .stock-transfer-shell { max-width: 90rem; } .stock-transfer-control { width: 100%; min-height: 2.625rem; border: 1px solid #cbd5e1; border-radius: 0.5rem; background: #fff; color: #0f172a; font-size: 0.875rem; line-height: 1.25rem; padding: 0.625rem 0.75rem; transition: border-color 160ms ease, box-shadow 160ms ease; } .stock-transfer-control:focus { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.18); outline: none; } .stock-transfer-control[readonly] { background: #f8fafc; } .stock-transfer-field-height { min-height: 2.625rem; } .stock-transfer-notes-control { min-height: 8rem; } .dark .stock-transfer-control { border-color: #475569; background: #111827; color: #f8fafc; } .stock-transfer-line-head { display: none; } .stock-transfer-lines { overflow: visible; } .stock-transfer-line-card { position: relative; border-top: 1px solid #e5e7eb; background: #fff; padding: 1rem 1.5rem; } .dark .stock-transfer-line-card { border-color: #334155; background: #111827; } .stock-transfer-line-card.stock-transfer-line-active { z-index: 80; } .stock-transfer-line-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0.75rem; align-items: end; } .stock-transfer-line-label { display: block; margin-bottom: 0.375rem; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; color: #64748b; } .stock-transfer-product-wrap { position: relative; } .stock-transfer-product-input { padding-right: 2.25rem; } .stock-transfer-product-input.has-unit { padding-right: 7.4rem; } .stock-transfer-unit-badge { position: absolute; right: 2.15rem; top: 50%; transform: translateY(-50%); display: inline-flex; max-width: 5rem; align-items: center; justify-content: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #2563eb; border-radius: 999px; background: #eff6ff; color: #1d4ed8; font-size: 0.625rem; font-weight: 800; line-height: 1; padding: 0.25rem 0.45rem; pointer-events: none; } .dark .stock-transfer-unit-badge { border-color: #60a5fa; background: rgba(37, 99, 235, 0.14); color: #93c5fd; } .stock-transfer-product-clear { position: absolute; right: 0.6rem; top: 50%; transform: translateY(-50%); color: #94a3b8; } .stock-transfer-product-clear:hover { color: #ef4444; } .stock-transfer-product-dropdown { position: absolute; left: 0; top: 100%; z-index: 100; width: min(30rem, calc(100vw - 4rem)); min-width: 100%; max-height: 18rem; overflow-y: auto; margin-top: 0.25rem; border: 1px solid #cbd5e1; border-radius: 0.75rem; background: #fff; box-shadow: 0 24px 55px -18px rgba(15, 23, 42, 0.35); } .dark .stock-transfer-product-dropdown { border-color: #334155; background: #111827; } .stock-transfer-total-box { text-align: right; } .stock-transfer-action-wrap { display: flex; justify-content: center; } .stock-transfer-summary-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; } @media (min-width: 768px) and (max-width: 1023px) { .stock-transfer-line-card { padding: 1rem 1.5rem 1.125rem; } .stock-transfer-line-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0.85rem; } .stock-transfer-product-cell { grid-column: span 6; } .stock-transfer-qty-cell { grid-column: span 3; } .stock-transfer-rate-cell { grid-column: span 3; } .stock-transfer-batch-cell { grid-column: span 3; } .stock-transfer-tax-cell { grid-column: span 3; } .stock-transfer-total-cell { grid-column: span 4; } .stock-transfer-action-cell { grid-column: span 2; } } @media (min-width: 1024px) { .stock-transfer-line-head, .stock-transfer-line-grid { display: grid; grid-template-columns: 1fr 80px 110px 160px 120px 120px 34px; -moz-column-gap: 1.25rem; column-gap: 1.25rem; align-items: end; } .stock-transfer-line-head { align-items: center; min-height: 2.625rem; border-top: 1px solid #e5e7eb; background: #f8fafc; padding: 0 1.5rem; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; color: #64748b; } .dark .stock-transfer-line-head { border-color: #334155; background: rgba(15, 23, 42, 0.72); } .stock-transfer-line-card { padding: 1rem 1.5rem; } .stock-transfer-line-label { display: none; } .stock-transfer-summary-grid { grid-template-columns: minmax(0, 1fr) 24rem; } } @media (max-width: 767px) { .stock-transfer-line-card { margin: 0; padding: 1rem; } .stock-transfer-line-grid input, .stock-transfer-line-grid .stock-transfer-control { text-align: left !important; } .stock-transfer-total-box { align-items: flex-start; text-align: left !important; } .stock-transfer-action-wrap { justify-content: flex-start; } .stock-transfer-product-dropdown { width: 100%; } } .flatpickr-calendar.flatpickr-right, .flatpickr-calendar.static.flatpickr-right { left: auto !important; right: 0 !important; } .flatpickr-calendar { max-width: calc(100vw - 24px) !important; border-radius: 1rem !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; } @media (max-width: 640px) { .flatpickr-calendar.flatpickr-right, .flatpickr-calendar.static.flatpickr-right { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; } } .flatpickr-wrapper { display: block; width: 100%; } .compact-mode input[class*="pl-8"], .compact-mode input[class*="pl-9"], .compact-mode input[class*="pl-10"], .compact-mode input[class*="pl-11"], .compact-mode input[class*="pl-12"], .compact-mode input.datepicker, .compact-mode .datepicker { padding-left: 2.375rem !important; } .compact-mode h1, .compact-mode .text-2xl { font-size: 1.375rem !important; line-height: 1.75rem !important; } .compact-mode h3, .compact-mode .text-lg { font-size: 1.125rem !important; line-height: 1.5rem !important; } .compact-mode h4, .compact-mode .text-sm, .compact-mode input, .compact-mode select, .compact-mode button, .compact-mode table td, .compact-mode table th { font-size: 0.875rem !important; line-height: 1.25rem !important; } .compact-mode p, .compact-mode .text-xs { font-size: 0.8125rem !important; line-height: 1.125rem !important; } .compact-mode table td, .compact-mode table th, .compact-mode [class*="py-2"], .compact-mode [class*="py-2.5"], .compact-mode [class*="py-3"] { padding-top: 0.3125rem !important; padding-bottom: 0.3125rem !important; } @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-font-weight { syntax: "*"; inherits: false; } @property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; } @property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-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: 0px; } @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-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-tracking { syntax: "*"; inherits: false; } @property --tw-ordinal { syntax: "*"; inherits: false; } @property --tw-slashed-zero { syntax: "*"; inherits: false; } @property --tw-numeric-figure { syntax: "*"; inherits: false; } @property --tw-numeric-spacing { syntax: "*"; inherits: false; } @property --tw-numeric-fraction { syntax: "*"; inherits: false; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-backdrop-blur { syntax: "*"; inherits: false; } @property --tw-backdrop-brightness { syntax: "*"; inherits: false; } @property --tw-backdrop-contrast { syntax: "*"; inherits: false; } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; } @property --tw-backdrop-invert { syntax: "*"; inherits: false; } @property --tw-backdrop-opacity { syntax: "*"; inherits: false; } @property --tw-backdrop-saturate { syntax: "*"; inherits: false; } @property --tw-backdrop-sepia { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-font-weight: initial; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-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-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-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } }