@layer properties, wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides, theme, base, vendor, components, utilities;
@import "https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" layer(vendor);
/* app/javascript/stylesheets/eva/application.css */
@layer properties;
@layer vendor {
.iti {
position: relative;
display: inline-block;
}
.iti * {
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.iti__hide {
display: none;
}
.iti__v-hide {
visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0;
}
.iti__flag-container {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px;
}
.iti__selected-flag {
z-index: 1;
position: relative;
display: flex;
align-items: center;
height: 100%;
padding: 0 6px 0 8px;
}
.iti__arrow {
margin-left: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555;
}
.iti__arrow--up {
border-top: none;
border-bottom: 4px solid #555;
}
.iti__country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
background-color: white;
border: 1px solid #CCC;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
bottom: 100%;
margin-bottom: -1px;
}
@media (max-width: 500px) {
.iti__country-list {
white-space: normal;
}
}
.iti__flag-box {
display: inline-block;
width: 20px;
}
.iti__divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #CCC;
}
.iti__country {
padding: 5px 10px;
outline: none;
}
.iti__dial-code {
color: #999;
}
.iti__country.iti__highlight {
background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box,
.iti__country-name,
.iti__dial-code {
vertical-align: middle;
}
.iti__flag-box,
.iti__country-name {
margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
right: auto;
left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
margin-left: 6px;
}
.iti--container {
position: absolute;
top: -1000px;
left: -1000px;
z-index: 1060;
padding: 1px;
}
.iti--container:hover {
cursor: pointer;
}
.iti-mobile .iti--container {
top: 30px;
bottom: 30px;
left: 30px;
right: 30px;
position: fixed;
}
.iti-mobile .iti__country-list {
max-height: 100%;
width: 100%;
}
.iti-mobile .iti__country {
padding: 10px 10px;
line-height: 1.5em;
}
.iti__flag {
width: 20px;
}
.iti__flag.iti__be {
width: 18px;
}
.iti__flag.iti__ch {
width: 15px;
}
.iti__flag.iti__mc {
width: 19px;
}
.iti__flag.iti__ne {
width: 18px;
}
.iti__flag.iti__np {
width: 13px;
}
.iti__flag.iti__va {
width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-size: 5652px 15px;
}
}
.iti__flag.iti__ac {
height: 10px;
background-position: 0px 0px;
}
.iti__flag.iti__ad {
height: 14px;
background-position: -22px 0px;
}
.iti__flag.iti__ae {
height: 10px;
background-position: -44px 0px;
}
.iti__flag.iti__af {
height: 14px;
background-position: -66px 0px;
}
.iti__flag.iti__ag {
height: 14px;
background-position: -88px 0px;
}
.iti__flag.iti__ai {
height: 10px;
background-position: -110px 0px;
}
.iti__flag.iti__al {
height: 15px;
background-position: -132px 0px;
}
.iti__flag.iti__am {
height: 10px;
background-position: -154px 0px;
}
.iti__flag.iti__ao {
height: 14px;
background-position: -176px 0px;
}
.iti__flag.iti__aq {
height: 14px;
background-position: -198px 0px;
}
.iti__flag.iti__ar {
height: 13px;
background-position: -220px 0px;
}
.iti__flag.iti__as {
height: 10px;
background-position: -242px 0px;
}
.iti__flag.iti__at {
height: 14px;
background-position: -264px 0px;
}
.iti__flag.iti__au {
height: 10px;
background-position: -286px 0px;
}
.iti__flag.iti__aw {
height: 14px;
background-position: -308px 0px;
}
.iti__flag.iti__ax {
height: 13px;
background-position: -330px 0px;
}
.iti__flag.iti__az {
height: 10px;
background-position: -352px 0px;
}
.iti__flag.iti__ba {
height: 10px;
background-position: -374px 0px;
}
.iti__flag.iti__bb {
height: 14px;
background-position: -396px 0px;
}
.iti__flag.iti__bd {
height: 12px;
background-position: -418px 0px;
}
.iti__flag.iti__be {
height: 15px;
background-position: -440px 0px;
}
.iti__flag.iti__bf {
height: 14px;
background-position: -460px 0px;
}
.iti__flag.iti__bg {
height: 12px;
background-position: -482px 0px;
}
.iti__flag.iti__bh {
height: 12px;
background-position: -504px 0px;
}
.iti__flag.iti__bi {
height: 12px;
background-position: -526px 0px;
}
.iti__flag.iti__bj {
height: 14px;
background-position: -548px 0px;
}
.iti__flag.iti__bl {
height: 14px;
background-position: -570px 0px;
}
.iti__flag.iti__bm {
height: 10px;
background-position: -592px 0px;
}
.iti__flag.iti__bn {
height: 10px;
background-position: -614px 0px;
}
.iti__flag.iti__bo {
height: 14px;
background-position: -636px 0px;
}
.iti__flag.iti__bq {
height: 14px;
background-position: -658px 0px;
}
.iti__flag.iti__br {
height: 14px;
background-position: -680px 0px;
}
.iti__flag.iti__bs {
height: 10px;
background-position: -702px 0px;
}
.iti__flag.iti__bt {
height: 14px;
background-position: -724px 0px;
}
.iti__flag.iti__bv {
height: 15px;
background-position: -746px 0px;
}
.iti__flag.iti__bw {
height: 14px;
background-position: -768px 0px;
}
.iti__flag.iti__by {
height: 10px;
background-position: -790px 0px;
}
.iti__flag.iti__bz {
height: 14px;
background-position: -812px 0px;
}
.iti__flag.iti__ca {
height: 10px;
background-position: -834px 0px;
}
.iti__flag.iti__cc {
height: 10px;
background-position: -856px 0px;
}
.iti__flag.iti__cd {
height: 15px;
background-position: -878px 0px;
}
.iti__flag.iti__cf {
height: 14px;
background-position: -900px 0px;
}
.iti__flag.iti__cg {
height: 14px;
background-position: -922px 0px;
}
.iti__flag.iti__ch {
height: 15px;
background-position: -944px 0px;
}
.iti__flag.iti__ci {
height: 14px;
background-position: -961px 0px;
}
.iti__flag.iti__ck {
height: 10px;
background-position: -983px 0px;
}
.iti__flag.iti__cl {
height: 14px;
background-position: -1005px 0px;
}
.iti__flag.iti__cm {
height: 14px;
background-position: -1027px 0px;
}
.iti__flag.iti__cn {
height: 14px;
background-position: -1049px 0px;
}
.iti__flag.iti__co {
height: 14px;
background-position: -1071px 0px;
}
.iti__flag.iti__cp {
height: 14px;
background-position: -1093px 0px;
}
.iti__flag.iti__cr {
height: 12px;
background-position: -1115px 0px;
}
.iti__flag.iti__cu {
height: 10px;
background-position: -1137px 0px;
}
.iti__flag.iti__cv {
height: 12px;
background-position: -1159px 0px;
}
.iti__flag.iti__cw {
height: 14px;
background-position: -1181px 0px;
}
.iti__flag.iti__cx {
height: 10px;
background-position: -1203px 0px;
}
.iti__flag.iti__cy {
height: 14px;
background-position: -1225px 0px;
}
.iti__flag.iti__cz {
height: 14px;
background-position: -1247px 0px;
}
.iti__flag.iti__de {
height: 12px;
background-position: -1269px 0px;
}
.iti__flag.iti__dg {
height: 10px;
background-position: -1291px 0px;
}
.iti__flag.iti__dj {
height: 14px;
background-position: -1313px 0px;
}
.iti__flag.iti__dk {
height: 15px;
background-position: -1335px 0px;
}
.iti__flag.iti__dm {
height: 10px;
background-position: -1357px 0px;
}
.iti__flag.iti__do {
height: 14px;
background-position: -1379px 0px;
}
.iti__flag.iti__dz {
height: 14px;
background-position: -1401px 0px;
}
.iti__flag.iti__ea {
height: 14px;
background-position: -1423px 0px;
}
.iti__flag.iti__ec {
height: 14px;
background-position: -1445px 0px;
}
.iti__flag.iti__ee {
height: 13px;
background-position: -1467px 0px;
}
.iti__flag.iti__eg {
height: 14px;
background-position: -1489px 0px;
}
.iti__flag.iti__eh {
height: 10px;
background-position: -1511px 0px;
}
.iti__flag.iti__er {
height: 10px;
background-position: -1533px 0px;
}
.iti__flag.iti__es {
height: 14px;
background-position: -1555px 0px;
}
.iti__flag.iti__et {
height: 10px;
background-position: -1577px 0px;
}
.iti__flag.iti__eu {
height: 14px;
background-position: -1599px 0px;
}
.iti__flag.iti__fi {
height: 12px;
background-position: -1621px 0px;
}
.iti__flag.iti__fj {
height: 10px;
background-position: -1643px 0px;
}
.iti__flag.iti__fk {
height: 10px;
background-position: -1665px 0px;
}
.iti__flag.iti__fm {
height: 11px;
background-position: -1687px 0px;
}
.iti__flag.iti__fo {
height: 15px;
background-position: -1709px 0px;
}
.iti__flag.iti__fr {
height: 14px;
background-position: -1731px 0px;
}
.iti__flag.iti__ga {
height: 15px;
background-position: -1753px 0px;
}
.iti__flag.iti__gb {
height: 10px;
background-position: -1775px 0px;
}
.iti__flag.iti__gd {
height: 12px;
background-position: -1797px 0px;
}
.iti__flag.iti__ge {
height: 14px;
background-position: -1819px 0px;
}
.iti__flag.iti__gf {
height: 14px;
background-position: -1841px 0px;
}
.iti__flag.iti__gg {
height: 14px;
background-position: -1863px 0px;
}
.iti__flag.iti__gh {
height: 14px;
background-position: -1885px 0px;
}
.iti__flag.iti__gi {
height: 10px;
background-position: -1907px 0px;
}
.iti__flag.iti__gl {
height: 14px;
background-position: -1929px 0px;
}
.iti__flag.iti__gm {
height: 14px;
background-position: -1951px 0px;
}
.iti__flag.iti__gn {
height: 14px;
background-position: -1973px 0px;
}
.iti__flag.iti__gp {
height: 14px;
background-position: -1995px 0px;
}
.iti__flag.iti__gq {
height: 14px;
background-position: -2017px 0px;
}
.iti__flag.iti__gr {
height: 14px;
background-position: -2039px 0px;
}
.iti__flag.iti__gs {
height: 10px;
background-position: -2061px 0px;
}
.iti__flag.iti__gt {
height: 13px;
background-position: -2083px 0px;
}
.iti__flag.iti__gu {
height: 11px;
background-position: -2105px 0px;
}
.iti__flag.iti__gw {
height: 10px;
background-position: -2127px 0px;
}
.iti__flag.iti__gy {
height: 12px;
background-position: -2149px 0px;
}
.iti__flag.iti__hk {
height: 14px;
background-position: -2171px 0px;
}
.iti__flag.iti__hm {
height: 10px;
background-position: -2193px 0px;
}
.iti__flag.iti__hn {
height: 10px;
background-position: -2215px 0px;
}
.iti__flag.iti__hr {
height: 10px;
background-position: -2237px 0px;
}
.iti__flag.iti__ht {
height: 12px;
background-position: -2259px 0px;
}
.iti__flag.iti__hu {
height: 10px;
background-position: -2281px 0px;
}
.iti__flag.iti__ic {
height: 14px;
background-position: -2303px 0px;
}
.iti__flag.iti__id {
height: 14px;
background-position: -2325px 0px;
}
.iti__flag.iti__ie {
height: 10px;
background-position: -2347px 0px;
}
.iti__flag.iti__il {
height: 15px;
background-position: -2369px 0px;
}
.iti__flag.iti__im {
height: 10px;
background-position: -2391px 0px;
}
.iti__flag.iti__in {
height: 14px;
background-position: -2413px 0px;
}
.iti__flag.iti__io {
height: 10px;
background-position: -2435px 0px;
}
.iti__flag.iti__iq {
height: 14px;
background-position: -2457px 0px;
}
.iti__flag.iti__ir {
height: 12px;
background-position: -2479px 0px;
}
.iti__flag.iti__is {
height: 15px;
background-position: -2501px 0px;
}
.iti__flag.iti__it {
height: 14px;
background-position: -2523px 0px;
}
.iti__flag.iti__je {
height: 12px;
background-position: -2545px 0px;
}
.iti__flag.iti__jm {
height: 10px;
background-position: -2567px 0px;
}
.iti__flag.iti__jo {
height: 10px;
background-position: -2589px 0px;
}
.iti__flag.iti__jp {
height: 14px;
background-position: -2611px 0px;
}
.iti__flag.iti__ke {
height: 14px;
background-position: -2633px 0px;
}
.iti__flag.iti__kg {
height: 12px;
background-position: -2655px 0px;
}
.iti__flag.iti__kh {
height: 13px;
background-position: -2677px 0px;
}
.iti__flag.iti__ki {
height: 10px;
background-position: -2699px 0px;
}
.iti__flag.iti__km {
height: 12px;
background-position: -2721px 0px;
}
.iti__flag.iti__kn {
height: 14px;
background-position: -2743px 0px;
}
.iti__flag.iti__kp {
height: 10px;
background-position: -2765px 0px;
}
.iti__flag.iti__kr {
height: 14px;
background-position: -2787px 0px;
}
.iti__flag.iti__kw {
height: 10px;
background-position: -2809px 0px;
}
.iti__flag.iti__ky {
height: 10px;
background-position: -2831px 0px;
}
.iti__flag.iti__kz {
height: 10px;
background-position: -2853px 0px;
}
.iti__flag.iti__la {
height: 14px;
background-position: -2875px 0px;
}
.iti__flag.iti__lb {
height: 14px;
background-position: -2897px 0px;
}
.iti__flag.iti__lc {
height: 10px;
background-position: -2919px 0px;
}
.iti__flag.iti__li {
height: 12px;
background-position: -2941px 0px;
}
.iti__flag.iti__lk {
height: 10px;
background-position: -2963px 0px;
}
.iti__flag.iti__lr {
height: 11px;
background-position: -2985px 0px;
}
.iti__flag.iti__ls {
height: 14px;
background-position: -3007px 0px;
}
.iti__flag.iti__lt {
height: 12px;
background-position: -3029px 0px;
}
.iti__flag.iti__lu {
height: 12px;
background-position: -3051px 0px;
}
.iti__flag.iti__lv {
height: 10px;
background-position: -3073px 0px;
}
.iti__flag.iti__ly {
height: 10px;
background-position: -3095px 0px;
}
.iti__flag.iti__ma {
height: 14px;
background-position: -3117px 0px;
}
.iti__flag.iti__mc {
height: 15px;
background-position: -3139px 0px;
}
.iti__flag.iti__md {
height: 10px;
background-position: -3160px 0px;
}
.iti__flag.iti__me {
height: 10px;
background-position: -3182px 0px;
}
.iti__flag.iti__mf {
height: 14px;
background-position: -3204px 0px;
}
.iti__flag.iti__mg {
height: 14px;
background-position: -3226px 0px;
}
.iti__flag.iti__mh {
height: 11px;
background-position: -3248px 0px;
}
.iti__flag.iti__mk {
height: 10px;
background-position: -3270px 0px;
}
.iti__flag.iti__ml {
height: 14px;
background-position: -3292px 0px;
}
.iti__flag.iti__mm {
height: 14px;
background-position: -3314px 0px;
}
.iti__flag.iti__mn {
height: 10px;
background-position: -3336px 0px;
}
.iti__flag.iti__mo {
height: 14px;
background-position: -3358px 0px;
}
.iti__flag.iti__mp {
height: 10px;
background-position: -3380px 0px;
}
.iti__flag.iti__mq {
height: 14px;
background-position: -3402px 0px;
}
.iti__flag.iti__mr {
height: 14px;
background-position: -3424px 0px;
}
.iti__flag.iti__ms {
height: 10px;
background-position: -3446px 0px;
}
.iti__flag.iti__mt {
height: 14px;
background-position: -3468px 0px;
}
.iti__flag.iti__mu {
height: 14px;
background-position: -3490px 0px;
}
.iti__flag.iti__mv {
height: 14px;
background-position: -3512px 0px;
}
.iti__flag.iti__mw {
height: 14px;
background-position: -3534px 0px;
}
.iti__flag.iti__mx {
height: 12px;
background-position: -3556px 0px;
}
.iti__flag.iti__my {
height: 10px;
background-position: -3578px 0px;
}
.iti__flag.iti__mz {
height: 14px;
background-position: -3600px 0px;
}
.iti__flag.iti__na {
height: 14px;
background-position: -3622px 0px;
}
.iti__flag.iti__nc {
height: 10px;
background-position: -3644px 0px;
}
.iti__flag.iti__ne {
height: 15px;
background-position: -3666px 0px;
}
.iti__flag.iti__nf {
height: 10px;
background-position: -3686px 0px;
}
.iti__flag.iti__ng {
height: 10px;
background-position: -3708px 0px;
}
.iti__flag.iti__ni {
height: 12px;
background-position: -3730px 0px;
}
.iti__flag.iti__nl {
height: 14px;
background-position: -3752px 0px;
}
.iti__flag.iti__no {
height: 15px;
background-position: -3774px 0px;
}
.iti__flag.iti__np {
height: 15px;
background-position: -3796px 0px;
}
.iti__flag.iti__nr {
height: 10px;
background-position: -3811px 0px;
}
.iti__flag.iti__nu {
height: 10px;
background-position: -3833px 0px;
}
.iti__flag.iti__nz {
height: 10px;
background-position: -3855px 0px;
}
.iti__flag.iti__om {
height: 10px;
background-position: -3877px 0px;
}
.iti__flag.iti__pa {
height: 14px;
background-position: -3899px 0px;
}
.iti__flag.iti__pe {
height: 14px;
background-position: -3921px 0px;
}
.iti__flag.iti__pf {
height: 14px;
background-position: -3943px 0px;
}
.iti__flag.iti__pg {
height: 15px;
background-position: -3965px 0px;
}
.iti__flag.iti__ph {
height: 10px;
background-position: -3987px 0px;
}
.iti__flag.iti__pk {
height: 14px;
background-position: -4009px 0px;
}
.iti__flag.iti__pl {
height: 13px;
background-position: -4031px 0px;
}
.iti__flag.iti__pm {
height: 14px;
background-position: -4053px 0px;
}
.iti__flag.iti__pn {
height: 10px;
background-position: -4075px 0px;
}
.iti__flag.iti__pr {
height: 14px;
background-position: -4097px 0px;
}
.iti__flag.iti__ps {
height: 10px;
background-position: -4119px 0px;
}
.iti__flag.iti__pt {
height: 14px;
background-position: -4141px 0px;
}
.iti__flag.iti__pw {
height: 13px;
background-position: -4163px 0px;
}
.iti__flag.iti__py {
height: 11px;
background-position: -4185px 0px;
}
.iti__flag.iti__qa {
height: 8px;
background-position: -4207px 0px;
}
.iti__flag.iti__re {
height: 14px;
background-position: -4229px 0px;
}
.iti__flag.iti__ro {
height: 14px;
background-position: -4251px 0px;
}
.iti__flag.iti__rs {
height: 14px;
background-position: -4273px 0px;
}
.iti__flag.iti__ru {
height: 14px;
background-position: -4295px 0px;
}
.iti__flag.iti__rw {
height: 14px;
background-position: -4317px 0px;
}
.iti__flag.iti__sa {
height: 14px;
background-position: -4339px 0px;
}
.iti__flag.iti__sb {
height: 10px;
background-position: -4361px 0px;
}
.iti__flag.iti__sc {
height: 10px;
background-position: -4383px 0px;
}
.iti__flag.iti__sd {
height: 10px;
background-position: -4405px 0px;
}
.iti__flag.iti__se {
height: 13px;
background-position: -4427px 0px;
}
.iti__flag.iti__sg {
height: 14px;
background-position: -4449px 0px;
}
.iti__flag.iti__sh {
height: 10px;
background-position: -4471px 0px;
}
.iti__flag.iti__si {
height: 10px;
background-position: -4493px 0px;
}
.iti__flag.iti__sj {
height: 15px;
background-position: -4515px 0px;
}
.iti__flag.iti__sk {
height: 14px;
background-position: -4537px 0px;
}
.iti__flag.iti__sl {
height: 14px;
background-position: -4559px 0px;
}
.iti__flag.iti__sm {
height: 15px;
background-position: -4581px 0px;
}
.iti__flag.iti__sn {
height: 14px;
background-position: -4603px 0px;
}
.iti__flag.iti__so {
height: 14px;
background-position: -4625px 0px;
}
.iti__flag.iti__sr {
height: 14px;
background-position: -4647px 0px;
}
.iti__flag.iti__ss {
height: 10px;
background-position: -4669px 0px;
}
.iti__flag.iti__st {
height: 10px;
background-position: -4691px 0px;
}
.iti__flag.iti__sv {
height: 12px;
background-position: -4713px 0px;
}
.iti__flag.iti__sx {
height: 14px;
background-position: -4735px 0px;
}
.iti__flag.iti__sy {
height: 14px;
background-position: -4757px 0px;
}
.iti__flag.iti__sz {
height: 14px;
background-position: -4779px 0px;
}
.iti__flag.iti__ta {
height: 10px;
background-position: -4801px 0px;
}
.iti__flag.iti__tc {
height: 10px;
background-position: -4823px 0px;
}
.iti__flag.iti__td {
height: 14px;
background-position: -4845px 0px;
}
.iti__flag.iti__tf {
height: 14px;
background-position: -4867px 0px;
}
.iti__flag.iti__tg {
height: 13px;
background-position: -4889px 0px;
}
.iti__flag.iti__th {
height: 14px;
background-position: -4911px 0px;
}
.iti__flag.iti__tj {
height: 10px;
background-position: -4933px 0px;
}
.iti__flag.iti__tk {
height: 10px;
background-position: -4955px 0px;
}
.iti__flag.iti__tl {
height: 10px;
background-position: -4977px 0px;
}
.iti__flag.iti__tm {
height: 14px;
background-position: -4999px 0px;
}
.iti__flag.iti__tn {
height: 14px;
background-position: -5021px 0px;
}
.iti__flag.iti__to {
height: 10px;
background-position: -5043px 0px;
}
.iti__flag.iti__tr {
height: 14px;
background-position: -5065px 0px;
}
.iti__flag.iti__tt {
height: 12px;
background-position: -5087px 0px;
}
.iti__flag.iti__tv {
height: 10px;
background-position: -5109px 0px;
}
.iti__flag.iti__tw {
height: 14px;
background-position: -5131px 0px;
}
.iti__flag.iti__tz {
height: 14px;
background-position: -5153px 0px;
}
.iti__flag.iti__ua {
height: 14px;
background-position: -5175px 0px;
}
.iti__flag.iti__ug {
height: 14px;
background-position: -5197px 0px;
}
.iti__flag.iti__um {
height: 11px;
background-position: -5219px 0px;
}
.iti__flag.iti__un {
height: 14px;
background-position: -5241px 0px;
}
.iti__flag.iti__us {
height: 11px;
background-position: -5263px 0px;
}
.iti__flag.iti__uy {
height: 14px;
background-position: -5285px 0px;
}
.iti__flag.iti__uz {
height: 10px;
background-position: -5307px 0px;
}
.iti__flag.iti__va {
height: 15px;
background-position: -5329px 0px;
}
.iti__flag.iti__vc {
height: 14px;
background-position: -5346px 0px;
}
.iti__flag.iti__ve {
height: 14px;
background-position: -5368px 0px;
}
.iti__flag.iti__vg {
height: 10px;
background-position: -5390px 0px;
}
.iti__flag.iti__vi {
height: 14px;
background-position: -5412px 0px;
}
.iti__flag.iti__vn {
height: 14px;
background-position: -5434px 0px;
}
.iti__flag.iti__vu {
height: 12px;
background-position: -5456px 0px;
}
.iti__flag.iti__wf {
height: 14px;
background-position: -5478px 0px;
}
.iti__flag.iti__ws {
height: 10px;
background-position: -5500px 0px;
}
.iti__flag.iti__xk {
height: 15px;
background-position: -5522px 0px;
}
.iti__flag.iti__ye {
height: 14px;
background-position: -5544px 0px;
}
.iti__flag.iti__yt {
height: 14px;
background-position: -5566px 0px;
}
.iti__flag.iti__za {
height: 14px;
background-position: -5588px 0px;
}
.iti__flag.iti__zm {
height: 14px;
background-position: -5610px 0px;
}
.iti__flag.iti__zw {
height: 10px;
background-position: -5632px 0px;
}
.iti__flag {
height: 15px;
box-shadow: 0px 0px 1px 0px #888;
background-image: url(/assets/media/node_modules/intl-tel-input/build/img/flags-f3cc74c8e892ea0d26bd81710ed0dad9cb2a899a61fcfde3e5a6131c5daceb95.png);
background-repeat: no-repeat;
background-color: #DBDBDB;
background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.iti__flag {
background-image: url(/assets/media/node_modules/intl-tel-input/build/img/flags@2x-6adae73b7fa5b223263f065381c3898f2a384d45dfe424173feb8ce006a5610a.png);
}
}
.iti__flag.iti__np {
background-color: transparent;
}
.fa {
font-family: var(--fa-style-family,"Font Awesome 6 Pro");
font-weight: var(--fa-style,900);
}
.fa,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-light,
.fa-regular,
.fa-sharp,
.fa-sharp-duotone,
.fa-solid,
.fa-thin,
.fab,
.fad,
.fadl,
.fadr,
.fadt,
.fal,
.far,
.fas,
.fasdl,
.fasdr,
.fasds,
.fasdt,
.fasl,
.fasr,
.fass,
.fast,
.fat {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: var(--fa-display,inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
}
.fa-brands:before,
.fa-classic:before,
.fa-duotone:before,
.fa-light:before,
.fa-regular:before,
.fa-sharp-duotone:before,
.fa-sharp:before,
.fa-solid:before,
.fa-thin:before,
.fa:before,
.fab:before,
.fad:before,
.fadl:before,
.fadr:before,
.fadt:before,
.fal:before,
.far:before,
.fas:before,
.fasdl:before,
.fasdr:before,
.fasds:before,
.fasdt:before,
.fasl:before,
.fasr:before,
.fass:before,
.fast:before,
.fat:before {
content: var(--fa);
}
.fa-duotone.fa-light:after,
.fa-duotone.fa-regular:after,
.fa-duotone.fa-solid:after,
.fa-duotone.fa-thin:after,
.fa-duotone:after,
.fa-sharp-duotone.fa-light:after,
.fa-sharp-duotone.fa-regular:after,
.fa-sharp-duotone.fa-solid:after,
.fa-sharp-duotone.fa-thin:after,
.fa-sharp-duotone:after,
.fad:after,
.fadl:after,
.fadr:after,
.fadt:after,
.fasdl:after,
.fasdr:after,
.fasds:after,
.fasdt:after {
content: var(--fa--fa);
}
.fa-classic.fa-duotone {
font-family: "Font Awesome 6 Duotone";
}
.fa-sharp,
.fa-sharp-duotone,
.fasds,
.fass {
font-weight: 900;
}
.fa-classic,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fal,
.far,
.fas,
.fat {
font-family: "Font Awesome 6 Pro";
}
.fa-duotone,
.fad,
.fadl,
.fadr,
.fadt {
font-family: "Font Awesome 6 Duotone";
}
.fa-brands,
.fab {
font-family: "Font Awesome 6 Brands";
}
.fa-sharp,
.fasl,
.fasr,
.fass,
.fast {
font-family: "Font Awesome 6 Sharp";
}
.fa-sharp-duotone,
.fasdl,
.fasdr,
.fasds,
.fasdt {
font-family: "Font Awesome 6 Sharp Duotone";
}
.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-fw {
text-align: center;
width: 1.25em;
}
.fa-ul {
list-style-type: none;
margin-left: var(--fa-li-margin,2.5em);
padding-left: 0;
}
.fa-ul > li {
position: relative;
}
.fa-li {
left: 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,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);
padding: var(--fa-border-padding,.2em .25em .15em);
}
.fa-pull-left {
float: left;
margin-right: var(--fa-pull-margin,.3em);
}
.fa-pull-right {
float: right;
margin-left: 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,cubic-bezier(.4,0,.6,1));
}
.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,cubic-bezier(.4,0,.6,1));
}
.fa-flip {
animation-name: fa-flip;
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-shake {
animation-name: fa-shake;
animation-duration: var(--fa-animation-duration,1s);
animation-iteration-count: var(--fa-animation-iteration-count,infinite);
animation-timing-function: var(--fa-animation-timing,linear);
}
.fa-shake,
.fa-spin {
animation-delay: var(--fa-animation-delay,0s);
animation-direction: var(--fa-animation-direction,normal);
}
.fa-spin {
animation-name: fa-spin;
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));
}
@media (prefers-reduced-motion:reduce) {
.fa-beat,
.fa-beat-fade,
.fa-bounce,
.fa-fade,
.fa-flip,
.fa-pulse,
.fa-shake,
.fa-spin,
.fa-spin-pulse {
animation-delay: -1ms;
animation-duration: 1ms;
animation-iteration-count: 1;
transition-delay: 0s;
transition-duration: 0s;
}
}
@keyframes fa-beat {
0%, 90% {
transform: scale(1);
}
45% {
transform: scale(var(--fa-beat-scale,1.25));
}
}
@keyframes fa-bounce {
0% {
transform: scale(1) translateY(0);
}
10% {
transform: scale(var(--fa-bounce-start-scale-x,1.1), var(--fa-bounce-start-scale-y,.9)) translateY(0);
}
30% {
transform: scale(var(--fa-bounce-jump-scale-x,.9), var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));
}
50% {
transform: scale(var(--fa-bounce-land-scale-x,1.05), var(--fa-bounce-land-scale-y,.95)) translateY(0);
}
57% {
transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em));
}
64% {
transform: scale(1) translateY(0);
}
to {
transform: scale(1) translateY(0);
}
}
@keyframes fa-fade {
50% {
opacity: var(--fa-fade-opacity,.4);
}
}
@keyframes fa-beat-fade {
0%, to {
opacity: var(--fa-beat-fade-opacity,.4);
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(var(--fa-beat-fade-scale,1.125));
}
}
@keyframes fa-flip {
50% {
transform: rotate3d(var(--fa-flip-x,0), var(--fa-flip-y,1), var(--fa-flip-z,0), var(--fa-flip-angle,-180deg));
}
}
@keyframes fa-shake {
0% {
transform: rotate(-15deg);
}
4% {
transform: rotate(15deg);
}
8%, 24% {
transform: rotate(-18deg);
}
12%, 28% {
transform: rotate(18deg);
}
16% {
transform: rotate(-22deg);
}
20% {
transform: rotate(22deg);
}
32% {
transform: rotate(-12deg);
}
36% {
transform: rotate(12deg);
}
40%, to {
transform: rotate(0deg);
}
}
@keyframes fa-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.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 {
left: 0;
position: absolute;
text-align: center;
width: 100%;
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: "0";
--fa--fa: "00";
}
.fa-1 {
--fa: "1";
--fa--fa: "11";
}
.fa-2 {
--fa: "2";
--fa--fa: "22";
}
.fa-3 {
--fa: "3";
--fa--fa: "33";
}
.fa-4 {
--fa: "4";
--fa--fa: "44";
}
.fa-5 {
--fa: "5";
--fa--fa: "55";
}
.fa-6 {
--fa: "6";
--fa--fa: "66";
}
.fa-7 {
--fa: "7";
--fa--fa: "77";
}
.fa-8 {
--fa: "8";
--fa--fa: "88";
}
.fa-9 {
--fa: "9";
--fa--fa: "99";
}
.fa-fill-drip {
--fa: "\f576";
--fa--fa: "\f576\f576";
}
.fa-arrows-to-circle {
--fa: "\e4bd";
--fa--fa: "\e4bd\e4bd";
}
.fa-chevron-circle-right,
.fa-circle-chevron-right {
--fa: "\f138";
--fa--fa: "\f138\f138";
}
.fa-wagon-covered {
--fa: "\f8ee";
--fa--fa: "\f8ee\f8ee";
}
.fa-line-height {
--fa: "\f871";
--fa--fa: "\f871\f871";
}
.fa-bagel {
--fa: "\e3d7";
--fa--fa: "\e3d7\e3d7";
}
.fa-transporter-7 {
--fa: "\e2a8";
--fa--fa: "\e2a8\e2a8";
}
.fa-at {
--fa: "@";
--fa--fa: "@@";
}
.fa-rectangles-mixed {
--fa: "\e323";
--fa--fa: "\e323\e323";
}
.fa-phone-arrow-up,
.fa-phone-arrow-up-right,
.fa-phone-outgoing {
--fa: "\e224";
--fa--fa: "\e224\e224";
}
.fa-trash-alt,
.fa-trash-can {
--fa: "\f2ed";
--fa--fa: "\f2ed\f2ed";
}
.fa-circle-l {
--fa: "\e114";
--fa--fa: "\e114\e114";
}
.fa-head-side-goggles,
.fa-head-vr {
--fa: "\f6ea";
--fa--fa: "\f6ea\f6ea";
}
.fa-text-height {
--fa: "\f034";
--fa--fa: "\f034\f034";
}
.fa-user-times,
.fa-user-xmark {
--fa: "\f235";
--fa--fa: "\f235\f235";
}
.fa-face-hand-yawn {
--fa: "\e379";
--fa--fa: "\e379\e379";
}
.fa-gauge-simple-min,
.fa-tachometer-slowest {
--fa: "\f62d";
--fa--fa: "\f62d\f62d";
}
.fa-stethoscope {
--fa: "\f0f1";
--fa--fa: "\f0f1\f0f1";
}
.fa-coffin {
--fa: "\f6c6";
--fa--fa: "\f6c6\f6c6";
}
.fa-comment-alt,
.fa-message {
--fa: "\f27a";
--fa--fa: "\f27a\f27a";
}
.fa-bowl-salad,
.fa-salad {
--fa: "\f81e";
--fa--fa: "\f81e\f81e";
}
.fa-info {
--fa: "\f129";
--fa--fa: "\f129\f129";
}
.fa-robot-astromech {
--fa: "\e2d2";
--fa--fa: "\e2d2\e2d2";
}
.fa-ring-diamond {
--fa: "\e5ab";
--fa--fa: "\e5ab\e5ab";
}
.fa-fondue-pot {
--fa: "\e40d";
--fa--fa: "\e40d\e40d";
}
.fa-theta {
--fa: "\f69e";
--fa--fa: "\f69e\f69e";
}
.fa-face-hand-peeking {
--fa: "\e481";
--fa--fa: "\e481\e481";
}
.fa-square-user {
--fa: "\e283";
--fa--fa: "\e283\e283";
}
.fa-compress-alt,
.fa-down-left-and-up-right-to-center {
--fa: "\f422";
--fa--fa: "\f422\f422";
}
.fa-explosion {
--fa: "\e4e9";
--fa--fa: "\e4e9\e4e9";
}
.fa-file-alt,
.fa-file-lines,
.fa-file-text {
--fa: "\f15c";
--fa--fa: "\f15c\f15c";
}
.fa-wave-square {
--fa: "\f83e";
--fa--fa: "\f83e\f83e";
}
.fa-ring {
--fa: "\f70b";
--fa--fa: "\f70b\f70b";
}
.fa-building-un {
--fa: "\e4d9";
--fa--fa: "\e4d9\e4d9";
}
.fa-dice-three {
--fa: "\f527";
--fa--fa: "\f527\f527";
}
.fa-tire-pressure-warning {
--fa: "\f633";
--fa--fa: "\f633\f633";
}
.fa-wifi-2,
.fa-wifi-fair {
--fa: "\f6ab";
--fa--fa: "\f6ab\f6ab";
}
.fa-calendar-alt,
.fa-calendar-days {
--fa: "\f073";
--fa--fa: "\f073\f073";
}
.fa-mp3-player {
--fa: "\f8ce";
--fa--fa: "\f8ce\f8ce";
}
.fa-anchor-circle-check {
--fa: "\e4aa";
--fa--fa: "\e4aa\e4aa";
}
.fa-tally-4 {
--fa: "\e297";
--fa--fa: "\e297\e297";
}
.fa-rectangle-history {
--fa: "\e4a2";
--fa--fa: "\e4a2\e4a2";
}
.fa-building-circle-arrow-right {
--fa: "\e4d1";
--fa--fa: "\e4d1\e4d1";
}
.fa-volleyball,
.fa-volleyball-ball {
--fa: "\f45f";
--fa--fa: "\f45f\f45f";
}
.fa-sun-haze {
--fa: "\f765";
--fa--fa: "\f765\f765";
}
.fa-text-size {
--fa: "\f894";
--fa--fa: "\f894\f894";
}
.fa-ufo {
--fa: "\e047";
--fa--fa: "\e047\e047";
}
.fa-fork,
.fa-utensil-fork {
--fa: "\f2e3";
--fa--fa: "\f2e3\f2e3";
}
.fa-arrows-up-to-line {
--fa: "\e4c2";
--fa--fa: "\e4c2\e4c2";
}
.fa-mobile-signal {
--fa: "\e1ef";
--fa--fa: "\e1ef\e1ef";
}
.fa-barcode-scan {
--fa: "\f465";
--fa--fa: "\f465\f465";
}
.fa-sort-desc,
.fa-sort-down {
--fa: "\f0dd";
--fa--fa: "\f0dd\f0dd";
}
.fa-folder-arrow-down,
.fa-folder-download {
--fa: "\e053";
--fa--fa: "\e053\e053";
}
.fa-circle-minus,
.fa-minus-circle {
--fa: "\f056";
--fa--fa: "\f056\f056";
}
.fa-face-icicles {
--fa: "\e37c";
--fa--fa: "\e37c\e37c";
}
.fa-shovel {
--fa: "\f713";
--fa--fa: "\f713\f713";
}
.fa-door-open {
--fa: "\f52b";
--fa--fa: "\f52b\f52b";
}
.fa-films {
--fa: "\e17a";
--fa--fa: "\e17a\e17a";
}
.fa-right-from-bracket,
.fa-sign-out-alt {
--fa: "\f2f5";
--fa--fa: "\f2f5\f2f5";
}
.fa-face-glasses {
--fa: "\e377";
--fa--fa: "\e377\e377";
}
.fa-nfc {
--fa: "\e1f7";
--fa--fa: "\e1f7\e1f7";
}
.fa-atom {
--fa: "\f5d2";
--fa--fa: "\f5d2\f5d2";
}
.fa-soap {
--fa: "\e06e";
--fa--fa: "\e06e\e06e";
}
.fa-heart-music-camera-bolt,
.fa-icons {
--fa: "\f86d";
--fa--fa: "\f86d\f86d";
}
.fa-microphone-alt-slash,
.fa-microphone-lines-slash {
--fa: "\f539";
--fa--fa: "\f539\f539";
}
.fa-closed-captioning-slash {
--fa: "\e135";
--fa--fa: "\e135\e135";
}
.fa-calculator-alt,
.fa-calculator-simple {
--fa: "\f64c";
--fa--fa: "\f64c\f64c";
}
.fa-bridge-circle-check {
--fa: "\e4c9";
--fa--fa: "\e4c9\e4c9";
}
.fa-sliders-up,
.fa-sliders-v {
--fa: "\f3f1";
--fa--fa: "\f3f1\f3f1";
}
.fa-location-minus,
.fa-map-marker-minus {
--fa: "\f609";
--fa--fa: "\f609\f609";
}
.fa-pump-medical {
--fa: "\e06a";
--fa--fa: "\e06a\e06a";
}
.fa-fingerprint {
--fa: "\f577";
--fa--fa: "\f577\f577";
}
.fa-ski-boot {
--fa: "\e3cc";
--fa--fa: "\e3cc\e3cc";
}
.fa-rectangle-sd,
.fa-standard-definition {
--fa: "\e28a";
--fa--fa: "\e28a\e28a";
}
.fa-h1 {
--fa: "\f313";
--fa--fa: "\f313\f313";
}
.fa-hand-point-right {
--fa: "\f0a4";
--fa--fa: "\f0a4\f0a4";
}
.fa-magnifying-glass-location,
.fa-search-location {
--fa: "\f689";
--fa--fa: "\f689\f689";
}
.fa-message-bot {
--fa: "\e3b8";
--fa--fa: "\e3b8\e3b8";
}
.fa-forward-step,
.fa-step-forward {
--fa: "\f051";
--fa--fa: "\f051\f051";
}
.fa-face-smile-beam,
.fa-smile-beam {
--fa: "\f5b8";
--fa--fa: "\f5b8\f5b8";
}
.fa-light-ceiling {
--fa: "\e016";
--fa--fa: "\e016\e016";
}
.fa-comment-alt-exclamation,
.fa-message-exclamation {
--fa: "\f4a5";
--fa--fa: "\f4a5\f4a5";
}
.fa-bowl-scoop,
.fa-bowl-shaved-ice {
--fa: "\e3de";
--fa--fa: "\e3de\e3de";
}
.fa-square-x {
--fa: "\e286";
--fa--fa: "\e286\e286";
}
.fa-building-memo {
--fa: "\e61e";
--fa--fa: "\e61e\e61e";
}
.fa-utility-pole-double {
--fa: "\e2c4";
--fa--fa: "\e2c4\e2c4";
}
.fa-flag-checkered {
--fa: "\f11e";
--fa--fa: "\f11e\f11e";
}
.fa-chevron-double-up,
.fa-chevrons-up {
--fa: "\f325";
--fa--fa: "\f325\f325";
}
.fa-football,
.fa-football-ball {
--fa: "\f44e";
--fa--fa: "\f44e\f44e";
}
.fa-user-vneck {
--fa: "\e461";
--fa--fa: "\e461\e461";
}
.fa-school-circle-exclamation {
--fa: "\e56c";
--fa--fa: "\e56c\e56c";
}
.fa-crop {
--fa: "\f125";
--fa--fa: "\f125\f125";
}
.fa-angle-double-down,
.fa-angles-down {
--fa: "\f103";
--fa--fa: "\f103\f103";
}
.fa-users-rectangle {
--fa: "\e594";
--fa--fa: "\e594\e594";
}
.fa-people-roof {
--fa: "\e537";
--fa--fa: "\e537\e537";
}
.fa-arrow-square-right,
.fa-square-arrow-right {
--fa: "\f33b";
--fa--fa: "\f33b\f33b";
}
.fa-location-plus,
.fa-map-marker-plus {
--fa: "\f60a";
--fa--fa: "\f60a\f60a";
}
.fa-lightbulb-exclamation-on {
--fa: "\e1ca";
--fa--fa: "\e1ca\e1ca";
}
.fa-people-line {
--fa: "\e534";
--fa--fa: "\e534\e534";
}
.fa-beer,
.fa-beer-mug-empty {
--fa: "\f0fc";
--fa--fa: "\f0fc\f0fc";
}
.fa-car-people,
.fa-carpool {
--fa: "\e69c";
--fa--fa: "\e69c\e69c";
}
.fa-crate-empty {
--fa: "\e151";
--fa--fa: "\e151\e151";
}
.fa-diagram-predecessor {
--fa: "\e477";
--fa--fa: "\e477\e477";
}
.fa-transporter {
--fa: "\e042";
--fa--fa: "\e042\e042";
}
.fa-calendar-circle-user {
--fa: "\e471";
--fa--fa: "\e471\e471";
}
.fa-arrow-up-long,
.fa-long-arrow-up {
--fa: "\f176";
--fa--fa: "\f176\f176";
}
.fa-person-carry,
.fa-person-carry-box {
--fa: "\f4cf";
--fa--fa: "\f4cf\f4cf";
}
.fa-burn,
.fa-fire-flame-simple {
--fa: "\f46a";
--fa--fa: "\f46a\f46a";
}
.fa-male,
.fa-person {
--fa: "\f183";
--fa--fa: "\f183\f183";
}
.fa-laptop {
--fa: "\f109";
--fa--fa: "\f109\f109";
}
.fa-file-csv {
--fa: "\f6dd";
--fa--fa: "\f6dd\f6dd";
}
.fa-menorah {
--fa: "\f676";
--fa--fa: "\f676\f676";
}
.fa-union {
--fa: "\f6a2";
--fa--fa: "\f6a2\f6a2";
}
.fa-chevron-double-left,
.fa-chevrons-left {
--fa: "\f323";
--fa--fa: "\f323\f323";
}
.fa-circle-heart,
.fa-heart-circle {
--fa: "\f4c7";
--fa--fa: "\f4c7\f4c7";
}
.fa-truck-plane {
--fa: "\e58f";
--fa--fa: "\e58f\e58f";
}
.fa-record-vinyl {
--fa: "\f8d9";
--fa--fa: "\f8d9\f8d9";
}
.fa-bring-forward {
--fa: "\f856";
--fa--fa: "\f856\f856";
}
.fa-square-p {
--fa: "\e279";
--fa--fa: "\e279\e279";
}
.fa-face-grin-stars,
.fa-grin-stars {
--fa: "\f587";
--fa--fa: "\f587\f587";
}
.fa-sigma {
--fa: "\f68b";
--fa--fa: "\f68b\f68b";
}
.fa-camera-movie {
--fa: "\f8a9";
--fa--fa: "\f8a9\f8a9";
}
.fa-bong {
--fa: "\f55c";
--fa--fa: "\f55c\f55c";
}
.fa-clarinet {
--fa: "\f8ad";
--fa--fa: "\f8ad\f8ad";
}
.fa-truck-flatbed {
--fa: "\e2b6";
--fa--fa: "\e2b6\e2b6";
}
.fa-pastafarianism,
.fa-spaghetti-monster-flying {
--fa: "\f67b";
--fa--fa: "\f67b\f67b";
}
.fa-arrow-down-up-across-line {
--fa: "\e4af";
--fa--fa: "\e4af\e4af";
}
.fa-arrows-rotate-reverse {
--fa: "\e630";
--fa--fa: "\e630\e630";
}
.fa-leaf-heart {
--fa: "\f4cb";
--fa--fa: "\f4cb\f4cb";
}
.fa-house-building {
--fa: "\e1b1";
--fa--fa: "\e1b1\e1b1";
}
.fa-cheese-swiss {
--fa: "\f7f0";
--fa--fa: "\f7f0\f7f0";
}
.fa-spoon,
.fa-utensil-spoon {
--fa: "\f2e5";
--fa--fa: "\f2e5\f2e5";
}
.fa-jar-wheat {
--fa: "\e517";
--fa--fa: "\e517\e517";
}
.fa-envelopes-bulk,
.fa-mail-bulk {
--fa: "\f674";
--fa--fa: "\f674\f674";
}
.fa-file-circle-exclamation {
--fa: "\e4eb";
--fa--fa: "\e4eb\e4eb";
}
.fa-bow-arrow {
--fa: "\f6b9";
--fa--fa: "\f6b9\f6b9";
}
.fa-cart-xmark {
--fa: "\e0dd";
--fa--fa: "\e0dd\e0dd";
}
.fa-hexagon-xmark,
.fa-times-hexagon,
.fa-xmark-hexagon {
--fa: "\f2ee";
--fa--fa: "\f2ee\f2ee";
}
.fa-circle-h,
.fa-hospital-symbol {
--fa: "\f47e";
--fa--fa: "\f47e\f47e";
}
.fa-merge {
--fa: "\e526";
--fa--fa: "\e526\e526";
}
.fa-pager {
--fa: "\f815";
--fa--fa: "\f815\f815";
}
.fa-cart-minus {
--fa: "\e0db";
--fa--fa: "\e0db\e0db";
}
.fa-address-book,
.fa-contact-book {
--fa: "\f2b9";
--fa--fa: "\f2b9\f2b9";
}
.fa-pan-frying {
--fa: "\e42c";
--fa--fa: "\e42c\e42c";
}
.fa-grid,
.fa-grid-3 {
--fa: "\e195";
--fa--fa: "\e195\e195";
}
.fa-football-helmet {
--fa: "\f44f";
--fa--fa: "\f44f\f44f";
}
.fa-hand-love {
--fa: "\e1a5";
--fa--fa: "\e1a5\e1a5";
}
.fa-trees {
--fa: "\f724";
--fa--fa: "\f724\f724";
}
.fa-strikethrough {
--fa: "\f0cc";
--fa--fa: "\f0cc\f0cc";
}
.fa-page {
--fa: "\e428";
--fa--fa: "\e428\e428";
}
.fa-k {
--fa: "K";
--fa--fa: "KK";
}
.fa-diagram-previous {
--fa: "\e478";
--fa--fa: "\e478\e478";
}
.fa-gauge-min,
.fa-tachometer-alt-slowest {
--fa: "\f628";
--fa--fa: "\f628\f628";
}
.fa-folder-grid {
--fa: "\e188";
--fa--fa: "\e188\e188";
}
.fa-eggplant {
--fa: "\e16c";
--fa--fa: "\e16c\e16c";
}
.fa-excavator {
--fa: "\e656";
--fa--fa: "\e656\e656";
}
.fa-ram {
--fa: "\f70a";
--fa--fa: "\f70a\f70a";
}
.fa-landmark-flag {
--fa: "\e51c";
--fa--fa: "\e51c\e51c";
}
.fa-lips {
--fa: "\f600";
--fa--fa: "\f600\f600";
}
.fa-pencil,
.fa-pencil-alt {
--fa: "\f303";
--fa--fa: "\f303\f303";
}
.fa-backward {
--fa: "\f04a";
--fa--fa: "\f04a\f04a";
}
.fa-caret-right {
--fa: "\f0da";
--fa--fa: "\f0da\f0da";
}
.fa-comments {
--fa: "\f086";
--fa--fa: "\f086\f086";
}
.fa-file-clipboard,
.fa-paste {
--fa: "\f0ea";
--fa--fa: "\f0ea\f0ea";
}
.fa-desktop-arrow-down {
--fa: "\e155";
--fa--fa: "\e155\e155";
}
.fa-code-pull-request {
--fa: "\e13c";
--fa--fa: "\e13c\e13c";
}
.fa-pumpkin {
--fa: "\f707";
--fa--fa: "\f707\f707";
}
.fa-clipboard-list {
--fa: "\f46d";
--fa--fa: "\f46d\f46d";
}
.fa-pen-field {
--fa: "\e211";
--fa--fa: "\e211\e211";
}
.fa-chart-sine {
--fa: "\e69d";
--fa--fa: "\e69d\e69d";
}
.fa-blueberries {
--fa: "\e2e8";
--fa--fa: "\e2e8\e2e8";
}
.fa-truck-loading,
.fa-truck-ramp-box {
--fa: "\f4de";
--fa--fa: "\f4de\f4de";
}
.fa-note {
--fa: "\e1ff";
--fa--fa: "\e1ff\e1ff";
}
.fa-arrow-down-to-square {
--fa: "\e096";
--fa--fa: "\e096\e096";
}
.fa-user-check {
--fa: "\f4fc";
--fa--fa: "\f4fc\f4fc";
}
.fa-cloud-xmark {
--fa: "\e35f";
--fa--fa: "\e35f\e35f";
}
.fa-vial-virus {
--fa: "\e597";
--fa--fa: "\e597\e597";
}
.fa-book-alt,
.fa-book-blank {
--fa: "\f5d9";
--fa--fa: "\f5d9\f5d9";
}
.fa-golf-flag-hole {
--fa: "\e3ac";
--fa--fa: "\e3ac\e3ac";
}
.fa-comment-alt-arrow-down,
.fa-message-arrow-down {
--fa: "\e1db";
--fa--fa: "\e1db\e1db";
}
.fa-face-unamused {
--fa: "\e39f";
--fa--fa: "\e39f\e39f";
}
.fa-sheet-plastic {
--fa: "\e571";
--fa--fa: "\e571\e571";
}
.fa-circle-9 {
--fa: "\e0f6";
--fa--fa: "\e0f6\e0f6";
}
.fa-blog {
--fa: "\f781";
--fa--fa: "\f781\f781";
}
.fa-user-ninja {
--fa: "\f504";
--fa--fa: "\f504\f504";
}
.fa-pencil-slash {
--fa: "\e215";
--fa--fa: "\e215\e215";
}
.fa-bowling-pins {
--fa: "\f437";
--fa--fa: "\f437\f437";
}
.fa-person-arrow-up-from-line {
--fa: "\e539";
--fa--fa: "\e539\e539";
}
.fa-down-right {
--fa: "\e16b";
--fa--fa: "\e16b\e16b";
}
.fa-scroll-torah,
.fa-torah {
--fa: "\f6a0";
--fa--fa: "\f6a0\f6a0";
}
.fa-webhook {
--fa: "\e5d5";
--fa--fa: "\e5d5\e5d5";
}
.fa-blinds-open {
--fa: "\f8fc";
--fa--fa: "\f8fc\f8fc";
}
.fa-fence {
--fa: "\e303";
--fa--fa: "\e303\e303";
}
.fa-arrow-alt-up,
.fa-up {
--fa: "\f357";
--fa--fa: "\f357\f357";
}
.fa-broom-ball,
.fa-quidditch,
.fa-quidditch-broom-ball {
--fa: "\f458";
--fa--fa: "\f458\f458";
}
.fa-drumstick {
--fa: "\f6d6";
--fa--fa: "\f6d6\f6d6";
}
.fa-square-v {
--fa: "\e284";
--fa--fa: "\e284\e284";
}
.fa-face-awesome,
.fa-gave-dandy {
--fa: "\e409";
--fa--fa: "\e409\e409";
}
.fa-dial-off {
--fa: "\e162";
--fa--fa: "\e162\e162";
}
.fa-toggle-off {
--fa: "\f204";
--fa--fa: "\f204\f204";
}
.fa-face-smile-horns {
--fa: "\e391";
--fa--fa: "\e391\e391";
}
.fa-archive,
.fa-box-archive {
--fa: "\f187";
--fa--fa: "\f187\f187";
}
.fa-grapes {
--fa: "\e306";
--fa--fa: "\e306\e306";
}
.fa-person-drowning {
--fa: "\e545";
--fa--fa: "\e545\e545";
}
.fa-dial-max {
--fa: "\e15e";
--fa--fa: "\e15e\e15e";
}
.fa-circle-m {
--fa: "\e115";
--fa--fa: "\e115\e115";
}
.fa-calendar-image {
--fa: "\e0d4";
--fa--fa: "\e0d4\e0d4";
}
.fa-caret-circle-down,
.fa-circle-caret-down {
--fa: "\f32d";
--fa--fa: "\f32d\f32d";
}
.fa-arrow-down-9-1,
.fa-sort-numeric-desc,
.fa-sort-numeric-down-alt {
--fa: "\f886";
--fa--fa: "\f886\f886";
}
.fa-face-grin-tongue-squint,
.fa-grin-tongue-squint {
--fa: "\f58a";
--fa--fa: "\f58a\f58a";
}
.fa-shish-kebab {
--fa: "\f821";
--fa--fa: "\f821\f821";
}
.fa-spray-can {
--fa: "\f5bd";
--fa--fa: "\f5bd\f5bd";
}
.fa-alarm-snooze {
--fa: "\f845";
--fa--fa: "\f845\f845";
}
.fa-scarecrow {
--fa: "\f70d";
--fa--fa: "\f70d\f70d";
}
.fa-truck-monster {
--fa: "\f63b";
--fa--fa: "\f63b\f63b";
}
.fa-gift-card {
--fa: "\f663";
--fa--fa: "\f663\f663";
}
.fa-w {
--fa: "W";
--fa--fa: "WW";
}
.fa-code-pull-request-draft {
--fa: "\e3fa";
--fa--fa: "\e3fa\e3fa";
}
.fa-square-b {
--fa: "\e264";
--fa--fa: "\e264\e264";
}
.fa-elephant {
--fa: "\f6da";
--fa--fa: "\f6da\f6da";
}
.fa-earth-africa,
.fa-globe-africa {
--fa: "\f57c";
--fa--fa: "\f57c\f57c";
}
.fa-rainbow {
--fa: "\f75b";
--fa--fa: "\f75b\f75b";
}
.fa-circle-notch {
--fa: "\f1ce";
--fa--fa: "\f1ce\f1ce";
}
.fa-tablet-alt,
.fa-tablet-screen-button {
--fa: "\f3fa";
--fa--fa: "\f3fa\f3fa";
}
.fa-paw {
--fa: "\f1b0";
--fa--fa: "\f1b0\f1b0";
}
.fa-message-question {
--fa: "\e1e3";
--fa--fa: "\e1e3\e1e3";
}
.fa-cloud {
--fa: "\f0c2";
--fa--fa: "\f0c2\f0c2";
}
.fa-trowel-bricks {
--fa: "\e58a";
--fa--fa: "\e58a\e58a";
}
.fa-square-3 {
--fa: "\e258";
--fa--fa: "\e258\e258";
}
.fa-face-flushed,
.fa-flushed {
--fa: "\f579";
--fa--fa: "\f579\f579";
}
.fa-hospital-user {
--fa: "\f80d";
--fa--fa: "\f80d\f80d";
}
.fa-microwave {
--fa: "\e01b";
--fa--fa: "\e01b\e01b";
}
.fa-chf-sign {
--fa: "\e602";
--fa--fa: "\e602\e602";
}
.fa-tent-arrow-left-right {
--fa: "\e57f";
--fa--fa: "\e57f\e57f";
}
.fa-cart-circle-arrow-up {
--fa: "\e3f0";
--fa--fa: "\e3f0\e3f0";
}
.fa-trash-clock {
--fa: "\e2b0";
--fa--fa: "\e2b0\e2b0";
}
.fa-reflect-both {
--fa: "\e66f";
--fa--fa: "\e66f\e66f";
}
.fa-gavel,
.fa-legal {
--fa: "\f0e3";
--fa--fa: "\f0e3\f0e3";
}
.fa-sprinkler-ceiling {
--fa: "\e44c";
--fa--fa: "\e44c\e44c";
}
.fa-browsers {
--fa: "\e0cb";
--fa--fa: "\e0cb\e0cb";
}
.fa-trillium {
--fa: "\e588";
--fa--fa: "\e588\e588";
}
.fa-table-cells-unlock {
--fa: "\e692";
--fa--fa: "\e692\e692";
}
.fa-music-slash {
--fa: "\f8d1";
--fa--fa: "\f8d1\f8d1";
}
.fa-truck-ramp {
--fa: "\f4e0";
--fa--fa: "\f4e0\f4e0";
}
.fa-binoculars {
--fa: "\f1e5";
--fa--fa: "\f1e5\f1e5";
}
.fa-microphone-slash {
--fa: "\f131";
--fa--fa: "\f131\f131";
}
.fa-box-tissue {
--fa: "\e05b";
--fa--fa: "\e05b\e05b";
}
.fa-circle-c {
--fa: "\e101";
--fa--fa: "\e101\e101";
}
.fa-star-christmas {
--fa: "\f7d4";
--fa--fa: "\f7d4\f7d4";
}
.fa-chart-bullet {
--fa: "\e0e1";
--fa--fa: "\e0e1\e0e1";
}
.fa-motorcycle {
--fa: "\f21c";
--fa--fa: "\f21c\f21c";
}
.fa-tree-christmas {
--fa: "\f7db";
--fa--fa: "\f7db\f7db";
}
.fa-tire-flat {
--fa: "\f632";
--fa--fa: "\f632\f632";
}
.fa-sunglasses {
--fa: "\f892";
--fa--fa: "\f892\f892";
}
.fa-badge {
--fa: "\f335";
--fa--fa: "\f335\f335";
}
.fa-comment-alt-edit,
.fa-message-edit,
.fa-message-pen {
--fa: "\f4a4";
--fa--fa: "\f4a4\f4a4";
}
.fa-bell-concierge,
.fa-concierge-bell {
--fa: "\f562";
--fa--fa: "\f562\f562";
}
.fa-pen-ruler,
.fa-pencil-ruler {
--fa: "\f5ae";
--fa--fa: "\f5ae\f5ae";
}
.fa-file-mp3 {
--fa: "\e648";
--fa--fa: "\e648\e648";
}
.fa-arrow-progress {
--fa: "\e5df";
--fa--fa: "\e5df\e5df";
}
.fa-chess-rook-alt,
.fa-chess-rook-piece {
--fa: "\f448";
--fa--fa: "\f448\f448";
}
.fa-square-root {
--fa: "\f697";
--fa--fa: "\f697\f697";
}
.fa-album-collection-circle-plus {
--fa: "\e48e";
--fa--fa: "\e48e\e48e";
}
.fa-people-arrows,
.fa-people-arrows-left-right {
--fa: "\e068";
--fa--fa: "\e068\e068";
}
.fa-sign-post {
--fa: "\e624";
--fa--fa: "\e624\e624";
}
.fa-face-angry-horns {
--fa: "\e368";
--fa--fa: "\e368\e368";
}
.fa-mars-and-venus-burst {
--fa: "\e523";
--fa--fa: "\e523\e523";
}
.fa-tombstone {
--fa: "\f720";
--fa--fa: "\f720\f720";
}
.fa-caret-square-right,
.fa-square-caret-right {
--fa: "\f152";
--fa--fa: "\f152\f152";
}
.fa-cut,
.fa-scissors {
--fa: "\f0c4";
--fa--fa: "\f0c4\f0c4";
}
.fa-list-music {
--fa: "\f8c9";
--fa--fa: "\f8c9\f8c9";
}
.fa-sun-plant-wilt {
--fa: "\e57a";
--fa--fa: "\e57a\e57a";
}
.fa-toilets-portable {
--fa: "\e584";
--fa--fa: "\e584\e584";
}
.fa-hockey-puck {
--fa: "\f453";
--fa--fa: "\f453\f453";
}
.fa-mustache {
--fa: "\e5bc";
--fa--fa: "\e5bc\e5bc";
}
.fa-hyphen {
--fa: "-";
--fa--fa: "--";
}
.fa-table {
--fa: "\f0ce";
--fa--fa: "\f0ce\f0ce";
}
.fa-user-chef {
--fa: "\e3d2";
--fa--fa: "\e3d2\e3d2";
}
.fa-comment-alt-image,
.fa-message-image {
--fa: "\e1e0";
--fa--fa: "\e1e0\e1e0";
}
.fa-users-medical {
--fa: "\f830";
--fa--fa: "\f830\f830";
}
.fa-sensor-alert,
.fa-sensor-triangle-exclamation {
--fa: "\e029";
--fa--fa: "\e029\e029";
}
.fa-magnifying-glass-arrow-right {
--fa: "\e521";
--fa--fa: "\e521\e521";
}
.fa-digital-tachograph,
.fa-tachograph-digital {
--fa: "\f566";
--fa--fa: "\f566\f566";
}
.fa-face-mask {
--fa: "\e37f";
--fa--fa: "\e37f\e37f";
}
.fa-pickleball {
--fa: "\e435";
--fa--fa: "\e435\e435";
}
.fa-star-sharp-half {
--fa: "\e28c";
--fa--fa: "\e28c\e28c";
}
.fa-users-slash {
--fa: "\e073";
--fa--fa: "\e073\e073";
}
.fa-clover {
--fa: "\e139";
--fa--fa: "\e139\e139";
}
.fa-meat {
--fa: "\f814";
--fa--fa: "\f814\f814";
}
.fa-mail-reply,
.fa-reply {
--fa: "\f3e5";
--fa--fa: "\f3e5\f3e5";
}
.fa-star-and-crescent {
--fa: "\f699";
--fa--fa: "\f699\f699";
}
.fa-empty-set {
--fa: "\f656";
--fa--fa: "\f656\f656";
}
.fa-house-fire {
--fa: "\e50c";
--fa--fa: "\e50c\e50c";
}
.fa-minus-square,
.fa-square-minus {
--fa: "\f146";
--fa--fa: "\f146\f146";
}
.fa-helicopter {
--fa: "\f533";
--fa--fa: "\f533\f533";
}
.fa-bird {
--fa: "\e469";
--fa--fa: "\e469\e469";
}
.fa-compass {
--fa: "\f14e";
--fa--fa: "\f14e\f14e";
}
.fa-caret-square-down,
.fa-square-caret-down {
--fa: "\f150";
--fa--fa: "\f150\f150";
}
.fa-heart-half-alt,
.fa-heart-half-stroke {
--fa: "\e1ac";
--fa--fa: "\e1ac\e1ac";
}
.fa-file-circle-question {
--fa: "\e4ef";
--fa--fa: "\e4ef\e4ef";
}
.fa-truck-utensils {
--fa: "\e628";
--fa--fa: "\e628\e628";
}
.fa-laptop-code {
--fa: "\f5fc";
--fa--fa: "\f5fc\f5fc";
}
.fa-joystick {
--fa: "\f8c5";
--fa--fa: "\f8c5\f8c5";
}
.fa-grill-fire {
--fa: "\e5a4";
--fa--fa: "\e5a4\e5a4";
}
.fa-rectangle-vertical-history {
--fa: "\e237";
--fa--fa: "\e237\e237";
}
.fa-swatchbook {
--fa: "\f5c3";
--fa--fa: "\f5c3\f5c3";
}
.fa-prescription-bottle {
--fa: "\f485";
--fa--fa: "\f485\f485";
}
.fa-bars,
.fa-navicon {
--fa: "\f0c9";
--fa--fa: "\f0c9\f0c9";
}
.fa-keyboard-left {
--fa: "\e1c3";
--fa--fa: "\e1c3\e1c3";
}
.fa-people-group {
--fa: "\e533";
--fa--fa: "\e533\e533";
}
.fa-hourglass-3,
.fa-hourglass-end {
--fa: "\f253";
--fa--fa: "\f253\f253";
}
.fa-heart-broken,
.fa-heart-crack {
--fa: "\f7a9";
--fa--fa: "\f7a9\f7a9";
}
.fa-face-beam-hand-over-mouth {
--fa: "\e47c";
--fa--fa: "\e47c\e47c";
}
.fa-droplet-percent,
.fa-humidity {
--fa: "\f750";
--fa--fa: "\f750\f750";
}
.fa-external-link-square-alt,
.fa-square-up-right {
--fa: "\f360";
--fa--fa: "\f360\f360";
}
.fa-face-kiss-beam,
.fa-kiss-beam {
--fa: "\f597";
--fa--fa: "\f597\f597";
}
.fa-corn {
--fa: "\f6c7";
--fa--fa: "\f6c7\f6c7";
}
.fa-roller-coaster {
--fa: "\e324";
--fa--fa: "\e324\e324";
}
.fa-photo-film-music {
--fa: "\e228";
--fa--fa: "\e228\e228";
}
.fa-radar {
--fa: "\e024";
--fa--fa: "\e024\e024";
}
.fa-sickle {
--fa: "\f822";
--fa--fa: "\f822\f822";
}
.fa-film {
--fa: "\f008";
--fa--fa: "\f008\f008";
}
.fa-coconut {
--fa: "\e2f6";
--fa--fa: "\e2f6\e2f6";
}
.fa-ruler-horizontal {
--fa: "\f547";
--fa--fa: "\f547\f547";
}
.fa-shield-cross {
--fa: "\f712";
--fa--fa: "\f712\f712";
}
.fa-cassette-tape {
--fa: "\f8ab";
--fa--fa: "\f8ab\f8ab";
}
.fa-square-terminal {
--fa: "\e32a";
--fa--fa: "\e32a\e32a";
}
.fa-people-robbery {
--fa: "\e536";
--fa--fa: "\e536\e536";
}
.fa-lightbulb {
--fa: "\f0eb";
--fa--fa: "\f0eb\f0eb";
}
.fa-caret-left {
--fa: "\f0d9";
--fa--fa: "\f0d9\f0d9";
}
.fa-comment-middle {
--fa: "\e149";
--fa--fa: "\e149\e149";
}
.fa-trash-can-list {
--fa: "\e2ab";
--fa--fa: "\e2ab\e2ab";
}
.fa-block {
--fa: "\e46a";
--fa--fa: "\e46a\e46a";
}
.fa-circle-exclamation,
.fa-exclamation-circle {
--fa: "\f06a";
--fa--fa: "\f06a\f06a";
}
.fa-school-circle-xmark {
--fa: "\e56d";
--fa--fa: "\e56d\e56d";
}
.fa-arrow-right-from-bracket,
.fa-sign-out {
--fa: "\f08b";
--fa--fa: "\f08b\f08b";
}
.fa-face-frown-slight {
--fa: "\e376";
--fa--fa: "\e376\e376";
}
.fa-chevron-circle-down,
.fa-circle-chevron-down {
--fa: "\f13a";
--fa--fa: "\f13a\f13a";
}
.fa-sidebar-flip {
--fa: "\e24f";
--fa--fa: "\e24f\e24f";
}
.fa-unlock-alt,
.fa-unlock-keyhole {
--fa: "\f13e";
--fa--fa: "\f13e\f13e";
}
.fa-temperature-list {
--fa: "\e299";
--fa--fa: "\e299\e299";
}
.fa-cloud-showers-heavy {
--fa: "\f740";
--fa--fa: "\f740\f740";
}
.fa-headphones-alt,
.fa-headphones-simple {
--fa: "\f58f";
--fa--fa: "\f58f\f58f";
}
.fa-sitemap {
--fa: "\f0e8";
--fa--fa: "\f0e8\f0e8";
}
.fa-pipe-section {
--fa: "\e438";
--fa--fa: "\e438\e438";
}
.fa-space-station-moon-alt,
.fa-space-station-moon-construction {
--fa: "\e034";
--fa--fa: "\e034\e034";
}
.fa-circle-dollar-to-slot,
.fa-donate {
--fa: "\f4b9";
--fa--fa: "\f4b9\f4b9";
}
.fa-memory {
--fa: "\f538";
--fa--fa: "\f538\f538";
}
.fa-face-sleeping {
--fa: "\e38d";
--fa--fa: "\e38d\e38d";
}
.fa-road-spikes {
--fa: "\e568";
--fa--fa: "\e568\e568";
}
.fa-fire-burner {
--fa: "\e4f1";
--fa--fa: "\e4f1\e4f1";
}
.fa-squirrel {
--fa: "\f71a";
--fa--fa: "\f71a\f71a";
}
.fa-arrow-to-top,
.fa-arrow-up-to-line {
--fa: "\f341";
--fa--fa: "\f341\f341";
}
.fa-flag {
--fa: "\f024";
--fa--fa: "\f024\f024";
}
.fa-face-cowboy-hat {
--fa: "\e36e";
--fa--fa: "\e36e\e36e";
}
.fa-hanukiah {
--fa: "\f6e6";
--fa--fa: "\f6e6\f6e6";
}
.fa-chart-scatter-3d {
--fa: "\e0e8";
--fa--fa: "\e0e8\e0e8";
}
.fa-display-chart-up {
--fa: "\e5e3";
--fa--fa: "\e5e3\e5e3";
}
.fa-square-code {
--fa: "\e267";
--fa--fa: "\e267\e267";
}
.fa-feather {
--fa: "\f52d";
--fa--fa: "\f52d\f52d";
}
.fa-volume-down,
.fa-volume-low {
--fa: "\f027";
--fa--fa: "\f027\f027";
}
.fa-times-to-slot,
.fa-vote-nay,
.fa-xmark-to-slot {
--fa: "\f771";
--fa--fa: "\f771\f771";
}
.fa-box-alt,
.fa-box-taped {
--fa: "\f49a";
--fa--fa: "\f49a\f49a";
}
.fa-comment-slash {
--fa: "\f4b3";
--fa--fa: "\f4b3\f4b3";
}
.fa-swords {
--fa: "\f71d";
--fa--fa: "\f71d\f71d";
}
.fa-cloud-sun-rain {
--fa: "\f743";
--fa--fa: "\f743\f743";
}
.fa-album {
--fa: "\f89f";
--fa--fa: "\f89f\f89f";
}
.fa-circle-n {
--fa: "\e118";
--fa--fa: "\e118\e118";
}
.fa-compress {
--fa: "\f066";
--fa--fa: "\f066\f066";
}
.fa-wheat-alt,
.fa-wheat-awn {
--fa: "\e2cd";
--fa--fa: "\e2cd\e2cd";
}
.fa-ankh {
--fa: "\f644";
--fa--fa: "\f644\f644";
}
.fa-hands-holding-child {
--fa: "\e4fa";
--fa--fa: "\e4fa\e4fa";
}
.fa-asterisk {
--fa: "*";
--fa--fa: "**";
}
.fa-key-skeleton-left-right {
--fa: "\e3b4";
--fa--fa: "\e3b4\e3b4";
}
.fa-comment-lines {
--fa: "\f4b0";
--fa--fa: "\f4b0\f4b0";
}
.fa-luchador,
.fa-luchador-mask,
.fa-mask-luchador {
--fa: "\f455";
--fa--fa: "\f455\f455";
}
.fa-check-square,
.fa-square-check {
--fa: "\f14a";
--fa--fa: "\f14a\f14a";
}
.fa-shredder {
--fa: "\f68a";
--fa--fa: "\f68a\f68a";
}
.fa-book-open-alt,
.fa-book-open-cover {
--fa: "\e0c0";
--fa--fa: "\e0c0\e0c0";
}
.fa-sandwich {
--fa: "\f81f";
--fa--fa: "\f81f\f81f";
}
.fa-peseta-sign {
--fa: "\e221";
--fa--fa: "\e221\e221";
}
.fa-parking-slash,
.fa-square-parking-slash {
--fa: "\f617";
--fa--fa: "\f617\f617";
}
.fa-train-tunnel {
--fa: "\e454";
--fa--fa: "\e454\e454";
}
.fa-header,
.fa-heading {
--fa: "\f1dc";
--fa--fa: "\f1dc\f1dc";
}
.fa-ghost {
--fa: "\f6e2";
--fa--fa: "\f6e2\f6e2";
}
.fa-face-anguished {
--fa: "\e369";
--fa--fa: "\e369\e369";
}
.fa-hockey-sticks {
--fa: "\f454";
--fa--fa: "\f454\f454";
}
.fa-abacus {
--fa: "\f640";
--fa--fa: "\f640\f640";
}
.fa-film-alt,
.fa-film-simple {
--fa: "\f3a0";
--fa--fa: "\f3a0\f3a0";
}
.fa-list,
.fa-list-squares {
--fa: "\f03a";
--fa--fa: "\f03a\f03a";
}
.fa-tree-palm {
--fa: "\f82b";
--fa--fa: "\f82b\f82b";
}
.fa-phone-square-alt,
.fa-square-phone-flip {
--fa: "\f87b";
--fa--fa: "\f87b\f87b";
}
.fa-user-beard-bolt {
--fa: "\e689";
--fa--fa: "\e689\e689";
}
.fa-cart-plus {
--fa: "\f217";
--fa--fa: "\f217\f217";
}
.fa-gamepad {
--fa: "\f11b";
--fa--fa: "\f11b\f11b";
}
.fa-border-center-v {
--fa: "\f89d";
--fa--fa: "\f89d\f89d";
}
.fa-circle-dot,
.fa-dot-circle {
--fa: "\f192";
--fa--fa: "\f192\f192";
}
.fa-clipboard-medical {
--fa: "\e133";
--fa--fa: "\e133\e133";
}
.fa-dizzy,
.fa-face-dizzy {
--fa: "\f567";
--fa--fa: "\f567\f567";
}
.fa-egg {
--fa: "\f7fb";
--fa--fa: "\f7fb\f7fb";
}
.fa-arrow-alt-to-top,
.fa-up-to-line {
--fa: "\f34d";
--fa--fa: "\f34d\f34d";
}
.fa-house-medical-circle-xmark {
--fa: "\e513";
--fa--fa: "\e513\e513";
}
.fa-watch-fitness {
--fa: "\f63e";
--fa--fa: "\f63e\f63e";
}
.fa-clock-nine-thirty {
--fa: "\e34d";
--fa--fa: "\e34d\e34d";
}
.fa-campground {
--fa: "\f6bb";
--fa--fa: "\f6bb\f6bb";
}
.fa-folder-plus {
--fa: "\f65e";
--fa--fa: "\f65e\f65e";
}
.fa-jug {
--fa: "\f8c6";
--fa--fa: "\f8c6\f8c6";
}
.fa-futbol,
.fa-futbol-ball,
.fa-soccer-ball {
--fa: "\f1e3";
--fa--fa: "\f1e3\f1e3";
}
.fa-snow-blowing {
--fa: "\f761";
--fa--fa: "\f761\f761";
}
.fa-paint-brush,
.fa-paintbrush {
--fa: "\f1fc";
--fa--fa: "\f1fc\f1fc";
}
.fa-lock {
--fa: "\f023";
--fa--fa: "\f023\f023";
}
.fa-arrow-down-from-line,
.fa-arrow-from-top {
--fa: "\f345";
--fa--fa: "\f345\f345";
}
.fa-gas-pump {
--fa: "\f52f";
--fa--fa: "\f52f\f52f";
}
.fa-signal-alt-slash,
.fa-signal-bars-slash {
--fa: "\f694";
--fa--fa: "\f694\f694";
}
.fa-monkey {
--fa: "\f6fb";
--fa--fa: "\f6fb\f6fb";
}
.fa-pro,
.fa-rectangle-pro {
--fa: "\e235";
--fa--fa: "\e235\e235";
}
.fa-house-night {
--fa: "\e010";
--fa--fa: "\e010\e010";
}
.fa-hot-tub,
.fa-hot-tub-person {
--fa: "\f593";
--fa--fa: "\f593\f593";
}
.fa-globe-pointer {
--fa: "\e60e";
--fa--fa: "\e60e\e60e";
}
.fa-blanket {
--fa: "\f498";
--fa--fa: "\f498\f498";
}
.fa-map-location,
.fa-map-marked {
--fa: "\f59f";
--fa--fa: "\f59f\f59f";
}
.fa-house-flood-water {
--fa: "\e50e";
--fa--fa: "\e50e\e50e";
}
.fa-comments-question-check {
--fa: "\e14f";
--fa--fa: "\e14f\e14f";
}
.fa-tree {
--fa: "\f1bb";
--fa--fa: "\f1bb\f1bb";
}
.fa-arrows-cross {
--fa: "\e0a2";
--fa--fa: "\e0a2\e0a2";
}
.fa-backpack {
--fa: "\f5d4";
--fa--fa: "\f5d4\f5d4";
}
.fa-square-small {
--fa: "\e27e";
--fa--fa: "\e27e\e27e";
}
.fa-folder-arrow-up,
.fa-folder-upload {
--fa: "\e054";
--fa--fa: "\e054\e054";
}
.fa-bridge-lock {
--fa: "\e4cc";
--fa--fa: "\e4cc\e4cc";
}
.fa-crosshairs-simple {
--fa: "\e59f";
--fa--fa: "\e59f\e59f";
}
.fa-sack-dollar {
--fa: "\f81d";
--fa--fa: "\f81d\f81d";
}
.fa-edit,
.fa-pen-to-square {
--fa: "\f044";
--fa--fa: "\f044\f044";
}
.fa-sliders-h-square,
.fa-square-sliders {
--fa: "\f3f0";
--fa--fa: "\f3f0\f3f0";
}
.fa-car-side {
--fa: "\f5e4";
--fa--fa: "\f5e4\f5e4";
}
.fa-comment-middle-top-alt,
.fa-message-middle-top {
--fa: "\e1e2";
--fa--fa: "\e1e2\e1e2";
}
.fa-lightbulb-on {
--fa: "\f672";
--fa--fa: "\f672\f672";
}
.fa-knife,
.fa-utensil-knife {
--fa: "\f2e4";
--fa--fa: "\f2e4\f2e4";
}
.fa-share-alt,
.fa-share-nodes {
--fa: "\f1e0";
--fa--fa: "\f1e0\f1e0";
}
.fa-display-chart-up-circle-dollar {
--fa: "\e5e6";
--fa--fa: "\e5e6\e5e6";
}
.fa-wave-sine {
--fa: "\f899";
--fa--fa: "\f899\f899";
}
.fa-heart-circle-minus {
--fa: "\e4ff";
--fa--fa: "\e4ff\e4ff";
}
.fa-circle-w {
--fa: "\e12c";
--fa--fa: "\e12c\e12c";
}
.fa-calendar-circle,
.fa-circle-calendar {
--fa: "\e102";
--fa--fa: "\e102\e102";
}
.fa-hourglass-2,
.fa-hourglass-half {
--fa: "\f252";
--fa--fa: "\f252\f252";
}
.fa-microscope {
--fa: "\f610";
--fa--fa: "\f610\f610";
}
.fa-sunset {
--fa: "\f767";
--fa--fa: "\f767\f767";
}
.fa-sink {
--fa: "\e06d";
--fa--fa: "\e06d\e06d";
}
.fa-calendar-exclamation {
--fa: "\f334";
--fa--fa: "\f334\f334";
}
.fa-truck-container-empty {
--fa: "\e2b5";
--fa--fa: "\e2b5\e2b5";
}
.fa-hand-heart {
--fa: "\f4bc";
--fa--fa: "\f4bc\f4bc";
}
.fa-bag-shopping,
.fa-shopping-bag {
--fa: "\f290";
--fa--fa: "\f290\f290";
}
.fa-arrow-down-z-a,
.fa-sort-alpha-desc,
.fa-sort-alpha-down-alt {
--fa: "\f881";
--fa--fa: "\f881\f881";
}
.fa-mitten {
--fa: "\f7b5";
--fa--fa: "\f7b5\f7b5";
}
.fa-reply-clock,
.fa-reply-time {
--fa: "\e239";
--fa--fa: "\e239\e239";
}
.fa-person-rays {
--fa: "\e54d";
--fa--fa: "\e54d\e54d";
}
.fa-arrow-alt-right,
.fa-right {
--fa: "\f356";
--fa--fa: "\f356\f356";
}
.fa-circle-f {
--fa: "\e10e";
--fa--fa: "\e10e\e10e";
}
.fa-users {
--fa: "\f0c0";
--fa--fa: "\f0c0\f0c0";
}
.fa-face-pleading {
--fa: "\e386";
--fa--fa: "\e386\e386";
}
.fa-eye-slash {
--fa: "\f070";
--fa--fa: "\f070\f070";
}
.fa-flask-vial {
--fa: "\e4f3";
--fa--fa: "\e4f3\e4f3";
}
.fa-police-box {
--fa: "\e021";
--fa--fa: "\e021\e021";
}
.fa-cucumber {
--fa: "\e401";
--fa--fa: "\e401\e401";
}
.fa-head-side-brain {
--fa: "\f808";
--fa--fa: "\f808\f808";
}
.fa-hand,
.fa-hand-paper {
--fa: "\f256";
--fa--fa: "\f256\f256";
}
.fa-biking-mountain,
.fa-person-biking-mountain {
--fa: "\f84b";
--fa--fa: "\f84b\f84b";
}
.fa-utensils-slash {
--fa: "\e464";
--fa--fa: "\e464\e464";
}
.fa-print-magnifying-glass,
.fa-print-search {
--fa: "\f81a";
--fa--fa: "\f81a\f81a";
}
.fa-turn-right {
--fa: "\e639";
--fa--fa: "\e639\e639";
}
.fa-folder-bookmark {
--fa: "\e186";
--fa--fa: "\e186\e186";
}
.fa-arrow-turn-left-down {
--fa: "\e633";
--fa--fa: "\e633\e633";
}
.fa-om {
--fa: "\f679";
--fa--fa: "\f679\f679";
}
.fa-pi {
--fa: "\f67e";
--fa--fa: "\f67e\f67e";
}
.fa-flask-potion,
.fa-flask-round-potion {
--fa: "\f6e1";
--fa--fa: "\f6e1\f6e1";
}
.fa-face-shush {
--fa: "\e38c";
--fa--fa: "\e38c\e38c";
}
.fa-worm {
--fa: "\e599";
--fa--fa: "\e599\e599";
}
.fa-house-circle-xmark {
--fa: "\e50b";
--fa--fa: "\e50b\e50b";
}
.fa-plug {
--fa: "\f1e6";
--fa--fa: "\f1e6\f1e6";
}
.fa-calendar-circle-exclamation {
--fa: "\e46e";
--fa--fa: "\e46e\e46e";
}
.fa-square-i {
--fa: "\e272";
--fa--fa: "\e272\e272";
}
.fa-chevron-up {
--fa: "\f077";
--fa--fa: "\f077\f077";
}
.fa-face-saluting {
--fa: "\e484";
--fa--fa: "\e484\e484";
}
.fa-gauge-simple-low,
.fa-tachometer-slow {
--fa: "\f62c";
--fa--fa: "\f62c\f62c";
}
.fa-face-persevering {
--fa: "\e385";
--fa--fa: "\e385\e385";
}
.fa-camera-circle,
.fa-circle-camera {
--fa: "\e103";
--fa--fa: "\e103\e103";
}
.fa-hand-spock {
--fa: "\f259";
--fa--fa: "\f259\f259";
}
.fa-spider-web {
--fa: "\f719";
--fa--fa: "\f719\f719";
}
.fa-circle-microphone,
.fa-microphone-circle {
--fa: "\e116";
--fa--fa: "\e116\e116";
}
.fa-book-arrow-up {
--fa: "\e0ba";
--fa--fa: "\e0ba\e0ba";
}
.fa-popsicle {
--fa: "\e43e";
--fa--fa: "\e43e\e43e";
}
.fa-command {
--fa: "\e142";
--fa--fa: "\e142\e142";
}
.fa-blinds {
--fa: "\f8fb";
--fa--fa: "\f8fb\f8fb";
}
.fa-stopwatch {
--fa: "\f2f2";
--fa--fa: "\f2f2\f2f2";
}
.fa-saxophone {
--fa: "\f8dc";
--fa--fa: "\f8dc\f8dc";
}
.fa-square-2 {
--fa: "\e257";
--fa--fa: "\e257\e257";
}
.fa-field-hockey,
.fa-field-hockey-stick-ball {
--fa: "\f44c";
--fa--fa: "\f44c\f44c";
}
.fa-arrow-up-square-triangle,
.fa-sort-shapes-up-alt {
--fa: "\f88b";
--fa--fa: "\f88b\f88b";
}
.fa-face-scream {
--fa: "\e38b";
--fa--fa: "\e38b\e38b";
}
.fa-square-m {
--fa: "\e276";
--fa--fa: "\e276\e276";
}
.fa-camera-web,
.fa-webcam {
--fa: "\f832";
--fa--fa: "\f832\f832";
}
.fa-comment-arrow-down {
--fa: "\e143";
--fa--fa: "\e143\e143";
}
.fa-lightbulb-cfl {
--fa: "\e5a6";
--fa--fa: "\e5a6\e5a6";
}
.fa-window-frame-open {
--fa: "\e050";
--fa--fa: "\e050\e050";
}
.fa-face-kiss,
.fa-kiss {
--fa: "\f596";
--fa--fa: "\f596\f596";
}
.fa-bridge-circle-xmark {
--fa: "\e4cb";
--fa--fa: "\e4cb\e4cb";
}
.fa-period {
--fa: ".";
--fa--fa: "..";
}
.fa-face-grin-tongue,
.fa-grin-tongue {
--fa: "\f589";
--fa--fa: "\f589\f589";
}
.fa-up-to-dotted-line {
--fa: "\e457";
--fa--fa: "\e457\e457";
}
.fa-thought-bubble {
--fa: "\e32e";
--fa--fa: "\e32e\e32e";
}
.fa-skeleton-ribs {
--fa: "\e5cb";
--fa--fa: "\e5cb\e5cb";
}
.fa-raygun {
--fa: "\e025";
--fa--fa: "\e025\e025";
}
.fa-flute {
--fa: "\f8b9";
--fa--fa: "\f8b9\f8b9";
}
.fa-acorn {
--fa: "\f6ae";
--fa--fa: "\f6ae\f6ae";
}
.fa-video-arrow-up-right {
--fa: "\e2c9";
--fa--fa: "\e2c9\e2c9";
}
.fa-grate-droplet {
--fa: "\e194";
--fa--fa: "\e194\e194";
}
.fa-seal-exclamation {
--fa: "\e242";
--fa--fa: "\e242\e242";
}
.fa-chess-bishop {
--fa: "\f43a";
--fa--fa: "\f43a\f43a";
}
.fa-message-sms {
--fa: "\e1e5";
--fa--fa: "\e1e5\e1e5";
}
.fa-coffee-beans {
--fa: "\e13f";
--fa--fa: "\e13f\e13f";
}
.fa-hat-witch {
--fa: "\f6e7";
--fa--fa: "\f6e7\f6e7";
}
.fa-face-grin-wink,
.fa-grin-wink {
--fa: "\f58c";
--fa--fa: "\f58c\f58c";
}
.fa-clock-three-thirty {
--fa: "\e357";
--fa--fa: "\e357\e357";
}
.fa-deaf,
.fa-deafness,
.fa-ear-deaf,
.fa-hard-of-hearing {
--fa: "\f2a4";
--fa--fa: "\f2a4\f2a4";
}
.fa-alarm-clock {
--fa: "\f34e";
--fa--fa: "\f34e\f34e";
}
.fa-eclipse {
--fa: "\f749";
--fa--fa: "\f749\f749";
}
.fa-face-relieved {
--fa: "\e389";
--fa--fa: "\e389\e389";
}
.fa-road-circle-check {
--fa: "\e564";
--fa--fa: "\e564\e564";
}
.fa-dice-five {
--fa: "\f523";
--fa--fa: "\f523\f523";
}
.fa-minus-octagon,
.fa-octagon-minus {
--fa: "\f308";
--fa--fa: "\f308\f308";
}
.fa-rss-square,
.fa-square-rss {
--fa: "\f143";
--fa--fa: "\f143\f143";
}
.fa-face-zany {
--fa: "\e3a4";
--fa--fa: "\e3a4\e3a4";
}
.fa-tricycle {
--fa: "\e5c3";
--fa--fa: "\e5c3\e5c3";
}
.fa-land-mine-on {
--fa: "\e51b";
--fa--fa: "\e51b\e51b";
}
.fa-square-arrow-up-left {
--fa: "\e263";
--fa--fa: "\e263\e263";
}
.fa-i-cursor {
--fa: "\f246";
--fa--fa: "\f246\f246";
}
.fa-chart-mixed-up-circle-dollar {
--fa: "\e5d9";
--fa--fa: "\e5d9\e5d9";
}
.fa-salt-shaker {
--fa: "\e446";
--fa--fa: "\e446\e446";
}
.fa-stamp {
--fa: "\f5bf";
--fa--fa: "\f5bf\f5bf";
}
.fa-file-plus {
--fa: "\f319";
--fa--fa: "\f319\f319";
}
.fa-draw-square {
--fa: "\f5ef";
--fa--fa: "\f5ef\f5ef";
}
.fa-toilet-paper-reverse-slash,
.fa-toilet-paper-under-slash {
--fa: "\e2a1";
--fa--fa: "\e2a1\e2a1";
}
.fa-stairs {
--fa: "\e289";
--fa--fa: "\e289\e289";
}
.fa-drone-alt,
.fa-drone-front {
--fa: "\f860";
--fa--fa: "\f860\f860";
}
.fa-glass-empty {
--fa: "\e191";
--fa--fa: "\e191\e191";
}
.fa-dial-high {
--fa: "\e15c";
--fa--fa: "\e15c\e15c";
}
.fa-user-construction,
.fa-user-hard-hat,
.fa-user-helmet-safety {
--fa: "\f82c";
--fa--fa: "\f82c\f82c";
}
.fa-i {
--fa: "I";
--fa--fa: "II";
}
.fa-hryvnia,
.fa-hryvnia-sign {
--fa: "\f6f2";
--fa--fa: "\f6f2\f6f2";
}
.fa-arrow-down-left-and-arrow-up-right-to-center {
--fa: "\e092";
--fa--fa: "\e092\e092";
}
.fa-pills {
--fa: "\f484";
--fa--fa: "\f484\f484";
}
.fa-face-grin-wide,
.fa-grin-alt {
--fa: "\f581";
--fa--fa: "\f581\f581";
}
.fa-tooth {
--fa: "\f5c9";
--fa--fa: "\f5c9\f5c9";
}
.fa-basketball-hoop {
--fa: "\f435";
--fa--fa: "\f435\f435";
}
.fa-objects-align-bottom {
--fa: "\e3bb";
--fa--fa: "\e3bb\e3bb";
}
.fa-v {
--fa: "V";
--fa--fa: "VV";
}
.fa-sparkles {
--fa: "\f890";
--fa--fa: "\f890\f890";
}
.fa-squid {
--fa: "\e450";
--fa--fa: "\e450\e450";
}
.fa-leafy-green {
--fa: "\e41d";
--fa--fa: "\e41d\e41d";
}
.fa-circle-arrow-up-right {
--fa: "\e0fc";
--fa--fa: "\e0fc\e0fc";
}
.fa-calendars {
--fa: "\e0d7";
--fa--fa: "\e0d7\e0d7";
}
.fa-bangladeshi-taka-sign {
--fa: "\e2e6";
--fa--fa: "\e2e6\e2e6";
}
.fa-bicycle {
--fa: "\f206";
--fa--fa: "\f206\f206";
}
.fa-hammer-war {
--fa: "\f6e4";
--fa--fa: "\f6e4\f6e4";
}
.fa-circle-d {
--fa: "\e104";
--fa--fa: "\e104\e104";
}
.fa-spider-black-widow {
--fa: "\f718";
--fa--fa: "\f718\f718";
}
.fa-rod-asclepius,
.fa-rod-snake,
.fa-staff-aesculapius,
.fa-staff-snake {
--fa: "\e579";
--fa--fa: "\e579\e579";
}
.fa-pear {
--fa: "\e20c";
--fa--fa: "\e20c\e20c";
}
.fa-head-side-cough-slash {
--fa: "\e062";
--fa--fa: "\e062\e062";
}
.fa-file-mov {
--fa: "\e647";
--fa--fa: "\e647\e647";
}
.fa-triangle {
--fa: "\f2ec";
--fa--fa: "\f2ec\f2ec";
}
.fa-apartment {
--fa: "\e468";
--fa--fa: "\e468\e468";
}
.fa-ambulance,
.fa-truck-medical {
--fa: "\f0f9";
--fa--fa: "\f0f9\f0f9";
}
.fa-pepper {
--fa: "\e432";
--fa--fa: "\e432\e432";
}
.fa-piano {
--fa: "\f8d4";
--fa--fa: "\f8d4\f8d4";
}
.fa-gun-squirt {
--fa: "\e19d";
--fa--fa: "\e19d\e19d";
}
.fa-wheat-awn-circle-exclamation {
--fa: "\e598";
--fa--fa: "\e598\e598";
}
.fa-snowman {
--fa: "\f7d0";
--fa--fa: "\f7d0\f7d0";
}
.fa-user-alien {
--fa: "\e04a";
--fa--fa: "\e04a\e04a";
}
.fa-shield-check {
--fa: "\f2f7";
--fa--fa: "\f2f7\f2f7";
}
.fa-mortar-pestle {
--fa: "\f5a7";
--fa--fa: "\f5a7\f5a7";
}
.fa-road-barrier {
--fa: "\e562";
--fa--fa: "\e562\e562";
}
.fa-chart-candlestick {
--fa: "\e0e2";
--fa--fa: "\e0e2\e0e2";
}
.fa-briefcase-blank {
--fa: "\e0c8";
--fa--fa: "\e0c8\e0c8";
}
.fa-school {
--fa: "\f549";
--fa--fa: "\f549\f549";
}
.fa-igloo {
--fa: "\f7ae";
--fa--fa: "\f7ae\f7ae";
}
.fa-bracket-round,
.fa-parenthesis {
--fa: "(";
--fa--fa: "((";
}
.fa-joint {
--fa: "\f595";
--fa--fa: "\f595\f595";
}
.fa-horse-saddle {
--fa: "\f8c3";
--fa--fa: "\f8c3\f8c3";
}
.fa-mug-marshmallows {
--fa: "\f7b7";
--fa--fa: "\f7b7\f7b7";
}
.fa-filters {
--fa: "\e17e";
--fa--fa: "\e17e\e17e";
}
.fa-bell-on {
--fa: "\f8fa";
--fa--fa: "\f8fa\f8fa";
}
.fa-angle-right {
--fa: "\f105";
--fa--fa: "\f105\f105";
}
.fa-dial-med {
--fa: "\e15f";
--fa--fa: "\e15f\e15f";
}
.fa-horse {
--fa: "\f6f0";
--fa--fa: "\f6f0\f6f0";
}
.fa-q {
--fa: "Q";
--fa--fa: "QQ";
}
.fa-monitor-heart-rate,
.fa-monitor-waveform {
--fa: "\f611";
--fa--fa: "\f611\f611";
}
.fa-link-simple {
--fa: "\e1cd";
--fa--fa: "\e1cd\e1cd";
}
.fa-whistle {
--fa: "\f460";
--fa--fa: "\f460\f460";
}
.fa-g {
--fa: "G";
--fa--fa: "GG";
}
.fa-fragile,
.fa-wine-glass-crack {
--fa: "\f4bb";
--fa--fa: "\f4bb\f4bb";
}
.fa-slot-machine {
--fa: "\e3ce";
--fa--fa: "\e3ce\e3ce";
}
.fa-notes-medical {
--fa: "\f481";
--fa--fa: "\f481\f481";
}
.fa-car-wash {
--fa: "\f5e6";
--fa--fa: "\f5e6\f5e6";
}
.fa-escalator {
--fa: "\e171";
--fa--fa: "\e171\e171";
}
.fa-comment-image {
--fa: "\e148";
--fa--fa: "\e148\e148";
}
.fa-temperature-2,
.fa-temperature-half,
.fa-thermometer-2,
.fa-thermometer-half {
--fa: "\f2c9";
--fa--fa: "\f2c9\f2c9";
}
.fa-dong-sign {
--fa: "\e169";
--fa--fa: "\e169\e169";
}
.fa-donut,
.fa-doughnut {
--fa: "\e406";
--fa--fa: "\e406\e406";
}
.fa-capsules {
--fa: "\f46b";
--fa--fa: "\f46b\f46b";
}
.fa-poo-bolt,
.fa-poo-storm {
--fa: "\f75a";
--fa--fa: "\f75a\f75a";
}
.fa-tally-1 {
--fa: "\e294";
--fa--fa: "\e294\e294";
}
.fa-file-vector {
--fa: "\e64c";
--fa--fa: "\e64c\e64c";
}
.fa-face-frown-open,
.fa-frown-open {
--fa: "\f57a";
--fa--fa: "\f57a\f57a";
}
.fa-square-dashed {
--fa: "\e269";
--fa--fa: "\e269\e269";
}
.fa-bag-shopping-plus {
--fa: "\e651";
--fa--fa: "\e651\e651";
}
.fa-square-j {
--fa: "\e273";
--fa--fa: "\e273\e273";
}
.fa-hand-point-up {
--fa: "\f0a6";
--fa--fa: "\f0a6\f0a6";
}
.fa-money-bill {
--fa: "\f0d6";
--fa--fa: "\f0d6\f0d6";
}
.fa-arrow-up-big-small,
.fa-sort-size-up {
--fa: "\f88e";
--fa--fa: "\f88e\f88e";
}
.fa-barcode-read {
--fa: "\f464";
--fa--fa: "\f464\f464";
}
.fa-baguette {
--fa: "\e3d8";
--fa--fa: "\e3d8\e3d8";
}
.fa-bowl-soft-serve {
--fa: "\e46b";
--fa--fa: "\e46b\e46b";
}
.fa-face-holding-back-tears {
--fa: "\e482";
--fa--fa: "\e482\e482";
}
.fa-arrow-alt-square-up,
.fa-square-up {
--fa: "\f353";
--fa--fa: "\f353\f353";
}
.fa-subway-tunnel,
.fa-train-subway-tunnel {
--fa: "\e2a3";
--fa--fa: "\e2a3\e2a3";
}
.fa-exclamation-square,
.fa-square-exclamation {
--fa: "\f321";
--fa--fa: "\f321\f321";
}
.fa-semicolon {
--fa: ";";
--fa--fa: ";;";
}
.fa-bookmark {
--fa: "\f02e";
--fa--fa: "\f02e\f02e";
}
.fa-fan-table {
--fa: "\e004";
--fa--fa: "\e004\e004";
}
.fa-align-justify {
--fa: "\f039";
--fa--fa: "\f039\f039";
}
.fa-battery-1,
.fa-battery-low {
--fa: "\e0b1";
--fa--fa: "\e0b1\e0b1";
}
.fa-credit-card-front {
--fa: "\f38a";
--fa--fa: "\f38a\f38a";
}
.fa-brain-arrow-curved-right,
.fa-mind-share {
--fa: "\f677";
--fa--fa: "\f677\f677";
}
.fa-umbrella-beach {
--fa: "\f5ca";
--fa--fa: "\f5ca\f5ca";
}
.fa-helmet-un {
--fa: "\e503";
--fa--fa: "\e503\e503";
}
.fa-location-smile,
.fa-map-marker-smile {
--fa: "\f60d";
--fa--fa: "\f60d\f60d";
}
.fa-arrow-left-to-line,
.fa-arrow-to-left {
--fa: "\f33e";
--fa--fa: "\f33e\f33e";
}
.fa-bullseye {
--fa: "\f140";
--fa--fa: "\f140\f140";
}
.fa-nigiri,
.fa-sushi {
--fa: "\e48a";
--fa--fa: "\e48a\e48a";
}
.fa-comment-alt-captions,
.fa-message-captions {
--fa: "\e1de";
--fa--fa: "\e1de\e1de";
}
.fa-trash-list {
--fa: "\e2b1";
--fa--fa: "\e2b1\e2b1";
}
.fa-bacon {
--fa: "\f7e5";
--fa--fa: "\f7e5\f7e5";
}
.fa-option {
--fa: "\e318";
--fa--fa: "\e318\e318";
}
.fa-raccoon {
--fa: "\e613";
--fa--fa: "\e613\e613";
}
.fa-hand-point-down {
--fa: "\f0a7";
--fa--fa: "\f0a7\f0a7";
}
.fa-arrow-up-from-bracket {
--fa: "\e09a";
--fa--fa: "\e09a\e09a";
}
.fa-head-side-gear {
--fa: "\e611";
--fa--fa: "\e611\e611";
}
.fa-trash-plus {
--fa: "\e2b2";
--fa--fa: "\e2b2\e2b2";
}
.fa-file-cad {
--fa: "\e672";
--fa--fa: "\e672\e672";
}
.fa-objects-align-top {
--fa: "\e3c0";
--fa--fa: "\e3c0\e3c0";
}
.fa-folder,
.fa-folder-blank {
--fa: "\f07b";
--fa--fa: "\f07b\f07b";
}
.fa-face-anxious-sweat {
--fa: "\e36a";
--fa--fa: "\e36a\e36a";
}
.fa-credit-card-blank {
--fa: "\f389";
--fa--fa: "\f389\f389";
}
.fa-file-medical-alt,
.fa-file-waveform {
--fa: "\f478";
--fa--fa: "\f478\f478";
}
.fa-microchip-ai {
--fa: "\e1ec";
--fa--fa: "\e1ec\e1ec";
}
.fa-mug {
--fa: "\f874";
--fa--fa: "\f874\f874";
}
.fa-plane-up-slash {
--fa: "\e22e";
--fa--fa: "\e22e\e22e";
}
.fa-radiation {
--fa: "\f7b9";
--fa--fa: "\f7b9\f7b9";
}
.fa-pen-circle {
--fa: "\e20e";
--fa--fa: "\e20e\e20e";
}
.fa-bag-seedling {
--fa: "\e5f2";
--fa--fa: "\e5f2\e5f2";
}
.fa-chart-simple {
--fa: "\e473";
--fa--fa: "\e473\e473";
}
.fa-crutches {
--fa: "\f7f8";
--fa--fa: "\f7f8\f7f8";
}
.fa-circle-parking,
.fa-parking-circle {
--fa: "\f615";
--fa--fa: "\f615\f615";
}
.fa-mars-stroke {
--fa: "\f229";
--fa--fa: "\f229\f229";
}
.fa-leaf-oak {
--fa: "\f6f7";
--fa--fa: "\f6f7\f6f7";
}
.fa-square-bolt {
--fa: "\e265";
--fa--fa: "\e265\e265";
}
.fa-vial {
--fa: "\f492";
--fa--fa: "\f492\f492";
}
.fa-dashboard,
.fa-gauge,
.fa-gauge-med,
.fa-tachometer-alt-average {
--fa: "\f624";
--fa--fa: "\f624\f624";
}
.fa-magic-wand-sparkles,
.fa-wand-magic-sparkles {
--fa: "\e2ca";
--fa--fa: "\e2ca\e2ca";
}
.fa-lambda {
--fa: "\f66e";
--fa--fa: "\f66e\f66e";
}
.fa-e {
--fa: "E";
--fa--fa: "EE";
}
.fa-pizza {
--fa: "\f817";
--fa--fa: "\f817\f817";
}
.fa-bowl-chopsticks-noodles {
--fa: "\e2ea";
--fa--fa: "\e2ea\e2ea";
}
.fa-h3 {
--fa: "\f315";
--fa--fa: "\f315\f315";
}
.fa-pen-alt,
.fa-pen-clip {
--fa: "\f305";
--fa--fa: "\f305\f305";
}
.fa-bridge-circle-exclamation {
--fa: "\e4ca";
--fa--fa: "\e4ca\e4ca";
}
.fa-badge-percent {
--fa: "\f646";
--fa--fa: "\f646\f646";
}
.fa-rotate-reverse {
--fa: "\e631";
--fa--fa: "\e631\e631";
}
.fa-user {
--fa: "\f007";
--fa--fa: "\f007\f007";
}
.fa-sensor {
--fa: "\e028";
--fa--fa: "\e028\e028";
}
.fa-comma {
--fa: ",";
--fa--fa: ",,";
}
.fa-school-circle-check {
--fa: "\e56b";
--fa--fa: "\e56b\e56b";
}
.fa-toilet-paper-reverse,
.fa-toilet-paper-under {
--fa: "\e2a0";
--fa--fa: "\e2a0\e2a0";
}
.fa-light-emergency {
--fa: "\e41f";
--fa--fa: "\e41f\e41f";
}
.fa-arrow-down-to-arc {
--fa: "\e4ae";
--fa--fa: "\e4ae\e4ae";
}
.fa-dumpster {
--fa: "\f793";
--fa--fa: "\f793\f793";
}
.fa-shuttle-van,
.fa-van-shuttle {
--fa: "\f5b6";
--fa--fa: "\f5b6\f5b6";
}
.fa-building-user {
--fa: "\e4da";
--fa--fa: "\e4da\e4da";
}
.fa-light-switch {
--fa: "\e017";
--fa--fa: "\e017\e017";
}
.fa-caret-square-left,
.fa-square-caret-left {
--fa: "\f191";
--fa--fa: "\f191\f191";
}
.fa-highlighter {
--fa: "\f591";
--fa--fa: "\f591\f591";
}
.fa-heart-rate,
.fa-wave-pulse {
--fa: "\f5f8";
--fa--fa: "\f5f8\f5f8";
}
.fa-key {
--fa: "\f084";
--fa--fa: "\f084\f084";
}
.fa-arrow-left-to-bracket {
--fa: "\e669";
--fa--fa: "\e669\e669";
}
.fa-hat-santa {
--fa: "\f7a7";
--fa--fa: "\f7a7\f7a7";
}
.fa-tamale {
--fa: "\e451";
--fa--fa: "\e451\e451";
}
.fa-box-check {
--fa: "\f467";
--fa--fa: "\f467\f467";
}
.fa-bullhorn {
--fa: "\f0a1";
--fa--fa: "\f0a1\f0a1";
}
.fa-steak {
--fa: "\f824";
--fa--fa: "\f824\f824";
}
.fa-location-crosshairs-slash,
.fa-location-slash {
--fa: "\f603";
--fa--fa: "\f603\f603";
}
.fa-person-dolly {
--fa: "\f4d0";
--fa--fa: "\f4d0\f4d0";
}
.fa-globe {
--fa: "\f0ac";
--fa--fa: "\f0ac\f0ac";
}
.fa-synagogue {
--fa: "\f69b";
--fa--fa: "\f69b\f69b";
}
.fa-file-chart-column,
.fa-file-chart-line {
--fa: "\f659";
--fa--fa: "\f659\f659";
}
.fa-person-half-dress {
--fa: "\e548";
--fa--fa: "\e548\e548";
}
.fa-folder-image {
--fa: "\e18a";
--fa--fa: "\e18a\e18a";
}
.fa-calendar-edit,
.fa-calendar-pen {
--fa: "\f333";
--fa--fa: "\f333\f333";
}
.fa-road-bridge {
--fa: "\e563";
--fa--fa: "\e563\e563";
}
.fa-face-smile-tear {
--fa: "\e393";
--fa--fa: "\e393\e393";
}
.fa-comment-alt-plus,
.fa-message-plus {
--fa: "\f4a8";
--fa--fa: "\f4a8\f4a8";
}
.fa-location-arrow {
--fa: "\f124";
--fa--fa: "\f124\f124";
}
.fa-c {
--fa: "C";
--fa--fa: "CC";
}
.fa-tablet-button {
--fa: "\f10a";
--fa--fa: "\f10a\f10a";
}
.fa-person-dress-fairy {
--fa: "\e607";
--fa--fa: "\e607\e607";
}
.fa-rectangle-history-circle-user {
--fa: "\e4a4";
--fa--fa: "\e4a4\e4a4";
}
.fa-building-lock {
--fa: "\e4d6";
--fa--fa: "\e4d6\e4d6";
}
.fa-chart-line-up {
--fa: "\e0e5";
--fa--fa: "\e0e5\e0e5";
}
.fa-mailbox {
--fa: "\f813";
--fa--fa: "\f813\f813";
}
.fa-sign-posts {
--fa: "\e625";
--fa--fa: "\e625\e625";
}
.fa-truck-bolt {
--fa: "\e3d0";
--fa--fa: "\e3d0\e3d0";
}
.fa-pizza-slice {
--fa: "\f818";
--fa--fa: "\f818\f818";
}
.fa-money-bill-wave {
--fa: "\f53a";
--fa--fa: "\f53a\f53a";
}
.fa-area-chart,
.fa-chart-area {
--fa: "\f1fe";
--fa--fa: "\f1fe\f1fe";
}
.fa-house-flag {
--fa: "\e50d";
--fa--fa: "\e50d\e50d";
}
.fa-circle-three-quarters-stroke {
--fa: "\e5d4";
--fa--fa: "\e5d4\e5d4";
}
.fa-person-circle-minus {
--fa: "\e540";
--fa--fa: "\e540\e540";
}
.fa-scalpel {
--fa: "\f61d";
--fa--fa: "\f61d\f61d";
}
.fa-ban,
.fa-cancel {
--fa: "\f05e";
--fa--fa: "\f05e\f05e";
}
.fa-bell-exclamation {
--fa: "\f848";
--fa--fa: "\f848\f848";
}
.fa-bookmark-circle,
.fa-circle-bookmark {
--fa: "\e100";
--fa--fa: "\e100\e100";
}
.fa-egg-fried {
--fa: "\f7fc";
--fa--fa: "\f7fc\f7fc";
}
.fa-face-weary {
--fa: "\e3a1";
--fa--fa: "\e3a1\e3a1";
}
.fa-uniform-martial-arts {
--fa: "\e3d1";
--fa--fa: "\e3d1\e3d1";
}
.fa-camera-rotate {
--fa: "\e0d8";
--fa--fa: "\e0d8\e0d8";
}
.fa-sun-dust {
--fa: "\f764";
--fa--fa: "\f764\f764";
}
.fa-comment-text {
--fa: "\e14d";
--fa--fa: "\e14d\e14d";
}
.fa-air-freshener,
.fa-spray-can-sparkles {
--fa: "\f5d0";
--fa--fa: "\f5d0\f5d0";
}
.fa-signal-alt,
.fa-signal-alt-4,
.fa-signal-bars,
.fa-signal-bars-strong {
--fa: "\f690";
--fa--fa: "\f690\f690";
}
.fa-diamond-exclamation {
--fa: "\e405";
--fa--fa: "\e405\e405";
}
.fa-star {
--fa: "\f005";
--fa--fa: "\f005\f005";
}
.fa-dial-min {
--fa: "\e161";
--fa--fa: "\e161\e161";
}
.fa-repeat {
--fa: "\f363";
--fa--fa: "\f363\f363";
}
.fa-cross {
--fa: "\f654";
--fa--fa: "\f654\f654";
}
.fa-file-caret-down,
.fa-page-caret-down {
--fa: "\e429";
--fa--fa: "\e429\e429";
}
.fa-box {
--fa: "\f466";
--fa--fa: "\f466\f466";
}
.fa-venus-mars {
--fa: "\f228";
--fa--fa: "\f228\f228";
}
.fa-clock-seven-thirty {
--fa: "\e351";
--fa--fa: "\e351\e351";
}
.fa-arrow-pointer,
.fa-mouse-pointer {
--fa: "\f245";
--fa--fa: "\f245\f245";
}
.fa-clock-four-thirty {
--fa: "\e34b";
--fa--fa: "\e34b\e34b";
}
.fa-signal-alt-3,
.fa-signal-bars-good {
--fa: "\f693";
--fa--fa: "\f693\f693";
}
.fa-cactus {
--fa: "\f8a7";
--fa--fa: "\f8a7\f8a7";
}
.fa-lightbulb-gear {
--fa: "\e5fd";
--fa--fa: "\e5fd\e5fd";
}
.fa-expand-arrows-alt,
.fa-maximize {
--fa: "\f31e";
--fa--fa: "\f31e\f31e";
}
.fa-charging-station {
--fa: "\f5e7";
--fa--fa: "\f5e7\f5e7";
}
.fa-shapes,
.fa-triangle-circle-square {
--fa: "\f61f";
--fa--fa: "\f61f\f61f";
}
.fa-plane-tail {
--fa: "\e22c";
--fa--fa: "\e22c\e22c";
}
.fa-gauge-simple-max,
.fa-tachometer-fastest {
--fa: "\f62b";
--fa--fa: "\f62b\f62b";
}
.fa-circle-u {
--fa: "\e127";
--fa--fa: "\e127\e127";
}
.fa-shield-slash {
--fa: "\e24b";
--fa--fa: "\e24b\e24b";
}
.fa-phone-square-down,
.fa-square-phone-hangup {
--fa: "\e27a";
--fa--fa: "\e27a\e27a";
}
.fa-arrow-up-left {
--fa: "\e09d";
--fa--fa: "\e09d\e09d";
}
.fa-transporter-1 {
--fa: "\e043";
--fa--fa: "\e043\e043";
}
.fa-peanuts {
--fa: "\e431";
--fa--fa: "\e431\e431";
}
.fa-random,
.fa-shuffle {
--fa: "\f074";
--fa--fa: "\f074\f074";
}
.fa-person-running,
.fa-running {
--fa: "\f70c";
--fa--fa: "\f70c\f70c";
}
.fa-mobile-retro {
--fa: "\e527";
--fa--fa: "\e527\e527";
}
.fa-grip-lines-vertical {
--fa: "\f7a5";
--fa--fa: "\f7a5\f7a5";
}
.fa-bin-bottles-recycle {
--fa: "\e5f6";
--fa--fa: "\e5f6\e5f6";
}
.fa-arrow-up-from-square {
--fa: "\e09c";
--fa--fa: "\e09c\e09c";
}
.fa-file-dashed-line,
.fa-page-break {
--fa: "\f877";
--fa--fa: "\f877\f877";
}
.fa-bracket-curly-right {
--fa: "}";
--fa--fa: "}}";
}
.fa-spider {
--fa: "\f717";
--fa--fa: "\f717\f717";
}
.fa-clock-three {
--fa: "\e356";
--fa--fa: "\e356\e356";
}
.fa-hands-bound {
--fa: "\e4f9";
--fa--fa: "\e4f9\e4f9";
}
.fa-scalpel-line-dashed,
.fa-scalpel-path {
--fa: "\f61e";
--fa--fa: "\f61e\f61e";
}
.fa-file-invoice-dollar {
--fa: "\f571";
--fa--fa: "\f571\f571";
}
.fa-pipe-smoking {
--fa: "\e3c4";
--fa--fa: "\e3c4\e3c4";
}
.fa-face-astonished {
--fa: "\e36b";
--fa--fa: "\e36b\e36b";
}
.fa-window {
--fa: "\f40e";
--fa--fa: "\f40e\f40e";
}
.fa-plane-circle-exclamation {
--fa: "\e556";
--fa--fa: "\e556\e556";
}
.fa-ear {
--fa: "\f5f0";
--fa--fa: "\f5f0\f5f0";
}
.fa-file-lock {
--fa: "\e3a6";
--fa--fa: "\e3a6\e3a6";
}
.fa-diagram-venn {
--fa: "\e15a";
--fa--fa: "\e15a\e15a";
}
.fa-arrow-down-from-bracket {
--fa: "\e667";
--fa--fa: "\e667\e667";
}
.fa-x-ray {
--fa: "\f497";
--fa--fa: "\f497\f497";
}
.fa-goal-net {
--fa: "\e3ab";
--fa--fa: "\e3ab\e3ab";
}
.fa-coffin-cross {
--fa: "\e051";
--fa--fa: "\e051\e051";
}
.fa-octopus {
--fa: "\e688";
--fa--fa: "\e688\e688";
}
.fa-spell-check {
--fa: "\f891";
--fa--fa: "\f891\f891";
}
.fa-location-xmark,
.fa-map-marker-times,
.fa-map-marker-xmark {
--fa: "\f60e";
--fa--fa: "\f60e\f60e";
}
.fa-circle-quarter-stroke {
--fa: "\e5d3";
--fa--fa: "\e5d3\e5d3";
}
.fa-lasso {
--fa: "\f8c8";
--fa--fa: "\f8c8\f8c8";
}
.fa-slash {
--fa: "\f715";
--fa--fa: "\f715\f715";
}
.fa-person-to-portal,
.fa-portal-enter {
--fa: "\e022";
--fa--fa: "\e022\e022";
}
.fa-calendar-star {
--fa: "\f736";
--fa--fa: "\f736\f736";
}
.fa-computer-mouse,
.fa-mouse {
--fa: "\f8cc";
--fa--fa: "\f8cc\f8cc";
}
.fa-arrow-right-to-bracket,
.fa-sign-in {
--fa: "\f090";
--fa--fa: "\f090\f090";
}
.fa-pegasus {
--fa: "\f703";
--fa--fa: "\f703\f703";
}
.fa-files-medical {
--fa: "\f7fd";
--fa--fa: "\f7fd\f7fd";
}
.fa-cannon {
--fa: "\e642";
--fa--fa: "\e642\e642";
}
.fa-nfc-lock {
--fa: "\e1f8";
--fa--fa: "\e1f8\e1f8";
}
.fa-person-ski-lift,
.fa-ski-lift {
--fa: "\f7c8";
--fa--fa: "\f7c8\f7c8";
}
.fa-square-6 {
--fa: "\e25b";
--fa--fa: "\e25b\e25b";
}
.fa-shop-slash,
.fa-store-alt-slash {
--fa: "\e070";
--fa--fa: "\e070\e070";
}
.fa-wind-turbine {
--fa: "\f89b";
--fa--fa: "\f89b\f89b";
}
.fa-sliders-simple {
--fa: "\e253";
--fa--fa: "\e253\e253";
}
.fa-grid-round {
--fa: "\e5da";
--fa--fa: "\e5da\e5da";
}
.fa-badge-sheriff {
--fa: "\f8a2";
--fa--fa: "\f8a2\f8a2";
}
.fa-server {
--fa: "\f233";
--fa--fa: "\f233\f233";
}
.fa-virus-covid-slash {
--fa: "\e4a9";
--fa--fa: "\e4a9\e4a9";
}
.fa-intersection {
--fa: "\f668";
--fa--fa: "\f668\f668";
}
.fa-shop-lock {
--fa: "\e4a5";
--fa--fa: "\e4a5\e4a5";
}
.fa-family {
--fa: "\e300";
--fa--fa: "\e300\e300";
}
.fa-hourglass-1,
.fa-hourglass-start {
--fa: "\f251";
--fa--fa: "\f251\f251";
}
.fa-user-hair-buns {
--fa: "\e3d3";
--fa--fa: "\e3d3\e3d3";
}
.fa-blender-phone {
--fa: "\f6b6";
--fa--fa: "\f6b6\f6b6";
}
.fa-hourglass-clock {
--fa: "\e41b";
--fa--fa: "\e41b\e41b";
}
.fa-person-seat-reclined {
--fa: "\e21f";
--fa--fa: "\e21f\e21f";
}
.fa-paper-plane-alt,
.fa-paper-plane-top,
.fa-send {
--fa: "\e20a";
--fa--fa: "\e20a\e20a";
}
.fa-comment-alt-arrow-up,
.fa-message-arrow-up {
--fa: "\e1dc";
--fa--fa: "\e1dc\e1dc";
}
.fa-lightbulb-exclamation {
--fa: "\f671";
--fa--fa: "\f671\f671";
}
.fa-layer-group-minus,
.fa-layer-minus {
--fa: "\f5fe";
--fa--fa: "\f5fe\f5fe";
}
.fa-chart-pie-simple-circle-currency {
--fa: "\e604";
--fa--fa: "\e604\e604";
}
.fa-circle-e {
--fa: "\e109";
--fa--fa: "\e109\e109";
}
.fa-building-wheat {
--fa: "\e4db";
--fa--fa: "\e4db\e4db";
}
.fa-gauge-max,
.fa-tachometer-alt-fastest {
--fa: "\f626";
--fa--fa: "\f626\f626";
}
.fa-person-breastfeeding {
--fa: "\e53a";
--fa--fa: "\e53a\e53a";
}
.fa-apostrophe {
--fa: "'";
--fa--fa: "''";
}
.fa-file-png {
--fa: "\e666";
--fa--fa: "\e666\e666";
}
.fa-fire-hydrant {
--fa: "\e17f";
--fa--fa: "\e17f\e17f";
}
.fa-right-to-bracket,
.fa-sign-in-alt {
--fa: "\f2f6";
--fa--fa: "\f2f6\f2f6";
}
.fa-video-plus {
--fa: "\f4e1";
--fa--fa: "\f4e1\f4e1";
}
.fa-arrow-alt-square-right,
.fa-square-right {
--fa: "\f352";
--fa--fa: "\f352\f352";
}
.fa-comment-smile {
--fa: "\f4b4";
--fa--fa: "\f4b4\f4b4";
}
.fa-venus {
--fa: "\f221";
--fa--fa: "\f221\f221";
}
.fa-passport {
--fa: "\f5ab";
--fa--fa: "\f5ab\f5ab";
}
.fa-thumb-tack-slash,
.fa-thumbtack-slash {
--fa: "\e68f";
--fa--fa: "\e68f\e68f";
}
.fa-inbox-arrow-down,
.fa-inbox-in {
--fa: "\f310";
--fa--fa: "\f310\f310";
}
.fa-heart-pulse,
.fa-heartbeat {
--fa: "\f21e";
--fa--fa: "\f21e\f21e";
}
.fa-circle-8 {
--fa: "\e0f5";
--fa--fa: "\e0f5\e0f5";
}
.fa-clouds-moon {
--fa: "\f745";
--fa--fa: "\f745\f745";
}
.fa-clock-ten-thirty {
--fa: "\e355";
--fa--fa: "\e355\e355";
}
.fa-people-carry,
.fa-people-carry-box {
--fa: "\f4ce";
--fa--fa: "\f4ce\f4ce";
}
.fa-folder-user {
--fa: "\e18e";
--fa--fa: "\e18e\e18e";
}
.fa-trash-can-xmark {
--fa: "\e2ae";
--fa--fa: "\e2ae\e2ae";
}
.fa-temperature-high {
--fa: "\f769";
--fa--fa: "\f769\f769";
}
.fa-microchip {
--fa: "\f2db";
--fa--fa: "\f2db\f2db";
}
.fa-left-long-to-line {
--fa: "\e41e";
--fa--fa: "\e41e\e41e";
}
.fa-crown {
--fa: "\f521";
--fa--fa: "\f521\f521";
}
.fa-weight-hanging {
--fa: "\f5cd";
--fa--fa: "\f5cd\f5cd";
}
.fa-xmarks-lines {
--fa: "\e59a";
--fa--fa: "\e59a\e59a";
}
.fa-file-prescription {
--fa: "\f572";
--fa--fa: "\f572\f572";
}
.fa-table-cells-lock {
--fa: "\e679";
--fa--fa: "\e679\e679";
}
.fa-calendar-range {
--fa: "\e0d6";
--fa--fa: "\e0d6\e0d6";
}
.fa-flower-daffodil {
--fa: "\f800";
--fa--fa: "\f800\f800";
}
.fa-hand-back-point-up {
--fa: "\e1a2";
--fa--fa: "\e1a2\e1a2";
}
.fa-weight,
.fa-weight-scale {
--fa: "\f496";
--fa--fa: "\f496\f496";
}
.fa-arrow-up-to-arc {
--fa: "\e617";
--fa--fa: "\e617\e617";
}
.fa-star-exclamation {
--fa: "\f2f3";
--fa--fa: "\f2f3\f2f3";
}
.fa-books {
--fa: "\f5db";
--fa--fa: "\f5db\f5db";
}
.fa-user-friends,
.fa-user-group {
--fa: "\f500";
--fa--fa: "\f500\f500";
}
.fa-arrow-up-a-z,
.fa-sort-alpha-up {
--fa: "\f15e";
--fa--fa: "\f15e\f15e";
}
.fa-layer-group-plus,
.fa-layer-plus {
--fa: "\f5ff";
--fa--fa: "\f5ff\f5ff";
}
.fa-play-pause {
--fa: "\e22f";
--fa--fa: "\e22f\e22f";
}
.fa-block-question {
--fa: "\e3dd";
--fa--fa: "\e3dd\e3dd";
}
.fa-snooze,
.fa-zzz {
--fa: "\f880";
--fa--fa: "\f880\f880";
}
.fa-scanner-image {
--fa: "\f8f3";
--fa--fa: "\f8f3\f8f3";
}
.fa-tv-retro {
--fa: "\f401";
--fa--fa: "\f401\f401";
}
.fa-square-t {
--fa: "\e280";
--fa--fa: "\e280\e280";
}
.fa-barn-silo,
.fa-farm {
--fa: "\f864";
--fa--fa: "\f864\f864";
}
.fa-chess-knight {
--fa: "\f441";
--fa--fa: "\f441\f441";
}
.fa-bars-sort {
--fa: "\e0ae";
--fa--fa: "\e0ae\e0ae";
}
.fa-palette-boxes,
.fa-pallet-alt,
.fa-pallet-boxes {
--fa: "\f483";
--fa--fa: "\f483\f483";
}
.fa-face-laugh-squint,
.fa-laugh-squint {
--fa: "\f59b";
--fa--fa: "\f59b\f59b";
}
.fa-code-simple {
--fa: "\e13d";
--fa--fa: "\e13d\e13d";
}
.fa-bolt-slash {
--fa: "\e0b8";
--fa--fa: "\e0b8\e0b8";
}
.fa-panel-fire {
--fa: "\e42f";
--fa--fa: "\e42f\e42f";
}
.fa-binary-circle-check {
--fa: "\e33c";
--fa--fa: "\e33c\e33c";
}
.fa-comment-minus {
--fa: "\f4b1";
--fa--fa: "\f4b1\f4b1";
}
.fa-burrito {
--fa: "\f7ed";
--fa--fa: "\f7ed\f7ed";
}
.fa-violin {
--fa: "\f8ed";
--fa--fa: "\f8ed\f8ed";
}
.fa-objects-column {
--fa: "\e3c1";
--fa--fa: "\e3c1\e3c1";
}
.fa-chevron-square-down,
.fa-square-chevron-down {
--fa: "\f329";
--fa--fa: "\f329\f329";
}
.fa-comment-plus {
--fa: "\f4b2";
--fa--fa: "\f4b2\f4b2";
}
.fa-triangle-instrument,
.fa-triangle-music {
--fa: "\f8e2";
--fa--fa: "\f8e2\f8e2";
}
.fa-wheelchair {
--fa: "\f193";
--fa--fa: "\f193\f193";
}
.fa-user-pilot-tie {
--fa: "\e2c1";
--fa--fa: "\e2c1\e2c1";
}
.fa-piano-keyboard {
--fa: "\f8d5";
--fa--fa: "\f8d5\f8d5";
}
.fa-bed-empty {
--fa: "\f8f9";
--fa--fa: "\f8f9\f8f9";
}
.fa-arrow-circle-up,
.fa-circle-arrow-up {
--fa: "\f0aa";
--fa--fa: "\f0aa\f0aa";
}
.fa-toggle-on {
--fa: "\f205";
--fa--fa: "\f205\f205";
}
.fa-rectangle-portrait,
.fa-rectangle-vertical {
--fa: "\f2fb";
--fa--fa: "\f2fb\f2fb";
}
.fa-person-walking,
.fa-walking {
--fa: "\f554";
--fa--fa: "\f554\f554";
}
.fa-l {
--fa: "L";
--fa--fa: "LL";
}
.fa-signal-stream {
--fa: "\f8dd";
--fa--fa: "\f8dd\f8dd";
}
.fa-down-to-bracket {
--fa: "\e4e7";
--fa--fa: "\e4e7\e4e7";
}
.fa-circle-z {
--fa: "\e130";
--fa--fa: "\e130\e130";
}
.fa-stars {
--fa: "\f762";
--fa--fa: "\f762\f762";
}
.fa-fire {
--fa: "\f06d";
--fa--fa: "\f06d\f06d";
}
.fa-bed-pulse,
.fa-procedures {
--fa: "\f487";
--fa--fa: "\f487\f487";
}
.fa-house-day {
--fa: "\e00e";
--fa--fa: "\e00e\e00e";
}
.fa-shuttle-space,
.fa-space-shuttle {
--fa: "\f197";
--fa--fa: "\f197\f197";
}
.fa-shirt-long-sleeve {
--fa: "\e3c7";
--fa--fa: "\e3c7\e3c7";
}
.fa-chart-pie-alt,
.fa-chart-pie-simple {
--fa: "\f64e";
--fa--fa: "\f64e\f64e";
}
.fa-face-laugh,
.fa-laugh {
--fa: "\f599";
--fa--fa: "\f599\f599";
}
.fa-folder-open {
--fa: "\f07c";
--fa--fa: "\f07c\f07c";
}
.fa-album-collection-circle-user {
--fa: "\e48f";
--fa--fa: "\e48f\e48f";
}
.fa-candy {
--fa: "\e3e7";
--fa--fa: "\e3e7\e3e7";
}
.fa-bowl-hot,
.fa-soup {
--fa: "\f823";
--fa--fa: "\f823\f823";
}
.fa-flatbread {
--fa: "\e40b";
--fa--fa: "\e40b\e40b";
}
.fa-heart-circle-plus {
--fa: "\e500";
--fa--fa: "\e500\e500";
}
.fa-code-fork {
--fa: "\e13b";
--fa--fa: "\e13b\e13b";
}
.fa-city {
--fa: "\f64f";
--fa--fa: "\f64f\f64f";
}
.fa-signal-alt-1,
.fa-signal-bars-weak {
--fa: "\f691";
--fa--fa: "\f691\f691";
}
.fa-microphone-alt,
.fa-microphone-lines {
--fa: "\f3c9";
--fa--fa: "\f3c9\f3c9";
}
.fa-clock-twelve {
--fa: "\e358";
--fa--fa: "\e358\e358";
}
.fa-pepper-hot {
--fa: "\f816";
--fa--fa: "\f816\f816";
}
.fa-citrus-slice {
--fa: "\e2f5";
--fa--fa: "\e2f5\e2f5";
}
.fa-sheep {
--fa: "\f711";
--fa--fa: "\f711\f711";
}
.fa-unlock {
--fa: "\f09c";
--fa--fa: "\f09c\f09c";
}
.fa-colon-sign {
--fa: "\e140";
--fa--fa: "\e140\e140";
}
.fa-headset {
--fa: "\f590";
--fa--fa: "\f590\f590";
}
.fa-badger-honey {
--fa: "\f6b4";
--fa--fa: "\f6b4\f6b4";
}
.fa-h4 {
--fa: "\f86a";
--fa--fa: "\f86a\f86a";
}
.fa-store-slash {
--fa: "\e071";
--fa--fa: "\e071\e071";
}
.fa-road-circle-xmark {
--fa: "\e566";
--fa--fa: "\e566\e566";
}
.fa-signal-slash {
--fa: "\f695";
--fa--fa: "\f695\f695";
}
.fa-user-minus {
--fa: "\f503";
--fa--fa: "\f503\f503";
}
.fa-mars-stroke-up,
.fa-mars-stroke-v {
--fa: "\f22a";
--fa--fa: "\f22a\f22a";
}
.fa-champagne-glasses,
.fa-glass-cheers {
--fa: "\f79f";
--fa--fa: "\f79f\f79f";
}
.fa-taco {
--fa: "\f826";
--fa--fa: "\f826\f826";
}
.fa-hexagon-plus,
.fa-plus-hexagon {
--fa: "\f300";
--fa--fa: "\f300\f300";
}
.fa-clipboard {
--fa: "\f328";
--fa--fa: "\f328\f328";
}
.fa-house-circle-exclamation {
--fa: "\e50a";
--fa--fa: "\e50a\e50a";
}
.fa-file-arrow-up,
.fa-file-upload {
--fa: "\f574";
--fa--fa: "\f574\f574";
}
.fa-wifi,
.fa-wifi-3,
.fa-wifi-strong {
--fa: "\f1eb";
--fa--fa: "\f1eb\f1eb";
}
.fa-comments-alt,
.fa-messages {
--fa: "\f4b6";
--fa--fa: "\f4b6\f4b6";
}
.fa-bath,
.fa-bathtub {
--fa: "\f2cd";
--fa--fa: "\f2cd\f2cd";
}
.fa-umbrella-alt,
.fa-umbrella-simple {
--fa: "\e2bc";
--fa--fa: "\e2bc\e2bc";
}
.fa-rectangle-history-circle-plus {
--fa: "\e4a3";
--fa--fa: "\e4a3\e4a3";
}
.fa-underline {
--fa: "\f0cd";
--fa--fa: "\f0cd\f0cd";
}
.fa-prescription-bottle-pill {
--fa: "\e5c0";
--fa--fa: "\e5c0\e5c0";
}
.fa-user-edit,
.fa-user-pen {
--fa: "\f4ff";
--fa--fa: "\f4ff\f4ff";
}
.fa-binary-slash {
--fa: "\e33e";
--fa--fa: "\e33e\e33e";
}
.fa-square-o {
--fa: "\e278";
--fa--fa: "\e278\e278";
}
.fa-caduceus {
--fa: "\e681";
--fa--fa: "\e681\e681";
}
.fa-signature {
--fa: "\f5b7";
--fa--fa: "\f5b7\f5b7";
}
.fa-stroopwafel {
--fa: "\f551";
--fa--fa: "\f551\f551";
}
.fa-bold {
--fa: "\f032";
--fa--fa: "\f032\f032";
}
.fa-anchor-lock {
--fa: "\e4ad";
--fa--fa: "\e4ad\e4ad";
}
.fa-building-ngo {
--fa: "\e4d7";
--fa--fa: "\e4d7\e4d7";
}
.fa-transporter-3 {
--fa: "\e045";
--fa--fa: "\e045\e045";
}
.fa-engine-exclamation,
.fa-engine-warning {
--fa: "\f5f2";
--fa--fa: "\f5f2\f5f2";
}
.fa-circle-down-right {
--fa: "\e108";
--fa--fa: "\e108\e108";
}
.fa-square-k {
--fa: "\e274";
--fa--fa: "\e274\e274";
}
.fa-manat-sign {
--fa: "\e1d5";
--fa--fa: "\e1d5\e1d5";
}
.fa-money-check-edit,
.fa-money-check-pen {
--fa: "\f872";
--fa--fa: "\f872\f872";
}
.fa-not-equal {
--fa: "\f53e";
--fa--fa: "\f53e\f53e";
}
.fa-border-style,
.fa-border-top-left {
--fa: "\f853";
--fa--fa: "\f853\f853";
}
.fa-map-location-dot,
.fa-map-marked-alt {
--fa: "\f5a0";
--fa--fa: "\f5a0\f5a0";
}
.fa-tilde {
--fa: "~";
--fa--fa: "~~";
}
.fa-jedi {
--fa: "\f669";
--fa--fa: "\f669\f669";
}
.fa-poll,
.fa-square-poll-vertical {
--fa: "\f681";
--fa--fa: "\f681\f681";
}
.fa-arrow-down-square-triangle,
.fa-sort-shapes-down-alt {
--fa: "\f889";
--fa--fa: "\f889\f889";
}
.fa-mug-hot {
--fa: "\f7b6";
--fa--fa: "\f7b6\f7b6";
}
.fa-dog-leashed {
--fa: "\f6d4";
--fa--fa: "\f6d4\f6d4";
}
.fa-battery-car,
.fa-car-battery {
--fa: "\f5df";
--fa--fa: "\f5df\f5df";
}
.fa-face-downcast-sweat {
--fa: "\e371";
--fa--fa: "\e371\e371";
}
.fa-mailbox-flag-up {
--fa: "\e5bb";
--fa--fa: "\e5bb\e5bb";
}
.fa-memo-circle-info {
--fa: "\e49a";
--fa--fa: "\e49a\e49a";
}
.fa-gift {
--fa: "\f06b";
--fa--fa: "\f06b\f06b";
}
.fa-dice-two {
--fa: "\f528";
--fa--fa: "\f528\f528";
}
.fa-volume,
.fa-volume-medium {
--fa: "\f6a8";
--fa--fa: "\f6a8\f6a8";
}
.fa-transporter-5 {
--fa: "\e2a6";
--fa--fa: "\e2a6\e2a6";
}
.fa-gauge-circle-bolt {
--fa: "\e496";
--fa--fa: "\e496\e496";
}
.fa-coin-front {
--fa: "\e3fc";
--fa--fa: "\e3fc\e3fc";
}
.fa-file-slash {
--fa: "\e3a7";
--fa--fa: "\e3a7\e3a7";
}
.fa-message-arrow-up-right {
--fa: "\e1dd";
--fa--fa: "\e1dd\e1dd";
}
.fa-treasure-chest {
--fa: "\f723";
--fa--fa: "\f723\f723";
}
.fa-chess-queen {
--fa: "\f445";
--fa--fa: "\f445\f445";
}
.fa-paint-brush-alt,
.fa-paint-brush-fine,
.fa-paintbrush-alt,
.fa-paintbrush-fine {
--fa: "\f5a9";
--fa--fa: "\f5a9\f5a9";
}
.fa-glasses {
--fa: "\f530";
--fa--fa: "\f530\f530";
}
.fa-hood-cloak {
--fa: "\f6ef";
--fa--fa: "\f6ef\f6ef";
}
.fa-square-quote {
--fa: "\e329";
--fa--fa: "\e329\e329";
}
.fa-up-left {
--fa: "\e2bd";
--fa--fa: "\e2bd\e2bd";
}
.fa-bring-front {
--fa: "\f857";
--fa--fa: "\f857\f857";
}
.fa-chess-board {
--fa: "\f43c";
--fa--fa: "\f43c\f43c";
}
.fa-burger-cheese,
.fa-cheeseburger {
--fa: "\f7f1";
--fa--fa: "\f7f1\f7f1";
}
.fa-building-circle-check {
--fa: "\e4d2";
--fa--fa: "\e4d2\e4d2";
}
.fa-repeat-1 {
--fa: "\f365";
--fa--fa: "\f365\f365";
}
.fa-arrow-down-to-line,
.fa-arrow-to-bottom {
--fa: "\f33d";
--fa--fa: "\f33d\f33d";
}
.fa-grid-5 {
--fa: "\e199";
--fa--fa: "\e199\e199";
}
.fa-swap-arrows {
--fa: "\e60a";
--fa--fa: "\e60a\e60a";
}
.fa-right-long-to-line {
--fa: "\e444";
--fa--fa: "\e444\e444";
}
.fa-person-chalkboard {
--fa: "\e53d";
--fa--fa: "\e53d\e53d";
}
.fa-mars-stroke-h,
.fa-mars-stroke-right {
--fa: "\f22b";
--fa--fa: "\f22b\f22b";
}
.fa-hand-back-fist,
.fa-hand-rock {
--fa: "\f255";
--fa--fa: "\f255\f255";
}
.fa-grid-round-5 {
--fa: "\e5de";
--fa--fa: "\e5de\e5de";
}
.fa-tally,
.fa-tally-5 {
--fa: "\f69c";
--fa--fa: "\f69c\f69c";
}
.fa-caret-square-up,
.fa-square-caret-up {
--fa: "\f151";
--fa--fa: "\f151\f151";
}
.fa-cloud-showers-water {
--fa: "\e4e4";
--fa--fa: "\e4e4\e4e4";
}
.fa-bar-chart,
.fa-chart-bar {
--fa: "\f080";
--fa--fa: "\f080\f080";
}
.fa-hands-bubbles,
.fa-hands-wash {
--fa: "\e05e";
--fa--fa: "\e05e\e05e";
}
.fa-less-than-equal {
--fa: "\f537";
--fa--fa: "\f537\f537";
}
.fa-train {
--fa: "\f238";
--fa--fa: "\f238\f238";
}
.fa-up-from-dotted-line {
--fa: "\e456";
--fa--fa: "\e456\e456";
}
.fa-eye-low-vision,
.fa-low-vision {
--fa: "\f2a8";
--fa--fa: "\f2a8\f2a8";
}
.fa-traffic-light-go {
--fa: "\f638";
--fa--fa: "\f638\f638";
}
.fa-face-exhaling {
--fa: "\e480";
--fa--fa: "\e480\e480";
}
.fa-sensor-fire {
--fa: "\e02a";
--fa--fa: "\e02a\e02a";
}
.fa-user-unlock {
--fa: "\e058";
--fa--fa: "\e058\e058";
}
.fa-hexagon-divide {
--fa: "\e1ad";
--fa--fa: "\e1ad\e1ad";
}
.fa-00 {
--fa: "\e467";
--fa--fa: "\e467\e467";
}
.fa-crow {
--fa: "\f520";
--fa--fa: "\f520\f520";
}
.fa-betamax,
.fa-cassette-betamax {
--fa: "\f8a4";
--fa--fa: "\f8a4\f8a4";
}
.fa-sailboat {
--fa: "\e445";
--fa--fa: "\e445\e445";
}
.fa-window-restore {
--fa: "\f2d2";
--fa--fa: "\f2d2\f2d2";
}
.fa-nfc-magnifying-glass {
--fa: "\e1f9";
--fa--fa: "\e1f9\e1f9";
}
.fa-file-binary {
--fa: "\e175";
--fa--fa: "\e175\e175";
}
.fa-circle-v {
--fa: "\e12a";
--fa--fa: "\e12a\e12a";
}
.fa-plus-square,
.fa-square-plus {
--fa: "\f0fe";
--fa--fa: "\f0fe\f0fe";
}
.fa-bowl-scoops {
--fa: "\e3df";
--fa--fa: "\e3df\e3df";
}
.fa-mistletoe {
--fa: "\f7b4";
--fa--fa: "\f7b4\f7b4";
}
.fa-custard {
--fa: "\e403";
--fa--fa: "\e403\e403";
}
.fa-lacrosse-stick {
--fa: "\e3b5";
--fa--fa: "\e3b5\e3b5";
}
.fa-hockey-mask {
--fa: "\f6ee";
--fa--fa: "\f6ee\f6ee";
}
.fa-sunrise {
--fa: "\f766";
--fa--fa: "\f766\f766";
}
.fa-subtitles {
--fa: "\e60f";
--fa--fa: "\e60f\e60f";
}
.fa-panel-ews {
--fa: "\e42e";
--fa--fa: "\e42e\e42e";
}
.fa-torii-gate {
--fa: "\f6a1";
--fa--fa: "\f6a1\f6a1";
}
.fa-cloud-exclamation {
--fa: "\e491";
--fa--fa: "\e491\e491";
}
.fa-comment-alt-lines,
.fa-message-lines {
--fa: "\f4a6";
--fa--fa: "\f4a6\f4a6";
}
.fa-frog {
--fa: "\f52e";
--fa--fa: "\f52e\f52e";
}
.fa-bucket {
--fa: "\e4cf";
--fa--fa: "\e4cf\e4cf";
}
.fa-floppy-disk-pen {
--fa: "\e182";
--fa--fa: "\e182\e182";
}
.fa-image {
--fa: "\f03e";
--fa--fa: "\f03e\f03e";
}
.fa-window-frame {
--fa: "\e04f";
--fa--fa: "\e04f\e04f";
}
.fa-microphone {
--fa: "\f130";
--fa--fa: "\f130\f130";
}
.fa-cow {
--fa: "\f6c8";
--fa--fa: "\f6c8\f6c8";
}
.fa-file-zip {
--fa: "\e5ee";
--fa--fa: "\e5ee\e5ee";
}
.fa-square-ring {
--fa: "\e44f";
--fa--fa: "\e44f\e44f";
}
.fa-arrow-alt-from-top,
.fa-down-from-line {
--fa: "\f349";
--fa--fa: "\f349\f349";
}
.fa-caret-up {
--fa: "\f0d8";
--fa--fa: "\f0d8\f0d8";
}
.fa-shield-times,
.fa-shield-xmark {
--fa: "\e24c";
--fa--fa: "\e24c\e24c";
}
.fa-screwdriver {
--fa: "\f54a";
--fa--fa: "\f54a\f54a";
}
.fa-circle-sort-down,
.fa-sort-circle-down {
--fa: "\e031";
--fa--fa: "\e031\e031";
}
.fa-folder-closed {
--fa: "\e185";
--fa--fa: "\e185\e185";
}
.fa-house-tsunami {
--fa: "\e515";
--fa--fa: "\e515\e515";
}
.fa-square-nfi {
--fa: "\e576";
--fa--fa: "\e576\e576";
}
.fa-forklift {
--fa: "\f47a";
--fa--fa: "\f47a\f47a";
}
.fa-arrow-up-from-ground-water {
--fa: "\e4b5";
--fa--fa: "\e4b5\e4b5";
}
.fa-bracket-square-right {
--fa: "]";
--fa--fa: "]]";
}
.fa-glass-martini-alt,
.fa-martini-glass {
--fa: "\f57b";
--fa--fa: "\f57b\f57b";
}
.fa-square-binary {
--fa: "\e69b";
--fa--fa: "\e69b\e69b";
}
.fa-rotate-back,
.fa-rotate-backward,
.fa-rotate-left,
.fa-undo-alt {
--fa: "\f2ea";
--fa--fa: "\f2ea\f2ea";
}
.fa-columns,
.fa-table-columns {
--fa: "\f0db";
--fa--fa: "\f0db\f0db";
}
.fa-square-a {
--fa: "\e25f";
--fa--fa: "\e25f\e25f";
}
.fa-tick {
--fa: "\e32f";
--fa--fa: "\e32f\e32f";
}
.fa-lemon {
--fa: "\f094";
--fa--fa: "\f094\f094";
}
.fa-head-side-mask {
--fa: "\e063";
--fa--fa: "\e063\e063";
}
.fa-handshake {
--fa: "\f2b5";
--fa--fa: "\f2b5\f2b5";
}
.fa-gem {
--fa: "\f3a5";
--fa--fa: "\f3a5\f3a5";
}
.fa-dolly,
.fa-dolly-box {
--fa: "\f472";
--fa--fa: "\f472\f472";
}
.fa-smoking {
--fa: "\f48d";
--fa--fa: "\f48d\f48d";
}
.fa-compress-arrows-alt,
.fa-minimize {
--fa: "\f78c";
--fa--fa: "\f78c\f78c";
}
.fa-refrigerator {
--fa: "\e026";
--fa--fa: "\e026\e026";
}
.fa-monument {
--fa: "\f5a6";
--fa--fa: "\f5a6\f5a6";
}
.fa-octagon-xmark,
.fa-times-octagon,
.fa-xmark-octagon {
--fa: "\f2f0";
--fa--fa: "\f2f0\f2f0";
}
.fa-align-slash {
--fa: "\f846";
--fa--fa: "\f846\f846";
}
.fa-snowplow {
--fa: "\f7d2";
--fa--fa: "\f7d2\f7d2";
}
.fa-angle-double-right,
.fa-angles-right {
--fa: "\f101";
--fa--fa: "\f101\f101";
}
.fa-truck-couch,
.fa-truck-ramp-couch {
--fa: "\f4dd";
--fa--fa: "\f4dd\f4dd";
}
.fa-cannabis {
--fa: "\f55f";
--fa--fa: "\f55f\f55f";
}
.fa-circle-play,
.fa-play-circle {
--fa: "\f144";
--fa--fa: "\f144\f144";
}
.fa-arrow-up-right-and-arrow-down-left-from-center {
--fa: "\e0a0";
--fa--fa: "\e0a0\e0a0";
}
.fa-location-arrow-up {
--fa: "\e63a";
--fa--fa: "\e63a\e63a";
}
.fa-tablets {
--fa: "\f490";
--fa--fa: "\f490\f490";
}
.fa-360-degrees {
--fa: "\e2dc";
--fa--fa: "\e2dc\e2dc";
}
.fa-ethernet {
--fa: "\f796";
--fa--fa: "\f796\f796";
}
.fa-eur,
.fa-euro,
.fa-euro-sign {
--fa: "\f153";
--fa--fa: "\f153\f153";
}
.fa-chair {
--fa: "\f6c0";
--fa--fa: "\f6c0\f6c0";
}
.fa-check-circle,
.fa-circle-check {
--fa: "\f058";
--fa--fa: "\f058\f058";
}
.fa-square-dashed-circle-plus {
--fa: "\e5c2";
--fa--fa: "\e5c2\e5c2";
}
.fa-hand-holding-circle-dollar {
--fa: "\e621";
--fa--fa: "\e621\e621";
}
.fa-money-simple-from-bracket {
--fa: "\e313";
--fa--fa: "\e313\e313";
}
.fa-bat {
--fa: "\f6b5";
--fa--fa: "\f6b5\f6b5";
}
.fa-circle-stop,
.fa-stop-circle {
--fa: "\f28d";
--fa--fa: "\f28d\f28d";
}
.fa-head-side-headphones {
--fa: "\f8c2";
--fa--fa: "\f8c2\f8c2";
}
.fa-phone-rotary {
--fa: "\f8d3";
--fa--fa: "\f8d3\f8d3";
}
.fa-arrow-up-to-bracket {
--fa: "\e66a";
--fa--fa: "\e66a\e66a";
}
.fa-compass-drafting,
.fa-drafting-compass {
--fa: "\f568";
--fa--fa: "\f568\f568";
}
.fa-plate-wheat {
--fa: "\e55a";
--fa--fa: "\e55a\e55a";
}
.fa-calendar-circle-minus {
--fa: "\e46f";
--fa--fa: "\e46f\e46f";
}
.fa-chopsticks {
--fa: "\e3f7";
--fa--fa: "\e3f7\e3f7";
}
.fa-car-mechanic,
.fa-car-wrench {
--fa: "\f5e3";
--fa--fa: "\f5e3\f5e3";
}
.fa-icicles {
--fa: "\f7ad";
--fa--fa: "\f7ad\f7ad";
}
.fa-person-shelter {
--fa: "\e54f";
--fa--fa: "\e54f\e54f";
}
.fa-neuter {
--fa: "\f22c";
--fa--fa: "\f22c\f22c";
}
.fa-id-badge {
--fa: "\f2c1";
--fa--fa: "\f2c1\f2c1";
}
.fa-kazoo {
--fa: "\f8c7";
--fa--fa: "\f8c7\f8c7";
}
.fa-marker {
--fa: "\f5a1";
--fa--fa: "\f5a1\f5a1";
}
.fa-bin-bottles {
--fa: "\e5f5";
--fa--fa: "\e5f5\e5f5";
}
.fa-face-laugh-beam,
.fa-laugh-beam {
--fa: "\f59a";
--fa--fa: "\f59a\f59a";
}
.fa-square-arrow-down-left {
--fa: "\e261";
--fa--fa: "\e261\e261";
}
.fa-battery-bolt {
--fa: "\f376";
--fa--fa: "\f376\f376";
}
.fa-tree-large {
--fa: "\f7dd";
--fa--fa: "\f7dd\f7dd";
}
.fa-helicopter-symbol {
--fa: "\e502";
--fa--fa: "\e502\e502";
}
.fa-aperture {
--fa: "\e2df";
--fa--fa: "\e2df\e2df";
}
.fa-universal-access {
--fa: "\f29a";
--fa--fa: "\f29a\f29a";
}
.fa-gear-complex {
--fa: "\e5e9";
--fa--fa: "\e5e9\e5e9";
}
.fa-file-magnifying-glass,
.fa-file-search {
--fa: "\f865";
--fa--fa: "\f865\f865";
}
.fa-up-right {
--fa: "\e2be";
--fa--fa: "\e2be\e2be";
}
.fa-chevron-circle-up,
.fa-circle-chevron-up {
--fa: "\f139";
--fa--fa: "\f139\f139";
}
.fa-user-police {
--fa: "\e333";
--fa--fa: "\e333\e333";
}
.fa-lari-sign {
--fa: "\e1c8";
--fa--fa: "\e1c8\e1c8";
}
.fa-volcano {
--fa: "\f770";
--fa--fa: "\f770\f770";
}
.fa-teddy-bear {
--fa: "\e3cf";
--fa--fa: "\e3cf\e3cf";
}
.fa-stocking {
--fa: "\f7d5";
--fa--fa: "\f7d5\f7d5";
}
.fa-person-walking-dashed-line-arrow-right {
--fa: "\e553";
--fa--fa: "\e553\e553";
}
.fa-image-slash {
--fa: "\e1b7";
--fa--fa: "\e1b7\e1b7";
}
.fa-mask-snorkel {
--fa: "\e3b7";
--fa--fa: "\e3b7\e3b7";
}
.fa-smoke {
--fa: "\f760";
--fa--fa: "\f760\f760";
}
.fa-gbp,
.fa-pound-sign,
.fa-sterling-sign {
--fa: "\f154";
--fa--fa: "\f154\f154";
}
.fa-battery-exclamation {
--fa: "\e0b0";
--fa--fa: "\e0b0\e0b0";
}
.fa-viruses {
--fa: "\e076";
--fa--fa: "\e076\e076";
}
.fa-square-person-confined {
--fa: "\e577";
--fa--fa: "\e577\e577";
}
.fa-user-tie {
--fa: "\f508";
--fa--fa: "\f508\f508";
}
.fa-up-to-bracket {
--fa: "\e66e";
--fa--fa: "\e66e\e66e";
}
.fa-arrow-down-long,
.fa-long-arrow-down {
--fa: "\f175";
--fa--fa: "\f175\f175";
}
.fa-tent-arrow-down-to-line {
--fa: "\e57e";
--fa--fa: "\e57e\e57e";
}
.fa-certificate {
--fa: "\f0a3";
--fa--fa: "\f0a3\f0a3";
}
.fa-crystal-ball {
--fa: "\e362";
--fa--fa: "\e362\e362";
}
.fa-mail-reply-all,
.fa-reply-all {
--fa: "\f122";
--fa--fa: "\f122\f122";
}
.fa-suitcase {
--fa: "\f0f2";
--fa--fa: "\f0f2\f0f2";
}
.fa-person-skating,
.fa-skating {
--fa: "\f7c5";
--fa--fa: "\f7c5\f7c5";
}
.fa-star-shooting {
--fa: "\e036";
--fa--fa: "\e036\e036";
}
.fa-binary-lock {
--fa: "\e33d";
--fa--fa: "\e33d\e33d";
}
.fa-filter-circle-dollar,
.fa-funnel-dollar {
--fa: "\f662";
--fa--fa: "\f662\f662";
}
.fa-camera-retro {
--fa: "\f083";
--fa--fa: "\f083\f083";
}
.fa-arrow-circle-down,
.fa-circle-arrow-down {
--fa: "\f0ab";
--fa--fa: "\f0ab\f0ab";
}
.fa-comment-edit,
.fa-comment-pen {
--fa: "\f4ae";
--fa--fa: "\f4ae\f4ae";
}
.fa-arrow-right-to-file,
.fa-file-import {
--fa: "\f56f";
--fa--fa: "\f56f\f56f";
}
.fa-banjo {
--fa: "\f8a3";
--fa--fa: "\f8a3\f8a3";
}
.fa-external-link-square,
.fa-square-arrow-up-right {
--fa: "\f14c";
--fa--fa: "\f14c\f14c";
}
.fa-light-emergency-on {
--fa: "\e420";
--fa--fa: "\e420\e420";
}
.fa-kerning {
--fa: "\f86f";
--fa--fa: "\f86f\f86f";
}
.fa-box-open {
--fa: "\f49e";
--fa--fa: "\f49e\f49e";
}
.fa-square-f {
--fa: "\e270";
--fa--fa: "\e270\e270";
}
.fa-scroll {
--fa: "\f70e";
--fa--fa: "\f70e\f70e";
}
.fa-spa {
--fa: "\f5bb";
--fa--fa: "\f5bb\f5bb";
}
.fa-arrow-from-right,
.fa-arrow-left-from-line {
--fa: "\f344";
--fa--fa: "\f344\f344";
}
.fa-strawberry {
--fa: "\e32b";
--fa--fa: "\e32b\e32b";
}
.fa-location-pin-lock {
--fa: "\e51f";
--fa--fa: "\e51f\e51f";
}
.fa-pause {
--fa: "\f04c";
--fa--fa: "\f04c\f04c";
}
.fa-clock-eight-thirty {
--fa: "\e346";
--fa--fa: "\e346\e346";
}
.fa-plane-alt,
.fa-plane-engines {
--fa: "\f3de";
--fa--fa: "\f3de\f3de";
}
.fa-hill-avalanche {
--fa: "\e507";
--fa--fa: "\e507\e507";
}
.fa-temperature-0,
.fa-temperature-empty,
.fa-thermometer-0,
.fa-thermometer-empty {
--fa: "\f2cb";
--fa--fa: "\f2cb\f2cb";
}
.fa-bomb {
--fa: "\f1e2";
--fa--fa: "\f1e2\f1e2";
}
.fa-gauge-low,
.fa-tachometer-alt-slow {
--fa: "\f627";
--fa--fa: "\f627\f627";
}
.fa-registered {
--fa: "\f25d";
--fa--fa: "\f25d\f25d";
}
.fa-trash-can-plus {
--fa: "\e2ac";
--fa--fa: "\e2ac\e2ac";
}
.fa-address-card,
.fa-contact-card,
.fa-vcard {
--fa: "\f2bb";
--fa--fa: "\f2bb\f2bb";
}
.fa-chart-fft {
--fa: "\e69e";
--fa--fa: "\e69e\e69e";
}
.fa-balance-scale-right,
.fa-scale-unbalanced-flip {
--fa: "\f516";
--fa--fa: "\f516\f516";
}
.fa-globe-snow {
--fa: "\f7a3";
--fa--fa: "\f7a3\f7a3";
}
.fa-subscript {
--fa: "\f12c";
--fa--fa: "\f12c\f12c";
}
.fa-diamond-turn-right,
.fa-directions {
--fa: "\f5eb";
--fa--fa: "\f5eb\f5eb";
}
.fa-integral {
--fa: "\f667";
--fa--fa: "\f667\f667";
}
.fa-burst {
--fa: "\e4dc";
--fa--fa: "\e4dc\e4dc";
}
.fa-house-laptop,
.fa-laptop-house {
--fa: "\e066";
--fa--fa: "\e066\e066";
}
.fa-face-tired,
.fa-tired {
--fa: "\f5c8";
--fa--fa: "\f5c8\f5c8";
}
.fa-money-bills {
--fa: "\e1f3";
--fa--fa: "\e1f3\e1f3";
}
.fa-blinds-raised {
--fa: "\f8fd";
--fa--fa: "\f8fd\f8fd";
}
.fa-smog {
--fa: "\f75f";
--fa--fa: "\f75f\f75f";
}
.fa-ufo-beam {
--fa: "\e048";
--fa--fa: "\e048\e048";
}
.fa-hydra {
--fa: "\e686";
--fa--fa: "\e686\e686";
}
.fa-caret-circle-up,
.fa-circle-caret-up {
--fa: "\f331";
--fa--fa: "\f331\f331";
}
.fa-user-vneck-hair-long {
--fa: "\e463";
--fa--fa: "\e463\e463";
}
.fa-square-a-lock {
--fa: "\e44d";
--fa--fa: "\e44d\e44d";
}
.fa-crutch {
--fa: "\f7f7";
--fa--fa: "\f7f7\f7f7";
}
.fa-gas-pump-slash {
--fa: "\f5f4";
--fa--fa: "\f5f4\f5f4";
}
.fa-cloud-arrow-up,
.fa-cloud-upload,
.fa-cloud-upload-alt {
--fa: "\f0ee";
--fa--fa: "\f0ee\f0ee";
}
.fa-palette {
--fa: "\f53f";
--fa--fa: "\f53f\f53f";
}
.fa-transporter-4 {
--fa: "\e2a5";
--fa--fa: "\e2a5\e2a5";
}
.fa-chart-mixed-up-circle-currency {
--fa: "\e5d8";
--fa--fa: "\e5d8\e5d8";
}
.fa-objects-align-right {
--fa: "\e3bf";
--fa--fa: "\e3bf\e3bf";
}
.fa-arrows-turn-right {
--fa: "\e4c0";
--fa--fa: "\e4c0\e4c0";
}
.fa-vest {
--fa: "\e085";
--fa--fa: "\e085\e085";
}
.fa-pig {
--fa: "\f706";
--fa--fa: "\f706\f706";
}
.fa-inbox-full {
--fa: "\e1ba";
--fa--fa: "\e1ba\e1ba";
}
.fa-circle-envelope,
.fa-envelope-circle {
--fa: "\e10c";
--fa--fa: "\e10c\e10c";
}
.fa-construction,
.fa-triangle-person-digging {
--fa: "\f85d";
--fa--fa: "\f85d\f85d";
}
.fa-ferry {
--fa: "\e4ea";
--fa--fa: "\e4ea\e4ea";
}
.fa-bullseye-arrow {
--fa: "\f648";
--fa--fa: "\f648\f648";
}
.fa-arrows-down-to-people {
--fa: "\e4b9";
--fa--fa: "\e4b9\e4b9";
}
.fa-seedling,
.fa-sprout {
--fa: "\f4d8";
--fa--fa: "\f4d8\f4d8";
}
.fa-clock-seven {
--fa: "\e350";
--fa--fa: "\e350\e350";
}
.fa-arrows-alt-h,
.fa-left-right {
--fa: "\f337";
--fa--fa: "\f337\f337";
}
.fa-boxes-packing {
--fa: "\e4c7";
--fa--fa: "\e4c7\e4c7";
}
.fa-arrow-circle-left,
.fa-circle-arrow-left {
--fa: "\f0a8";
--fa--fa: "\f0a8\f0a8";
}
.fa-flashlight {
--fa: "\f8b8";
--fa--fa: "\f8b8\f8b8";
}
.fa-file-jpg {
--fa: "\e646";
--fa--fa: "\e646\e646";
}
.fa-group-arrows-rotate {
--fa: "\e4f6";
--fa--fa: "\e4f6\e4f6";
}
.fa-bowl-food {
--fa: "\e4c6";
--fa--fa: "\e4c6\e4c6";
}
.fa-square-9 {
--fa: "\e25e";
--fa--fa: "\e25e\e25e";
}
.fa-candy-cane {
--fa: "\f786";
--fa--fa: "\f786\f786";
}
.fa-arrow-down-wide-short,
.fa-sort-amount-asc,
.fa-sort-amount-down {
--fa: "\f160";
--fa--fa: "\f160\f160";
}
.fa-dollar-square,
.fa-square-dollar,
.fa-usd-square {
--fa: "\f2e9";
--fa--fa: "\f2e9\f2e9";
}
.fa-phone-arrow-right {
--fa: "\e5be";
--fa--fa: "\e5be\e5be";
}
.fa-hand-holding-seedling {
--fa: "\f4bf";
--fa--fa: "\f4bf\f4bf";
}
.fa-comment-alt-check,
.fa-message-check {
--fa: "\f4a2";
--fa--fa: "\f4a2\f4a2";
}
.fa-cloud-bolt,
.fa-thunderstorm {
--fa: "\f76c";
--fa--fa: "\f76c\f76c";
}
.fa-chart-line-up-down {
--fa: "\e5d7";
--fa--fa: "\e5d7\e5d7";
}
.fa-remove-format,
.fa-text-slash {
--fa: "\f87d";
--fa--fa: "\f87d\f87d";
}
.fa-watch {
--fa: "\f2e1";
--fa--fa: "\f2e1\f2e1";
}
.fa-circle-down-left {
--fa: "\e107";
--fa--fa: "\e107\e107";
}
.fa-text {
--fa: "\f893";
--fa--fa: "\f893\f893";
}
.fa-projector {
--fa: "\f8d6";
--fa--fa: "\f8d6\f8d6";
}
.fa-face-smile-wink,
.fa-smile-wink {
--fa: "\f4da";
--fa--fa: "\f4da\f4da";
}
.fa-tombstone-alt,
.fa-tombstone-blank {
--fa: "\f721";
--fa--fa: "\f721\f721";
}
.fa-chess-king-alt,
.fa-chess-king-piece {
--fa: "\f440";
--fa--fa: "\f440\f440";
}
.fa-circle-6 {
--fa: "\e0f3";
--fa--fa: "\e0f3\e0f3";
}
.fa-waves-sine {
--fa: "\e65d";
--fa--fa: "\e65d\e65d";
}
.fa-arrow-alt-left,
.fa-left {
--fa: "\f355";
--fa--fa: "\f355\f355";
}
.fa-file-word {
--fa: "\f1c2";
--fa--fa: "\f1c2\f1c2";
}
.fa-file-powerpoint {
--fa: "\f1c4";
--fa--fa: "\f1c4\f1c4";
}
.fa-arrow-alt-square-down,
.fa-square-down {
--fa: "\f350";
--fa--fa: "\f350\f350";
}
.fa-objects-align-center-vertical {
--fa: "\e3bd";
--fa--fa: "\e3bd\e3bd";
}
.fa-arrows-h,
.fa-arrows-left-right {
--fa: "\f07e";
--fa--fa: "\f07e\f07e";
}
.fa-house-lock {
--fa: "\e510";
--fa--fa: "\e510\e510";
}
.fa-cloud-arrow-down,
.fa-cloud-download,
.fa-cloud-download-alt {
--fa: "\f0ed";
--fa--fa: "\f0ed\f0ed";
}
.fa-wreath {
--fa: "\f7e2";
--fa--fa: "\f7e2\f7e2";
}
.fa-children {
--fa: "\e4e1";
--fa--fa: "\e4e1\e4e1";
}
.fa-meter-droplet {
--fa: "\e1ea";
--fa--fa: "\e1ea\e1ea";
}
.fa-blackboard,
.fa-chalkboard {
--fa: "\f51b";
--fa--fa: "\f51b\f51b";
}
.fa-user-alt-slash,
.fa-user-large-slash {
--fa: "\f4fa";
--fa--fa: "\f4fa\f4fa";
}
.fa-signal-4,
.fa-signal-strong {
--fa: "\f68f";
--fa--fa: "\f68f\f68f";
}
.fa-lollipop,
.fa-lollypop {
--fa: "\e424";
--fa--fa: "\e424\e424";
}
.fa-list-tree {
--fa: "\e1d2";
--fa--fa: "\e1d2\e1d2";
}
.fa-envelope-open {
--fa: "\f2b6";
--fa--fa: "\f2b6\f2b6";
}
.fa-draw-circle {
--fa: "\f5ed";
--fa--fa: "\f5ed\f5ed";
}
.fa-cat-space {
--fa: "\e001";
--fa--fa: "\e001\e001";
}
.fa-handshake-alt-slash,
.fa-handshake-simple-slash {
--fa: "\e05f";
--fa--fa: "\e05f\e05f";
}
.fa-rabbit-fast,
.fa-rabbit-running {
--fa: "\f709";
--fa--fa: "\f709\f709";
}
.fa-memo-pad {
--fa: "\e1da";
--fa--fa: "\e1da\e1da";
}
.fa-mattress-pillow {
--fa: "\e525";
--fa--fa: "\e525\e525";
}
.fa-alarm-plus {
--fa: "\f844";
--fa--fa: "\f844\f844";
}
.fa-alicorn {
--fa: "\f6b0";
--fa--fa: "\f6b0\f6b0";
}
.fa-comment-question {
--fa: "\e14b";
--fa--fa: "\e14b\e14b";
}
.fa-gingerbread-man {
--fa: "\f79d";
--fa--fa: "\f79d\f79d";
}
.fa-guarani-sign {
--fa: "\e19a";
--fa--fa: "\e19a\e19a";
}
.fa-burger-fries {
--fa: "\e0cd";
--fa--fa: "\e0cd\e0cd";
}
.fa-mug-tea {
--fa: "\f875";
--fa--fa: "\f875\f875";
}
.fa-border-top {
--fa: "\f855";
--fa--fa: "\f855\f855";
}
.fa-arrows-rotate,
.fa-refresh,
.fa-sync {
--fa: "\f021";
--fa--fa: "\f021\f021";
}
.fa-book-circle,
.fa-circle-book-open {
--fa: "\e0ff";
--fa--fa: "\e0ff\e0ff";
}
.fa-arrows-to-dotted-line {
--fa: "\e0a6";
--fa--fa: "\e0a6\e0a6";
}
.fa-fire-extinguisher {
--fa: "\f134";
--fa--fa: "\f134\f134";
}
.fa-magnifying-glass-arrows-rotate {
--fa: "\e65e";
--fa--fa: "\e65e\e65e";
}
.fa-garage-open {
--fa: "\e00b";
--fa--fa: "\e00b\e00b";
}
.fa-shelves-empty {
--fa: "\e246";
--fa--fa: "\e246\e246";
}
.fa-cruzeiro-sign {
--fa: "\e152";
--fa--fa: "\e152\e152";
}
.fa-watch-apple {
--fa: "\e2cb";
--fa--fa: "\e2cb\e2cb";
}
.fa-watch-calculator {
--fa: "\f8f0";
--fa--fa: "\f8f0\f8f0";
}
.fa-list-dropdown {
--fa: "\e1cf";
--fa--fa: "\e1cf\e1cf";
}
.fa-cabinet-filing {
--fa: "\f64b";
--fa--fa: "\f64b\f64b";
}
.fa-burger-soda {
--fa: "\f858";
--fa--fa: "\f858\f858";
}
.fa-arrow-square-up,
.fa-square-arrow-up {
--fa: "\f33c";
--fa--fa: "\f33c\f33c";
}
.fa-greater-than-equal {
--fa: "\f532";
--fa--fa: "\f532\f532";
}
.fa-pallet-box {
--fa: "\e208";
--fa--fa: "\e208\e208";
}
.fa-face-confounded {
--fa: "\e36c";
--fa--fa: "\e36c\e36c";
}
.fa-shield-alt,
.fa-shield-halved {
--fa: "\f3ed";
--fa--fa: "\f3ed\f3ed";
}
.fa-truck-plow {
--fa: "\f7de";
--fa--fa: "\f7de\f7de";
}
.fa-atlas,
.fa-book-atlas {
--fa: "\f558";
--fa--fa: "\f558\f558";
}
.fa-virus {
--fa: "\e074";
--fa--fa: "\e074\e074";
}
.fa-grid-round-2 {
--fa: "\e5db";
--fa--fa: "\e5db\e5db";
}
.fa-comment-middle-top {
--fa: "\e14a";
--fa--fa: "\e14a\e14a";
}
.fa-wave {
--fa: "\e65b";
--fa--fa: "\e65b\e65b";
}
.fa-envelope-circle-check {
--fa: "\e4e8";
--fa--fa: "\e4e8\e4e8";
}
.fa-layer-group {
--fa: "\f5fd";
--fa--fa: "\f5fd\f5fd";
}
.fa-restroom-simple {
--fa: "\e23a";
--fa--fa: "\e23a\e23a";
}
.fa-arrows-to-dot {
--fa: "\e4be";
--fa--fa: "\e4be\e4be";
}
.fa-border-outer {
--fa: "\f851";
--fa--fa: "\f851\f851";
}
.fa-hashtag-lock {
--fa: "\e415";
--fa--fa: "\e415\e415";
}
.fa-clock-two-thirty {
--fa: "\e35b";
--fa--fa: "\e35b\e35b";
}
.fa-archway {
--fa: "\f557";
--fa--fa: "\f557\f557";
}
.fa-heart-circle-check {
--fa: "\e4fd";
--fa--fa: "\e4fd\e4fd";
}
.fa-house-chimney-crack,
.fa-house-damage {
--fa: "\f6f1";
--fa--fa: "\f6f1\f6f1";
}
.fa-file-archive,
.fa-file-zipper {
--fa: "\f1c6";
--fa--fa: "\f1c6\f1c6";
}
.fa-ticket-perforated {
--fa: "\e63e";
--fa--fa: "\e63e\e63e";
}
.fa-heart-half {
--fa: "\e1ab";
--fa--fa: "\e1ab\e1ab";
}
.fa-comment-check {
--fa: "\f4ac";
--fa--fa: "\f4ac\f4ac";
}
.fa-square {
--fa: "\f0c8";
--fa--fa: "\f0c8\f0c8";
}
.fa-memo {
--fa: "\e1d8";
--fa--fa: "\e1d8\e1d8";
}
.fa-glass-martini,
.fa-martini-glass-empty {
--fa: "\f000";
--fa--fa: "\f000\f000";
}
.fa-couch {
--fa: "\f4b8";
--fa--fa: "\f4b8\f4b8";
}
.fa-cedi-sign {
--fa: "\e0df";
--fa--fa: "\e0df\e0df";
}
.fa-italic {
--fa: "\f033";
--fa--fa: "\f033\f033";
}
.fa-glass-citrus {
--fa: "\f869";
--fa--fa: "\f869\f869";
}
.fa-calendar-lines-pen {
--fa: "\e472";
--fa--fa: "\e472\e472";
}
.fa-table-cells-column-lock {
--fa: "\e678";
--fa--fa: "\e678\e678";
}
.fa-church {
--fa: "\f51d";
--fa--fa: "\f51d\f51d";
}
.fa-person-snowmobiling,
.fa-snowmobile {
--fa: "\f7d1";
--fa--fa: "\f7d1\f7d1";
}
.fa-face-hushed {
--fa: "\e37b";
--fa--fa: "\e37b\e37b";
}
.fa-comments-dollar {
--fa: "\f653";
--fa--fa: "\f653\f653";
}
.fa-tickets-simple {
--fa: "\e659";
--fa--fa: "\e659\e659";
}
.fa-pickaxe {
--fa: "\e5bf";
--fa--fa: "\e5bf\e5bf";
}
.fa-link-simple-slash {
--fa: "\e1ce";
--fa--fa: "\e1ce\e1ce";
}
.fa-democrat {
--fa: "\f747";
--fa--fa: "\f747\f747";
}
.fa-face-confused {
--fa: "\e36d";
--fa--fa: "\e36d\e36d";
}
.fa-pinball {
--fa: "\e229";
--fa--fa: "\e229\e229";
}
.fa-z {
--fa: "Z";
--fa--fa: "ZZ";
}
.fa-person-skiing,
.fa-skiing {
--fa: "\f7c9";
--fa--fa: "\f7c9\f7c9";
}
.fa-deer {
--fa: "\f78e";
--fa--fa: "\f78e\f78e";
}
.fa-input-pipe {
--fa: "\e1be";
--fa--fa: "\e1be\e1be";
}
.fa-road-lock {
--fa: "\e567";
--fa--fa: "\e567\e567";
}
.fa-a {
--fa: "A";
--fa--fa: "AA";
}
.fa-bookmark-slash {
--fa: "\e0c2";
--fa--fa: "\e0c2\e0c2";
}
.fa-temperature-arrow-down,
.fa-temperature-down {
--fa: "\e03f";
--fa--fa: "\e03f\e03f";
}
.fa-mace {
--fa: "\f6f8";
--fa--fa: "\f6f8\f6f8";
}
.fa-feather-alt,
.fa-feather-pointed {
--fa: "\f56b";
--fa--fa: "\f56b\f56b";
}
.fa-sausage {
--fa: "\f820";
--fa--fa: "\f820\f820";
}
.fa-trash-can-clock {
--fa: "\e2aa";
--fa--fa: "\e2aa\e2aa";
}
.fa-p {
--fa: "P";
--fa--fa: "PP";
}
.fa-broom-wide {
--fa: "\e5d1";
--fa--fa: "\e5d1\e5d1";
}
.fa-snowflake {
--fa: "\f2dc";
--fa--fa: "\f2dc\f2dc";
}
.fa-stomach {
--fa: "\f623";
--fa--fa: "\f623\f623";
}
.fa-newspaper {
--fa: "\f1ea";
--fa--fa: "\f1ea\f1ea";
}
.fa-ad,
.fa-rectangle-ad {
--fa: "\f641";
--fa--fa: "\f641\f641";
}
.fa-guitar-electric {
--fa: "\f8be";
--fa--fa: "\f8be\f8be";
}
.fa-arrow-turn-down-right {
--fa: "\e3d6";
--fa--fa: "\e3d6\e3d6";
}
.fa-moon-cloud {
--fa: "\f754";
--fa--fa: "\f754\f754";
}
.fa-bread-slice-butter {
--fa: "\e3e1";
--fa--fa: "\e3e1\e3e1";
}
.fa-arrow-circle-right,
.fa-circle-arrow-right {
--fa: "\f0a9";
--fa--fa: "\f0a9\f0a9";
}
.fa-user-group-crown,
.fa-users-crown {
--fa: "\f6a5";
--fa--fa: "\f6a5\f6a5";
}
.fa-circle-i {
--fa: "\e111";
--fa--fa: "\e111\e111";
}
.fa-toilet-paper-check {
--fa: "\e5b2";
--fa--fa: "\e5b2\e5b2";
}
.fa-filter-circle-xmark {
--fa: "\e17b";
--fa--fa: "\e17b\e17b";
}
.fa-locust {
--fa: "\e520";
--fa--fa: "\e520\e520";
}
.fa-sort,
.fa-unsorted {
--fa: "\f0dc";
--fa--fa: "\f0dc\f0dc";
}
.fa-list-1-2,
.fa-list-numeric,
.fa-list-ol {
--fa: "\f0cb";
--fa--fa: "\f0cb\f0cb";
}
.fa-chart-waterfall {
--fa: "\e0eb";
--fa--fa: "\e0eb\e0eb";
}
.fa-sparkle {
--fa: "\e5d6";
--fa--fa: "\e5d6\e5d6";
}
.fa-face-party {
--fa: "\e383";
--fa--fa: "\e383\e383";
}
.fa-kidneys {
--fa: "\f5fb";
--fa--fa: "\f5fb\f5fb";
}
.fa-wifi-exclamation {
--fa: "\e2cf";
--fa--fa: "\e2cf\e2cf";
}
.fa-chart-network {
--fa: "\f78a";
--fa--fa: "\f78a\f78a";
}
.fa-person-dress-burst {
--fa: "\e544";
--fa--fa: "\e544\e544";
}
.fa-dice-d4 {
--fa: "\f6d0";
--fa--fa: "\f6d0\f6d0";
}
.fa-money-check-alt,
.fa-money-check-dollar {
--fa: "\f53d";
--fa--fa: "\f53d\f53d";
}
.fa-vector-square {
--fa: "\f5cb";
--fa--fa: "\f5cb\f5cb";
}
.fa-bread-slice {
--fa: "\f7ec";
--fa--fa: "\f7ec\f7ec";
}
.fa-language {
--fa: "\f1ab";
--fa--fa: "\f1ab\f1ab";
}
.fa-wheat-awn-slash {
--fa: "\e338";
--fa--fa: "\e338\e338";
}
.fa-face-kiss-wink-heart,
.fa-kiss-wink-heart {
--fa: "\f598";
--fa--fa: "\f598\f598";
}
.fa-dagger {
--fa: "\f6cb";
--fa--fa: "\f6cb\f6cb";
}
.fa-podium {
--fa: "\f680";
--fa--fa: "\f680\f680";
}
.fa-diamonds-4 {
--fa: "\e68b";
--fa--fa: "\e68b\e68b";
}
.fa-memo-circle-check {
--fa: "\e1d9";
--fa--fa: "\e1d9\e1d9";
}
.fa-route-highway {
--fa: "\f61a";
--fa--fa: "\f61a\f61a";
}
.fa-arrow-alt-to-bottom,
.fa-down-to-line {
--fa: "\f34a";
--fa--fa: "\f34a\f34a";
}
.fa-filter {
--fa: "\f0b0";
--fa--fa: "\f0b0\f0b0";
}
.fa-square-g {
--fa: "\e271";
--fa--fa: "\e271\e271";
}
.fa-circle-phone,
.fa-phone-circle {
--fa: "\e11b";
--fa--fa: "\e11b\e11b";
}
.fa-clipboard-prescription {
--fa: "\f5e8";
--fa--fa: "\f5e8\f5e8";
}
.fa-user-nurse-hair {
--fa: "\e45d";
--fa--fa: "\e45d\e45d";
}
.fa-question {
--fa: "?";
--fa--fa: "??";
}
.fa-file-signature {
--fa: "\f573";
--fa--fa: "\f573\f573";
}
.fa-toggle-large-on {
--fa: "\e5b1";
--fa--fa: "\e5b1\e5b1";
}
.fa-arrows-alt,
.fa-up-down-left-right {
--fa: "\f0b2";
--fa--fa: "\f0b2\f0b2";
}
.fa-dryer-alt,
.fa-dryer-heat {
--fa: "\f862";
--fa--fa: "\f862\f862";
}
.fa-house-chimney-user {
--fa: "\e065";
--fa--fa: "\e065\e065";
}
.fa-hand-holding-heart {
--fa: "\f4be";
--fa--fa: "\f4be\f4be";
}
.fa-arrow-up-small-big,
.fa-sort-size-up-alt {
--fa: "\f88f";
--fa--fa: "\f88f\f88f";
}
.fa-train-track {
--fa: "\e453";
--fa--fa: "\e453\e453";
}
.fa-puzzle-piece {
--fa: "\f12e";
--fa--fa: "\f12e\f12e";
}
.fa-money-check {
--fa: "\f53c";
--fa--fa: "\f53c\f53c";
}
.fa-star-half-alt,
.fa-star-half-stroke {
--fa: "\f5c0";
--fa--fa: "\f5c0\f5c0";
}
.fa-file-exclamation {
--fa: "\f31a";
--fa--fa: "\f31a\f31a";
}
.fa-code {
--fa: "\f121";
--fa--fa: "\f121\f121";
}
.fa-glass-whiskey,
.fa-whiskey-glass {
--fa: "\f7a0";
--fa--fa: "\f7a0\f7a0";
}
.fa-moon-stars {
--fa: "\f755";
--fa--fa: "\f755\f755";
}
.fa-building-circle-exclamation {
--fa: "\e4d3";
--fa--fa: "\e4d3\e4d3";
}
.fa-clothes-hanger {
--fa: "\e136";
--fa--fa: "\e136\e136";
}
.fa-mobile-iphone,
.fa-mobile-notch {
--fa: "\e1ee";
--fa--fa: "\e1ee\e1ee";
}
.fa-magnifying-glass-chart {
--fa: "\e522";
--fa--fa: "\e522\e522";
}
.fa-arrow-up-right-from-square,
.fa-external-link {
--fa: "\f08e";
--fa--fa: "\f08e\f08e";
}
.fa-cubes-stacked {
--fa: "\e4e6";
--fa--fa: "\e4e6\e4e6";
}
.fa-images-user {
--fa: "\e1b9";
--fa--fa: "\e1b9\e1b9";
}
.fa-krw,
.fa-won,
.fa-won-sign {
--fa: "\f159";
--fa--fa: "\f159\f159";
}
.fa-image-polaroid-user {
--fa: "\e1b6";
--fa--fa: "\e1b6\e1b6";
}
.fa-virus-covid {
--fa: "\e4a8";
--fa--fa: "\e4a8\e4a8";
}
.fa-square-ellipsis {
--fa: "\e26e";
--fa--fa: "\e26e\e26e";
}
.fa-pie {
--fa: "\f705";
--fa--fa: "\f705\f705";
}
.fa-chess-knight-alt,
.fa-chess-knight-piece {
--fa: "\f442";
--fa--fa: "\f442\f442";
}
.fa-austral-sign {
--fa: "\e0a9";
--fa--fa: "\e0a9\e0a9";
}
.fa-cloud-plus {
--fa: "\e35e";
--fa--fa: "\e35e\e35e";
}
.fa-f {
--fa: "F";
--fa--fa: "FF";
}
.fa-leaf {
--fa: "\f06c";
--fa--fa: "\f06c\f06c";
}
.fa-bed-bunk {
--fa: "\f8f8";
--fa--fa: "\f8f8\f8f8";
}
.fa-road {
--fa: "\f018";
--fa--fa: "\f018\f018";
}
.fa-cab,
.fa-taxi {
--fa: "\f1ba";
--fa--fa: "\f1ba\f1ba";
}
.fa-person-circle-plus {
--fa: "\e541";
--fa--fa: "\e541\e541";
}
.fa-chart-pie,
.fa-pie-chart {
--fa: "\f200";
--fa--fa: "\f200\f200";
}
.fa-bolt-lightning {
--fa: "\e0b7";
--fa--fa: "\e0b7\e0b7";
}
.fa-clock-eight {
--fa: "\e345";
--fa--fa: "\e345\e345";
}
.fa-sack-xmark {
--fa: "\e56a";
--fa--fa: "\e56a\e56a";
}
.fa-file-xls {
--fa: "\e64d";
--fa--fa: "\e64d\e64d";
}
.fa-file-excel {
--fa: "\f1c3";
--fa--fa: "\f1c3\f1c3";
}
.fa-file-contract {
--fa: "\f56c";
--fa--fa: "\f56c\f56c";
}
.fa-fish-fins {
--fa: "\e4f2";
--fa--fa: "\e4f2\e4f2";
}
.fa-circle-q {
--fa: "\e11e";
--fa--fa: "\e11e\e11e";
}
.fa-building-flag {
--fa: "\e4d5";
--fa--fa: "\e4d5\e4d5";
}
.fa-face-grin-beam,
.fa-grin-beam {
--fa: "\f582";
--fa--fa: "\f582\f582";
}
.fa-object-ungroup {
--fa: "\f248";
--fa--fa: "\f248\f248";
}
.fa-face-disguise {
--fa: "\e370";
--fa--fa: "\e370\e370";
}
.fa-circle-arrow-down-right {
--fa: "\e0fa";
--fa--fa: "\e0fa\e0fa";
}
.fa-alien-8bit,
.fa-alien-monster {
--fa: "\f8f6";
--fa--fa: "\f8f6\f8f6";
}
.fa-hand-point-ribbon {
--fa: "\e1a6";
--fa--fa: "\e1a6\e1a6";
}
.fa-poop {
--fa: "\f619";
--fa--fa: "\f619\f619";
}
.fa-object-exclude {
--fa: "\e49c";
--fa--fa: "\e49c\e49c";
}
.fa-telescope {
--fa: "\e03e";
--fa--fa: "\e03e\e03e";
}
.fa-location-pin,
.fa-map-marker {
--fa: "\f041";
--fa--fa: "\f041\f041";
}
.fa-square-list {
--fa: "\e489";
--fa--fa: "\e489\e489";
}
.fa-kaaba {
--fa: "\f66b";
--fa--fa: "\f66b\f66b";
}
.fa-toilet-paper {
--fa: "\f71e";
--fa--fa: "\f71e\f71e";
}
.fa-hard-hat,
.fa-hat-hard,
.fa-helmet-safety {
--fa: "\f807";
--fa--fa: "\f807\f807";
}
.fa-comment-code {
--fa: "\e147";
--fa--fa: "\e147\e147";
}
.fa-sim-cards {
--fa: "\e251";
--fa--fa: "\e251\e251";
}
.fa-starship {
--fa: "\e039";
--fa--fa: "\e039\e039";
}
.fa-eject {
--fa: "\f052";
--fa--fa: "\f052\f052";
}
.fa-arrow-alt-circle-right,
.fa-circle-right {
--fa: "\f35a";
--fa--fa: "\f35a\f35a";
}
.fa-plane-circle-check {
--fa: "\e555";
--fa--fa: "\e555\e555";
}
.fa-seal {
--fa: "\e241";
--fa--fa: "\e241\e241";
}
.fa-user-cowboy {
--fa: "\f8ea";
--fa--fa: "\f8ea\f8ea";
}
.fa-hexagon-vertical-nft {
--fa: "\e505";
--fa--fa: "\e505\e505";
}
.fa-face-rolling-eyes,
.fa-meh-rolling-eyes {
--fa: "\f5a5";
--fa--fa: "\f5a5\f5a5";
}
.fa-bread-loaf {
--fa: "\f7eb";
--fa--fa: "\f7eb\f7eb";
}
.fa-rings-wedding {
--fa: "\f81b";
--fa--fa: "\f81b\f81b";
}
.fa-object-group {
--fa: "\f247";
--fa--fa: "\f247\f247";
}
.fa-french-fries {
--fa: "\f803";
--fa--fa: "\f803\f803";
}
.fa-chart-line,
.fa-line-chart {
--fa: "\f201";
--fa--fa: "\f201\f201";
}
.fa-calendar-arrow-down,
.fa-calendar-download {
--fa: "\e0d0";
--fa--fa: "\e0d0\e0d0";
}
.fa-send-back {
--fa: "\f87e";
--fa--fa: "\f87e\f87e";
}
.fa-mask-ventilator {
--fa: "\e524";
--fa--fa: "\e524\e524";
}
.fa-tickets {
--fa: "\e658";
--fa--fa: "\e658\e658";
}
.fa-signature-lock {
--fa: "\e3ca";
--fa--fa: "\e3ca\e3ca";
}
.fa-arrow-right {
--fa: "\f061";
--fa--fa: "\f061\f061";
}
.fa-map-signs,
.fa-signs-post {
--fa: "\f277";
--fa--fa: "\f277\f277";
}
.fa-octagon-plus,
.fa-plus-octagon {
--fa: "\f301";
--fa--fa: "\f301\f301";
}
.fa-cash-register {
--fa: "\f788";
--fa--fa: "\f788\f788";
}
.fa-person-circle-question {
--fa: "\e542";
--fa--fa: "\e542\e542";
}
.fa-melon-slice {
--fa: "\e311";
--fa--fa: "\e311\e311";
}
.fa-space-station-moon {
--fa: "\e033";
--fa--fa: "\e033\e033";
}
.fa-comment-alt-smile,
.fa-message-smile {
--fa: "\f4aa";
--fa--fa: "\f4aa\f4aa";
}
.fa-cup-straw {
--fa: "\e363";
--fa--fa: "\e363\e363";
}
.fa-arrow-alt-from-right,
.fa-left-from-line {
--fa: "\f348";
--fa--fa: "\f348\f348";
}
.fa-h {
--fa: "H";
--fa--fa: "HH";
}
.fa-basket-shopping-simple,
.fa-shopping-basket-alt {
--fa: "\e0af";
--fa--fa: "\e0af\e0af";
}
.fa-hands-heart,
.fa-hands-holding-heart {
--fa: "\f4c3";
--fa--fa: "\f4c3\f4c3";
}
.fa-clock-nine {
--fa: "\e34c";
--fa--fa: "\e34c\e34c";
}
.fa-hammer-brush {
--fa: "\e620";
--fa--fa: "\e620\e620";
}
.fa-tarp {
--fa: "\e57b";
--fa--fa: "\e57b\e57b";
}
.fa-face-sleepy {
--fa: "\e38e";
--fa--fa: "\e38e\e38e";
}
.fa-hand-horns {
--fa: "\e1a9";
--fa--fa: "\e1a9\e1a9";
}
.fa-screwdriver-wrench,
.fa-tools {
--fa: "\f7d9";
--fa--fa: "\f7d9\f7d9";
}
.fa-arrows-to-eye {
--fa: "\e4bf";
--fa--fa: "\e4bf\e4bf";
}
.fa-circle-three-quarters {
--fa: "\e125";
--fa--fa: "\e125\e125";
}
.fa-trophy-alt,
.fa-trophy-star {
--fa: "\f2eb";
--fa--fa: "\f2eb\f2eb";
}
.fa-plug-circle-bolt {
--fa: "\e55b";
--fa--fa: "\e55b\e55b";
}
.fa-face-thermometer {
--fa: "\e39a";
--fa--fa: "\e39a\e39a";
}
.fa-grid-round-4 {
--fa: "\e5dd";
--fa--fa: "\e5dd\e5dd";
}
.fa-sign-posts-wrench {
--fa: "\e626";
--fa--fa: "\e626\e626";
}
.fa-shirt-running {
--fa: "\e3c8";
--fa--fa: "\e3c8\e3c8";
}
.fa-book-circle-arrow-up {
--fa: "\e0bd";
--fa--fa: "\e0bd\e0bd";
}
.fa-face-nauseated {
--fa: "\e381";
--fa--fa: "\e381\e381";
}
.fa-heart {
--fa: "\f004";
--fa--fa: "\f004\f004";
}
.fa-file-chart-pie {
--fa: "\f65a";
--fa--fa: "\f65a\f65a";
}
.fa-mars-and-venus {
--fa: "\f224";
--fa--fa: "\f224\f224";
}
.fa-home-user,
.fa-house-user {
--fa: "\e1b0";
--fa--fa: "\e1b0\e1b0";
}
.fa-circle-arrow-down-left {
--fa: "\e0f9";
--fa--fa: "\e0f9\e0f9";
}
.fa-dumpster-fire {
--fa: "\f794";
--fa--fa: "\f794\f794";
}
.fa-hexagon-minus,
.fa-minus-hexagon {
--fa: "\f307";
--fa--fa: "\f307\f307";
}
.fa-arrow-alt-to-left,
.fa-left-to-line {
--fa: "\f34b";
--fa--fa: "\f34b\f34b";
}
.fa-house-crack {
--fa: "\e3b1";
--fa--fa: "\e3b1\e3b1";
}
.fa-paw-alt,
.fa-paw-simple {
--fa: "\f701";
--fa--fa: "\f701\f701";
}
.fa-arrow-left-long-to-line {
--fa: "\e3d4";
--fa--fa: "\e3d4\e3d4";
}
.fa-brackets-round,
.fa-parentheses {
--fa: "\e0c5";
--fa--fa: "\e0c5\e0c5";
}
.fa-cocktail,
.fa-martini-glass-citrus {
--fa: "\f561";
--fa--fa: "\f561\f561";
}
.fa-user-shakespeare {
--fa: "\e2c2";
--fa--fa: "\e2c2\e2c2";
}
.fa-arrow-right-to-arc {
--fa: "\e4b2";
--fa--fa: "\e4b2\e4b2";
}
.fa-face-surprise,
.fa-surprise {
--fa: "\f5c2";
--fa--fa: "\f5c2\f5c2";
}
.fa-bottle-water {
--fa: "\e4c5";
--fa--fa: "\e4c5\e4c5";
}
.fa-circle-pause,
.fa-pause-circle {
--fa: "\f28b";
--fa--fa: "\f28b\f28b";
}
.fa-gauge-circle-plus {
--fa: "\e498";
--fa--fa: "\e498\e498";
}
.fa-folders {
--fa: "\f660";
--fa--fa: "\f660\f660";
}
.fa-angel {
--fa: "\f779";
--fa--fa: "\f779\f779";
}
.fa-value-absolute {
--fa: "\f6a6";
--fa--fa: "\f6a6\f6a6";
}
.fa-rabbit {
--fa: "\f708";
--fa--fa: "\f708\f708";
}
.fa-toilet-paper-slash {
--fa: "\e072";
--fa--fa: "\e072\e072";
}
.fa-circle-euro {
--fa: "\e5ce";
--fa--fa: "\e5ce\e5ce";
}
.fa-apple-alt,
.fa-apple-whole {
--fa: "\f5d1";
--fa--fa: "\f5d1\f5d1";
}
.fa-kitchen-set {
--fa: "\e51a";
--fa--fa: "\e51a\e51a";
}
.fa-diamond-half {
--fa: "\e5b7";
--fa--fa: "\e5b7\e5b7";
}
.fa-lock-alt,
.fa-lock-keyhole {
--fa: "\f30d";
--fa--fa: "\f30d\f30d";
}
.fa-r {
--fa: "R";
--fa--fa: "RR";
}
.fa-temperature-1,
.fa-temperature-quarter,
.fa-thermometer-1,
.fa-thermometer-quarter {
--fa: "\f2ca";
--fa--fa: "\f2ca\f2ca";
}
.fa-info-square,
.fa-square-info {
--fa: "\f30f";
--fa--fa: "\f30f\f30f";
}
.fa-wifi-slash {
--fa: "\f6ac";
--fa--fa: "\f6ac\f6ac";
}
.fa-toilet-paper-xmark {
--fa: "\e5b3";
--fa--fa: "\e5b3\e5b3";
}
.fa-hands-holding-dollar,
.fa-hands-usd {
--fa: "\f4c5";
--fa--fa: "\f4c5\f4c5";
}
.fa-cube {
--fa: "\f1b2";
--fa--fa: "\f1b2\f1b2";
}
.fa-arrow-down-triangle-square,
.fa-sort-shapes-down {
--fa: "\f888";
--fa--fa: "\f888\f888";
}
.fa-bitcoin-sign {
--fa: "\e0b4";
--fa--fa: "\e0b4\e0b4";
}
.fa-shutters {
--fa: "\e449";
--fa--fa: "\e449\e449";
}
.fa-shield-dog {
--fa: "\e573";
--fa--fa: "\e573\e573";
}
.fa-solar-panel {
--fa: "\f5ba";
--fa--fa: "\f5ba\f5ba";
}
.fa-lock-open {
--fa: "\f3c1";
--fa--fa: "\f3c1\f3c1";
}
.fa-table-tree {
--fa: "\e293";
--fa--fa: "\e293\e293";
}
.fa-house-chimney-heart {
--fa: "\e1b2";
--fa--fa: "\e1b2\e1b2";
}
.fa-tally-3 {
--fa: "\e296";
--fa--fa: "\e296\e296";
}
.fa-elevator {
--fa: "\e16d";
--fa--fa: "\e16d\e16d";
}
.fa-money-bill-transfer {
--fa: "\e528";
--fa--fa: "\e528\e528";
}
.fa-money-bill-trend-up {
--fa: "\e529";
--fa--fa: "\e529\e529";
}
.fa-house-flood-water-circle-arrow-right {
--fa: "\e50f";
--fa--fa: "\e50f\e50f";
}
.fa-poll-h,
.fa-square-poll-horizontal {
--fa: "\f682";
--fa--fa: "\f682\f682";
}
.fa-circle {
--fa: "\f111";
--fa--fa: "\f111\f111";
}
.fa-left-to-bracket {
--fa: "\e66d";
--fa--fa: "\e66d\e66d";
}
.fa-cart-circle-exclamation {
--fa: "\e3f2";
--fa--fa: "\e3f2\e3f2";
}
.fa-sword {
--fa: "\f71c";
--fa--fa: "\f71c\f71c";
}
.fa-backward-fast,
.fa-fast-backward {
--fa: "\f049";
--fa--fa: "\f049\f049";
}
.fa-recycle {
--fa: "\f1b8";
--fa--fa: "\f1b8\f1b8";
}
.fa-user-astronaut {
--fa: "\f4fb";
--fa--fa: "\f4fb\f4fb";
}
.fa-interrobang {
--fa: "\e5ba";
--fa--fa: "\e5ba\e5ba";
}
.fa-plane-slash {
--fa: "\e069";
--fa--fa: "\e069\e069";
}
.fa-circle-dashed {
--fa: "\e105";
--fa--fa: "\e105\e105";
}
.fa-trademark {
--fa: "\f25c";
--fa--fa: "\f25c\f25c";
}
.fa-basketball,
.fa-basketball-ball {
--fa: "\f434";
--fa--fa: "\f434\f434";
}
.fa-fork-knife,
.fa-utensils-alt {
--fa: "\f2e6";
--fa--fa: "\f2e6\f2e6";
}
.fa-satellite-dish {
--fa: "\f7c0";
--fa--fa: "\f7c0\f7c0";
}
.fa-badge-check {
--fa: "\f336";
--fa--fa: "\f336\f336";
}
.fa-arrow-alt-circle-up,
.fa-circle-up {
--fa: "\f35b";
--fa--fa: "\f35b\f35b";
}
.fa-slider {
--fa: "\e252";
--fa--fa: "\e252\e252";
}
.fa-mobile-alt,
.fa-mobile-screen-button {
--fa: "\f3cd";
--fa--fa: "\f3cd\f3cd";
}
.fa-clock-one-thirty {
--fa: "\e34f";
--fa--fa: "\e34f\e34f";
}
.fa-inbox-arrow-up,
.fa-inbox-out {
--fa: "\f311";
--fa--fa: "\f311\f311";
}
.fa-cloud-slash {
--fa: "\e137";
--fa--fa: "\e137\e137";
}
.fa-volume-high,
.fa-volume-up {
--fa: "\f028";
--fa--fa: "\f028\f028";
}
.fa-users-rays {
--fa: "\e593";
--fa--fa: "\e593\e593";
}
.fa-wallet {
--fa: "\f555";
--fa--fa: "\f555\f555";
}
.fa-octagon-check {
--fa: "\e426";
--fa--fa: "\e426\e426";
}
.fa-flatbread-stuffed {
--fa: "\e40c";
--fa--fa: "\e40c\e40c";
}
.fa-clipboard-check {
--fa: "\f46c";
--fa--fa: "\f46c\f46c";
}
.fa-cart-circle-plus {
--fa: "\e3f3";
--fa--fa: "\e3f3\e3f3";
}
.fa-shipping-timed,
.fa-truck-clock {
--fa: "\f48c";
--fa--fa: "\f48c\f48c";
}
.fa-pool-8-ball {
--fa: "\e3c5";
--fa--fa: "\e3c5\e3c5";
}
.fa-file-audio {
--fa: "\f1c7";
--fa--fa: "\f1c7\f1c7";
}
.fa-turn-down-left {
--fa: "\e331";
--fa--fa: "\e331\e331";
}
.fa-lock-hashtag {
--fa: "\e423";
--fa--fa: "\e423\e423";
}
.fa-chart-radar {
--fa: "\e0e7";
--fa--fa: "\e0e7\e0e7";
}
.fa-staff {
--fa: "\f71b";
--fa--fa: "\f71b\f71b";
}
.fa-burger,
.fa-hamburger {
--fa: "\f805";
--fa--fa: "\f805\f805";
}
.fa-utility-pole {
--fa: "\e2c3";
--fa--fa: "\e2c3\e2c3";
}
.fa-transporter-6 {
--fa: "\e2a7";
--fa--fa: "\e2a7\e2a7";
}
.fa-arrow-turn-left {
--fa: "\e632";
--fa--fa: "\e632\e632";
}
.fa-wrench {
--fa: "\f0ad";
--fa--fa: "\f0ad\f0ad";
}
.fa-bugs {
--fa: "\e4d0";
--fa--fa: "\e4d0\e4d0";
}
.fa-vector-polygon {
--fa: "\e2c7";
--fa--fa: "\e2c7\e2c7";
}
.fa-diagram-nested {
--fa: "\e157";
--fa--fa: "\e157\e157";
}
.fa-rupee,
.fa-rupee-sign {
--fa: "\f156";
--fa--fa: "\f156\f156";
}
.fa-file-image {
--fa: "\f1c5";
--fa--fa: "\f1c5\f1c5";
}
.fa-circle-question,
.fa-question-circle {
--fa: "\f059";
--fa--fa: "\f059\f059";
}
.fa-tickets-perforated {
--fa: "\e63f";
--fa--fa: "\e63f\e63f";
}
.fa-image-user {
--fa: "\e1b8";
--fa--fa: "\e1b8\e1b8";
}
.fa-buoy {
--fa: "\e5b5";
--fa--fa: "\e5b5\e5b5";
}
.fa-plane-departure {
--fa: "\f5b0";
--fa--fa: "\f5b0\f5b0";
}
.fa-handshake-slash {
--fa: "\e060";
--fa--fa: "\e060\e060";
}
.fa-book-bookmark {
--fa: "\e0bb";
--fa--fa: "\e0bb\e0bb";
}
.fa-border-center-h {
--fa: "\f89c";
--fa--fa: "\f89c\f89c";
}
.fa-can-food {
--fa: "\e3e6";
--fa--fa: "\e3e6\e3e6";
}
.fa-typewriter {
--fa: "\f8e7";
--fa--fa: "\f8e7\f8e7";
}
.fa-arrow-right-from-arc {
--fa: "\e4b1";
--fa--fa: "\e4b1\e4b1";
}
.fa-circle-k {
--fa: "\e113";
--fa--fa: "\e113\e113";
}
.fa-face-hand-over-mouth {
--fa: "\e378";
--fa--fa: "\e378\e378";
}
.fa-popcorn {
--fa: "\f819";
--fa--fa: "\f819\f819";
}
.fa-house-flood,
.fa-house-water {
--fa: "\f74f";
--fa--fa: "\f74f\f74f";
}
.fa-object-subtract {
--fa: "\e49e";
--fa--fa: "\e49e\e49e";
}
.fa-code-branch {
--fa: "\f126";
--fa--fa: "\f126\f126";
}
.fa-warehouse-alt,
.fa-warehouse-full {
--fa: "\f495";
--fa--fa: "\f495\f495";
}
.fa-hat-cowboy {
--fa: "\f8c0";
--fa--fa: "\f8c0\f8c0";
}
.fa-bridge {
--fa: "\e4c8";
--fa--fa: "\e4c8\e4c8";
}
.fa-phone-alt,
.fa-phone-flip {
--fa: "\f879";
--fa--fa: "\f879\f879";
}
.fa-arrow-down-from-dotted-line {
--fa: "\e090";
--fa--fa: "\e090\e090";
}
.fa-file-doc {
--fa: "\e5ed";
--fa--fa: "\e5ed\e5ed";
}
.fa-square-quarters {
--fa: "\e44e";
--fa--fa: "\e44e\e44e";
}
.fa-truck-front {
--fa: "\e2b7";
--fa--fa: "\e2b7\e2b7";
}
.fa-cat {
--fa: "\f6be";
--fa--fa: "\f6be\f6be";
}
.fa-trash-xmark {
--fa: "\e2b4";
--fa--fa: "\e2b4\e2b4";
}
.fa-caret-circle-left,
.fa-circle-caret-left {
--fa: "\f32e";
--fa--fa: "\f32e\f32e";
}
.fa-files {
--fa: "\e178";
--fa--fa: "\e178\e178";
}
.fa-anchor-circle-exclamation {
--fa: "\e4ab";
--fa--fa: "\e4ab\e4ab";
}
.fa-face-clouds {
--fa: "\e47d";
--fa--fa: "\e47d\e47d";
}
.fa-user-crown {
--fa: "\f6a4";
--fa--fa: "\f6a4\f6a4";
}
.fa-basket-shopping-plus {
--fa: "\e653";
--fa--fa: "\e653\e653";
}
.fa-truck-field {
--fa: "\e58d";
--fa--fa: "\e58d\e58d";
}
.fa-route {
--fa: "\f4d7";
--fa--fa: "\f4d7\f4d7";
}
.fa-cart-circle-check {
--fa: "\e3f1";
--fa--fa: "\e3f1\e3f1";
}
.fa-clipboard-question {
--fa: "\e4e3";
--fa--fa: "\e4e3\e4e3";
}
.fa-panorama {
--fa: "\e209";
--fa--fa: "\e209\e209";
}
.fa-comment-medical {
--fa: "\f7f5";
--fa--fa: "\f7f5\f7f5";
}
.fa-teeth-open {
--fa: "\f62f";
--fa--fa: "\f62f\f62f";
}
.fa-user-tie-hair-long {
--fa: "\e460";
--fa--fa: "\e460\e460";
}
.fa-file-circle-minus {
--fa: "\e4ed";
--fa--fa: "\e4ed\e4ed";
}
.fa-head-side-medical {
--fa: "\f809";
--fa--fa: "\f809\f809";
}
.fa-arrow-turn-right {
--fa: "\e635";
--fa--fa: "\e635\e635";
}
.fa-tags {
--fa: "\f02c";
--fa--fa: "\f02c\f02c";
}
.fa-wine-glass {
--fa: "\f4e3";
--fa--fa: "\f4e3\f4e3";
}
.fa-fast-forward,
.fa-forward-fast {
--fa: "\f050";
--fa--fa: "\f050\f050";
}
.fa-face-meh-blank,
.fa-meh-blank {
--fa: "\f5a4";
--fa--fa: "\f5a4\f5a4";
}
.fa-user-robot {
--fa: "\e04b";
--fa--fa: "\e04b\e04b";
}
.fa-parking,
.fa-square-parking {
--fa: "\f540";
--fa--fa: "\f540\f540";
}
.fa-card-diamond {
--fa: "\e3ea";
--fa--fa: "\e3ea\e3ea";
}
.fa-face-zipper {
--fa: "\e3a5";
--fa--fa: "\e3a5\e3a5";
}
.fa-face-raised-eyebrow {
--fa: "\e388";
--fa--fa: "\e388\e388";
}
.fa-house-signal {
--fa: "\e012";
--fa--fa: "\e012\e012";
}
.fa-chevron-square-up,
.fa-square-chevron-up {
--fa: "\f32c";
--fa--fa: "\f32c\f32c";
}
.fa-bars-progress,
.fa-tasks-alt {
--fa: "\f828";
--fa--fa: "\f828\f828";
}
.fa-faucet-drip {
--fa: "\e006";
--fa--fa: "\e006\e006";
}
.fa-arrows-to-line {
--fa: "\e0a7";
--fa--fa: "\e0a7\e0a7";
}
.fa-dolphin {
--fa: "\e168";
--fa--fa: "\e168\e168";
}
.fa-arrow-up-right {
--fa: "\e09f";
--fa--fa: "\e09f\e09f";
}
.fa-circle-r {
--fa: "\e120";
--fa--fa: "\e120\e120";
}
.fa-cart-flatbed,
.fa-dolly-flatbed {
--fa: "\f474";
--fa--fa: "\f474\f474";
}
.fa-ban-smoking,
.fa-smoking-ban {
--fa: "\f54d";
--fa--fa: "\f54d\f54d";
}
.fa-circle-sort-up,
.fa-sort-circle-up {
--fa: "\e032";
--fa--fa: "\e032\e032";
}
.fa-terminal {
--fa: "\f120";
--fa--fa: "\f120\f120";
}
.fa-mobile-button {
--fa: "\f10b";
--fa--fa: "\f10b\f10b";
}
.fa-house-medical-flag {
--fa: "\e514";
--fa--fa: "\e514\e514";
}
.fa-basket-shopping,
.fa-shopping-basket {
--fa: "\f291";
--fa--fa: "\f291\f291";
}
.fa-tape {
--fa: "\f4db";
--fa--fa: "\f4db\f4db";
}
.fa-chestnut {
--fa: "\e3f6";
--fa--fa: "\e3f6\e3f6";
}
.fa-bus-alt,
.fa-bus-simple {
--fa: "\f55e";
--fa--fa: "\f55e\f55e";
}
.fa-eye {
--fa: "\f06e";
--fa--fa: "\f06e\f06e";
}
.fa-face-sad-cry,
.fa-sad-cry {
--fa: "\f5b3";
--fa--fa: "\f5b3\f5b3";
}
.fa-heat {
--fa: "\e00c";
--fa--fa: "\e00c\e00c";
}
.fa-ticket-airline,
.fa-ticket-perforated-plane,
.fa-ticket-plane {
--fa: "\e29a";
--fa--fa: "\e29a\e29a";
}
.fa-boot-heeled {
--fa: "\e33f";
--fa--fa: "\e33f\e33f";
}
.fa-arrows-minimize,
.fa-compress-arrows {
--fa: "\e0a5";
--fa--fa: "\e0a5\e0a5";
}
.fa-audio-description {
--fa: "\f29e";
--fa--fa: "\f29e\f29e";
}
.fa-person-military-to-person {
--fa: "\e54c";
--fa--fa: "\e54c\e54c";
}
.fa-file-shield {
--fa: "\e4f0";
--fa--fa: "\e4f0\e4f0";
}
.fa-hexagon {
--fa: "\f312";
--fa--fa: "\f312\f312";
}
.fa-manhole {
--fa: "\e1d6";
--fa--fa: "\e1d6\e1d6";
}
.fa-user-slash {
--fa: "\f506";
--fa--fa: "\f506\f506";
}
.fa-pen {
--fa: "\f304";
--fa--fa: "\f304\f304";
}
.fa-tower-observation {
--fa: "\e586";
--fa--fa: "\e586\e586";
}
.fa-floppy-disks {
--fa: "\e183";
--fa--fa: "\e183\e183";
}
.fa-toilet-paper-blank-under,
.fa-toilet-paper-reverse-alt {
--fa: "\e29f";
--fa--fa: "\e29f\e29f";
}
.fa-file-code {
--fa: "\f1c9";
--fa--fa: "\f1c9\f1c9";
}
.fa-signal,
.fa-signal-5,
.fa-signal-perfect {
--fa: "\f012";
--fa--fa: "\f012\f012";
}
.fa-pump {
--fa: "\e442";
--fa--fa: "\e442\e442";
}
.fa-bus {
--fa: "\f207";
--fa--fa: "\f207\f207";
}
.fa-heart-circle-xmark {
--fa: "\e501";
--fa--fa: "\e501\e501";
}
.fa-arrow-up-left-from-circle {
--fa: "\e09e";
--fa--fa: "\e09e\e09e";
}
.fa-home-lg,
.fa-house-chimney {
--fa: "\e3af";
--fa--fa: "\e3af\e3af";
}
.fa-window-maximize {
--fa: "\f2d0";
--fa--fa: "\f2d0\f2d0";
}
.fa-dryer {
--fa: "\f861";
--fa--fa: "\f861\f861";
}
.fa-face-frown,
.fa-frown {
--fa: "\f119";
--fa--fa: "\f119\f119";
}
.fa-chess-bishop-alt,
.fa-chess-bishop-piece {
--fa: "\f43b";
--fa--fa: "\f43b\f43b";
}
.fa-shirt-tank-top {
--fa: "\e3c9";
--fa--fa: "\e3c9\e3c9";
}
.fa-diploma,
.fa-scroll-ribbon {
--fa: "\f5ea";
--fa--fa: "\f5ea\f5ea";
}
.fa-screencast {
--fa: "\e23e";
--fa--fa: "\e23e\e23e";
}
.fa-walker {
--fa: "\f831";
--fa--fa: "\f831\f831";
}
.fa-prescription {
--fa: "\f5b1";
--fa--fa: "\f5b1\f5b1";
}
.fa-shop,
.fa-store-alt {
--fa: "\f54f";
--fa--fa: "\f54f\f54f";
}
.fa-floppy-disk,
.fa-save {
--fa: "\f0c7";
--fa--fa: "\f0c7\f0c7";
}
.fa-vihara {
--fa: "\f6a7";
--fa--fa: "\f6a7\f6a7";
}
.fa-face-kiss-closed-eyes {
--fa: "\e37d";
--fa--fa: "\e37d\e37d";
}
.fa-balance-scale-left,
.fa-scale-unbalanced {
--fa: "\f515";
--fa--fa: "\f515\f515";
}
.fa-file-user {
--fa: "\f65c";
--fa--fa: "\f65c\f65c";
}
.fa-user-police-tie {
--fa: "\e334";
--fa--fa: "\e334\e334";
}
.fa-face-tongue-money {
--fa: "\e39d";
--fa--fa: "\e39d\e39d";
}
.fa-tennis-ball {
--fa: "\f45e";
--fa--fa: "\f45e\f45e";
}
.fa-square-l {
--fa: "\e275";
--fa--fa: "\e275\e275";
}
.fa-sort-asc,
.fa-sort-up {
--fa: "\f0de";
--fa--fa: "\f0de\f0de";
}
.fa-calendar-arrow-up,
.fa-calendar-upload {
--fa: "\e0d1";
--fa--fa: "\e0d1\e0d1";
}
.fa-comment-dots,
.fa-commenting {
--fa: "\f4ad";
--fa--fa: "\f4ad\f4ad";
}
.fa-plant-wilt {
--fa: "\e5aa";
--fa--fa: "\e5aa\e5aa";
}
.fa-scarf {
--fa: "\f7c1";
--fa--fa: "\f7c1\f7c1";
}
.fa-album-circle-plus {
--fa: "\e48c";
--fa--fa: "\e48c\e48c";
}
.fa-user-nurse-hair-long {
--fa: "\e45e";
--fa--fa: "\e45e\e45e";
}
.fa-diamond {
--fa: "\f219";
--fa--fa: "\f219\f219";
}
.fa-arrow-alt-square-left,
.fa-square-left {
--fa: "\f351";
--fa--fa: "\f351\f351";
}
.fa-face-grin-squint,
.fa-grin-squint {
--fa: "\f585";
--fa--fa: "\f585\f585";
}
.fa-circle-ellipsis-vertical {
--fa: "\e10b";
--fa--fa: "\e10b\e10b";
}
.fa-hand-holding-dollar,
.fa-hand-holding-usd {
--fa: "\f4c0";
--fa--fa: "\f4c0\f4c0";
}
.fa-grid-dividers {
--fa: "\e3ad";
--fa--fa: "\e3ad\e3ad";
}
.fa-chart-diagram {
--fa: "\e695";
--fa--fa: "\e695\e695";
}
.fa-bacterium {
--fa: "\e05a";
--fa--fa: "\e05a\e05a";
}
.fa-hand-pointer {
--fa: "\f25a";
--fa--fa: "\f25a\f25a";
}
.fa-drum-steelpan {
--fa: "\f56a";
--fa--fa: "\f56a\f56a";
}
.fa-hand-scissors {
--fa: "\f257";
--fa--fa: "\f257\f257";
}
.fa-hands-praying,
.fa-praying-hands {
--fa: "\f684";
--fa--fa: "\f684\f684";
}
.fa-face-pensive {
--fa: "\e384";
--fa--fa: "\e384\e384";
}
.fa-user-music {
--fa: "\f8eb";
--fa--fa: "\f8eb\f8eb";
}
.fa-arrow-right-rotate,
.fa-arrow-rotate-forward,
.fa-arrow-rotate-right,
.fa-redo {
--fa: "\f01e";
--fa--fa: "\f01e\f01e";
}
.fa-comments-alt-dollar,
.fa-messages-dollar {
--fa: "\f652";
--fa--fa: "\f652\f652";
}
.fa-sensor-on {
--fa: "\e02b";
--fa--fa: "\e02b\e02b";
}
.fa-balloon {
--fa: "\e2e3";
--fa--fa: "\e2e3\e2e3";
}
.fa-biohazard {
--fa: "\f780";
--fa--fa: "\f780\f780";
}
.fa-chess-queen-alt,
.fa-chess-queen-piece {
--fa: "\f446";
--fa--fa: "\f446\f446";
}
.fa-location,
.fa-location-crosshairs {
--fa: "\f601";
--fa--fa: "\f601\f601";
}
.fa-mars-double {
--fa: "\f227";
--fa--fa: "\f227\f227";
}
.fa-left-from-bracket {
--fa: "\e66c";
--fa--fa: "\e66c\e66c";
}
.fa-house-leave,
.fa-house-person-depart,
.fa-house-person-leave {
--fa: "\e00f";
--fa--fa: "\e00f\e00f";
}
.fa-ruler-triangle {
--fa: "\f61c";
--fa--fa: "\f61c\f61c";
}
.fa-card-club {
--fa: "\e3e9";
--fa--fa: "\e3e9\e3e9";
}
.fa-child-dress {
--fa: "\e59c";
--fa--fa: "\e59c\e59c";
}
.fa-users-between-lines {
--fa: "\e591";
--fa--fa: "\e591\e591";
}
.fa-lungs-virus {
--fa: "\e067";
--fa--fa: "\e067\e067";
}
.fa-spinner-third {
--fa: "\f3f4";
--fa--fa: "\f3f4\f3f4";
}
.fa-face-grin-tears,
.fa-grin-tears {
--fa: "\f588";
--fa--fa: "\f588\f588";
}
.fa-phone {
--fa: "\f095";
--fa--fa: "\f095\f095";
}
.fa-computer-mouse-scrollwheel,
.fa-mouse-alt {
--fa: "\f8cd";
--fa--fa: "\f8cd\f8cd";
}
.fa-calendar-times,
.fa-calendar-xmark {
--fa: "\f273";
--fa--fa: "\f273\f273";
}
.fa-child-reaching {
--fa: "\e59d";
--fa--fa: "\e59d\e59d";
}
.fa-table-layout {
--fa: "\e290";
--fa--fa: "\e290\e290";
}
.fa-narwhal {
--fa: "\f6fe";
--fa--fa: "\f6fe\f6fe";
}
.fa-ramp-loading {
--fa: "\f4d4";
--fa--fa: "\f4d4\f4d4";
}
.fa-calendar-circle-plus {
--fa: "\e470";
--fa--fa: "\e470\e470";
}
.fa-toothbrush {
--fa: "\f635";
--fa--fa: "\f635\f635";
}
.fa-border-inner {
--fa: "\f84e";
--fa--fa: "\f84e\f84e";
}
.fa-paw-claws {
--fa: "\f702";
--fa--fa: "\f702\f702";
}
.fa-kiwi-fruit {
--fa: "\e30c";
--fa--fa: "\e30c\e30c";
}
.fa-traffic-light-slow {
--fa: "\f639";
--fa--fa: "\f639\f639";
}
.fa-rectangle-code {
--fa: "\e322";
--fa--fa: "\e322\e322";
}
.fa-head-side-virus {
--fa: "\e064";
--fa--fa: "\e064\e064";
}
.fa-keyboard-brightness {
--fa: "\e1c0";
--fa--fa: "\e1c0\e1c0";
}
.fa-books-medical {
--fa: "\f7e8";
--fa--fa: "\f7e8\f7e8";
}
.fa-lightbulb-slash {
--fa: "\f673";
--fa--fa: "\f673\f673";
}
.fa-home-blank,
.fa-house-blank {
--fa: "\e487";
--fa--fa: "\e487\e487";
}
.fa-square-5 {
--fa: "\e25a";
--fa--fa: "\e25a\e25a";
}
.fa-heart-square,
.fa-square-heart {
--fa: "\f4c8";
--fa--fa: "\f4c8\f4c8";
}
.fa-puzzle {
--fa: "\e443";
--fa--fa: "\e443\e443";
}
.fa-user-cog,
.fa-user-gear {
--fa: "\f4fe";
--fa--fa: "\f4fe\f4fe";
}
.fa-pipe-circle-check {
--fa: "\e436";
--fa--fa: "\e436\e436";
}
.fa-arrow-up-1-9,
.fa-sort-numeric-up {
--fa: "\f163";
--fa--fa: "\f163\f163";
}
.fa-octagon-exclamation {
--fa: "\e204";
--fa--fa: "\e204\e204";
}
.fa-dial-low {
--fa: "\e15d";
--fa--fa: "\e15d\e15d";
}
.fa-door-closed {
--fa: "\f52a";
--fa--fa: "\f52a\f52a";
}
.fa-laptop-mobile,
.fa-phone-laptop {
--fa: "\f87a";
--fa--fa: "\f87a\f87a";
}
.fa-conveyor-belt-alt,
.fa-conveyor-belt-boxes {
--fa: "\f46f";
--fa--fa: "\f46f\f46f";
}
.fa-shield-virus {
--fa: "\e06c";
--fa--fa: "\e06c\e06c";
}
.fa-starfighter-alt-advanced,
.fa-starfighter-twin-ion-engine-advanced {
--fa: "\e28e";
--fa--fa: "\e28e\e28e";
}
.fa-dice-six {
--fa: "\f526";
--fa--fa: "\f526\f526";
}
.fa-starfighter-alt,
.fa-starfighter-twin-ion-engine {
--fa: "\e038";
--fa--fa: "\e038\e038";
}
.fa-rocket-launch {
--fa: "\e027";
--fa--fa: "\e027\e027";
}
.fa-mosquito-net {
--fa: "\e52c";
--fa--fa: "\e52c\e52c";
}
.fa-file-fragment {
--fa: "\e697";
--fa--fa: "\e697\e697";
}
.fa-vent-damper {
--fa: "\e465";
--fa--fa: "\e465\e465";
}
.fa-bridge-water {
--fa: "\e4ce";
--fa--fa: "\e4ce\e4ce";
}
.fa-ban-bug,
.fa-debug {
--fa: "\f7f9";
--fa--fa: "\f7f9\f7f9";
}
.fa-person-booth {
--fa: "\f756";
--fa--fa: "\f756\f756";
}
.fa-text-width {
--fa: "\f035";
--fa--fa: "\f035\f035";
}
.fa-garage-car {
--fa: "\e00a";
--fa--fa: "\e00a\e00a";
}
.fa-square-kanban {
--fa: "\e488";
--fa--fa: "\e488\e488";
}
.fa-hat-wizard {
--fa: "\f6e8";
--fa--fa: "\f6e8\f6e8";
}
.fa-chart-kanban {
--fa: "\e64f";
--fa--fa: "\e64f\e64f";
}
.fa-pen-fancy {
--fa: "\f5ac";
--fa--fa: "\f5ac\f5ac";
}
.fa-coffee-pot {
--fa: "\e002";
--fa--fa: "\e002\e002";
}
.fa-mouse-field {
--fa: "\e5a8";
--fa--fa: "\e5a8\e5a8";
}
.fa-digging,
.fa-person-digging {
--fa: "\f85e";
--fa--fa: "\f85e\f85e";
}
.fa-shower-alt,
.fa-shower-down {
--fa: "\e24d";
--fa--fa: "\e24d\e24d";
}
.fa-box-circle-check {
--fa: "\e0c4";
--fa--fa: "\e0c4\e0c4";
}
.fa-brightness {
--fa: "\e0c9";
--fa--fa: "\e0c9\e0c9";
}
.fa-car-side-bolt {
--fa: "\e344";
--fa--fa: "\e344\e344";
}
.fa-file-xml {
--fa: "\e654";
--fa--fa: "\e654\e654";
}
.fa-ornament {
--fa: "\f7b8";
--fa--fa: "\f7b8\f7b8";
}
.fa-phone-arrow-down,
.fa-phone-arrow-down-left,
.fa-phone-incoming {
--fa: "\e223";
--fa--fa: "\e223\e223";
}
.fa-cloud-word {
--fa: "\e138";
--fa--fa: "\e138\e138";
}
.fa-hand-fingers-crossed {
--fa: "\e1a3";
--fa--fa: "\e1a3\e1a3";
}
.fa-trash {
--fa: "\f1f8";
--fa--fa: "\f1f8\f1f8";
}
.fa-gauge-simple,
.fa-gauge-simple-med,
.fa-tachometer-average {
--fa: "\f629";
--fa--fa: "\f629\f629";
}
.fa-arrow-down-small-big,
.fa-sort-size-down-alt {
--fa: "\f88d";
--fa--fa: "\f88d\f88d";
}
.fa-book-medical {
--fa: "\f7e6";
--fa--fa: "\f7e6\f7e6";
}
.fa-face-melting {
--fa: "\e483";
--fa--fa: "\e483\e483";
}
.fa-poo {
--fa: "\f2fe";
--fa--fa: "\f2fe\f2fe";
}
.fa-pen-alt-slash,
.fa-pen-clip-slash {
--fa: "\e20f";
--fa--fa: "\e20f\e20f";
}
.fa-quote-right,
.fa-quote-right-alt {
--fa: "\f10e";
--fa--fa: "\f10e\f10e";
}
.fa-scroll-old {
--fa: "\f70f";
--fa--fa: "\f70f\f70f";
}
.fa-guitars {
--fa: "\f8bf";
--fa--fa: "\f8bf\f8bf";
}
.fa-phone-xmark {
--fa: "\e227";
--fa--fa: "\e227\e227";
}
.fa-hose {
--fa: "\e419";
--fa--fa: "\e419\e419";
}
.fa-clock-six {
--fa: "\e352";
--fa--fa: "\e352\e352";
}
.fa-shirt,
.fa-t-shirt,
.fa-tshirt {
--fa: "\f553";
--fa--fa: "\f553\f553";
}
.fa-billboard {
--fa: "\e5cd";
--fa--fa: "\e5cd\e5cd";
}
.fa-square-r {
--fa: "\e27c";
--fa--fa: "\e27c\e27c";
}
.fa-cubes {
--fa: "\f1b3";
--fa--fa: "\f1b3\f1b3";
}
.fa-envelope-open-dollar {
--fa: "\f657";
--fa--fa: "\f657\f657";
}
.fa-divide {
--fa: "\f529";
--fa--fa: "\f529\f529";
}
.fa-sun-cloud {
--fa: "\f763";
--fa--fa: "\f763\f763";
}
.fa-lamp-floor {
--fa: "\e015";
--fa--fa: "\e015\e015";
}
.fa-square-7 {
--fa: "\e25c";
--fa--fa: "\e25c\e25c";
}
.fa-tenge,
.fa-tenge-sign {
--fa: "\f7d7";
--fa--fa: "\f7d7\f7d7";
}
.fa-headphones {
--fa: "\f025";
--fa--fa: "\f025\f025";
}
.fa-hands-holding {
--fa: "\f4c2";
--fa--fa: "\f4c2\f4c2";
}
.fa-campfire {
--fa: "\f6ba";
--fa--fa: "\f6ba\f6ba";
}
.fa-circle-ampersand {
--fa: "\e0f8";
--fa--fa: "\e0f8\e0f8";
}
.fa-snowflakes {
--fa: "\f7cf";
--fa--fa: "\f7cf\f7cf";
}
.fa-hands-clapping {
--fa: "\e1a8";
--fa--fa: "\e1a8\e1a8";
}
.fa-republican {
--fa: "\f75e";
--fa--fa: "\f75e\f75e";
}
.fa-leaf-maple {
--fa: "\f6f6";
--fa--fa: "\f6f6\f6f6";
}
.fa-arrow-left {
--fa: "\f060";
--fa--fa: "\f060\f060";
}
.fa-person-circle-xmark {
--fa: "\e543";
--fa--fa: "\e543\e543";
}
.fa-ruler {
--fa: "\f545";
--fa--fa: "\f545\f545";
}
.fa-arrow-left-from-bracket {
--fa: "\e668";
--fa--fa: "\e668\e668";
}
.fa-cup-straw-swoosh {
--fa: "\e364";
--fa--fa: "\e364\e364";
}
.fa-temperature-hot,
.fa-temperature-sun {
--fa: "\f76a";
--fa--fa: "\f76a\f76a";
}
.fa-align-left {
--fa: "\f036";
--fa--fa: "\f036\f036";
}
.fa-dice-d6 {
--fa: "\f6d1";
--fa--fa: "\f6d1\f6d1";
}
.fa-restroom {
--fa: "\f7bd";
--fa--fa: "\f7bd\f7bd";
}
.fa-high-definition,
.fa-rectangle-hd {
--fa: "\e1ae";
--fa--fa: "\e1ae\e1ae";
}
.fa-j {
--fa: "J";
--fa--fa: "JJ";
}
.fa-galaxy {
--fa: "\e008";
--fa--fa: "\e008\e008";
}
.fa-users-viewfinder {
--fa: "\e595";
--fa--fa: "\e595\e595";
}
.fa-file-video {
--fa: "\f1c8";
--fa--fa: "\f1c8\f1c8";
}
.fa-cherries {
--fa: "\e0ec";
--fa--fa: "\e0ec\e0ec";
}
.fa-external-link-alt,
.fa-up-right-from-square {
--fa: "\f35d";
--fa--fa: "\f35d\f35d";
}
.fa-circle-sort,
.fa-sort-circle {
--fa: "\e030";
--fa--fa: "\e030\e030";
}
.fa-table-cells,
.fa-th {
--fa: "\f00a";
--fa--fa: "\f00a\f00a";
}
.fa-bag-shopping-minus {
--fa: "\e650";
--fa--fa: "\e650\e650";
}
.fa-file-pdf {
--fa: "\f1c1";
--fa--fa: "\f1c1\f1c1";
}
.fa-siren {
--fa: "\e02d";
--fa--fa: "\e02d\e02d";
}
.fa-arrow-up-to-dotted-line {
--fa: "\e0a1";
--fa--fa: "\e0a1\e0a1";
}
.fa-image-landscape,
.fa-landscape {
--fa: "\e1b5";
--fa--fa: "\e1b5\e1b5";
}
.fa-tank-water {
--fa: "\e452";
--fa--fa: "\e452\e452";
}
.fa-curling,
.fa-curling-stone {
--fa: "\f44a";
--fa--fa: "\f44a\f44a";
}
.fa-gamepad-alt,
.fa-gamepad-modern {
--fa: "\e5a2";
--fa--fa: "\e5a2\e5a2";
}
.fa-messages-question {
--fa: "\e1e7";
--fa--fa: "\e1e7\e1e7";
}
.fa-bible,
.fa-book-bible {
--fa: "\f647";
--fa--fa: "\f647\f647";
}
.fa-o {
--fa: "O";
--fa--fa: "OO";
}
.fa-medkit,
.fa-suitcase-medical {
--fa: "\f0fa";
--fa--fa: "\f0fa\f0fa";
}
.fa-briefcase-arrow-right {
--fa: "\e2f2";
--fa--fa: "\e2f2\e2f2";
}
.fa-expand-wide {
--fa: "\f320";
--fa--fa: "\f320\f320";
}
.fa-clock-eleven-thirty {
--fa: "\e348";
--fa--fa: "\e348\e348";
}
.fa-rv {
--fa: "\f7be";
--fa--fa: "\f7be\f7be";
}
.fa-user-secret {
--fa: "\f21b";
--fa--fa: "\f21b\f21b";
}
.fa-otter {
--fa: "\f700";
--fa--fa: "\f700\f700";
}
.fa-dreidel {
--fa: "\f792";
--fa--fa: "\f792\f792";
}
.fa-female,
.fa-person-dress {
--fa: "\f182";
--fa--fa: "\f182\f182";
}
.fa-comment-dollar {
--fa: "\f651";
--fa--fa: "\f651\f651";
}
.fa-briefcase-clock,
.fa-business-time {
--fa: "\f64a";
--fa--fa: "\f64a\f64a";
}
.fa-flower-tulip {
--fa: "\f801";
--fa--fa: "\f801\f801";
}
.fa-people-pants-simple {
--fa: "\e21a";
--fa--fa: "\e21a\e21a";
}
.fa-cloud-drizzle {
--fa: "\f738";
--fa--fa: "\f738\f738";
}
.fa-table-cells-large,
.fa-th-large {
--fa: "\f009";
--fa--fa: "\f009\f009";
}
.fa-book-tanakh,
.fa-tanakh {
--fa: "\f827";
--fa--fa: "\f827\f827";
}
.fa-solar-system {
--fa: "\e02f";
--fa--fa: "\e02f\e02f";
}
.fa-seal-question {
--fa: "\e243";
--fa--fa: "\e243\e243";
}
.fa-phone-volume,
.fa-volume-control-phone {
--fa: "\f2a0";
--fa--fa: "\f2a0\f2a0";
}
.fa-disc-drive {
--fa: "\f8b5";
--fa--fa: "\f8b5\f8b5";
}
.fa-hat-cowboy-side {
--fa: "\f8c1";
--fa--fa: "\f8c1\f8c1";
}
.fa-rows,
.fa-table-rows {
--fa: "\e292";
--fa--fa: "\e292\e292";
}
.fa-location-exclamation,
.fa-map-marker-exclamation {
--fa: "\f608";
--fa--fa: "\f608\f608";
}
.fa-face-fearful {
--fa: "\e375";
--fa--fa: "\e375\e375";
}
.fa-clipboard-user {
--fa: "\f7f3";
--fa--fa: "\f7f3\f7f3";
}
.fa-bus-school {
--fa: "\f5dd";
--fa--fa: "\f5dd\f5dd";
}
.fa-film-slash {
--fa: "\e179";
--fa--fa: "\e179\e179";
}
.fa-square-arrow-down-right {
--fa: "\e262";
--fa--fa: "\e262\e262";
}
.fa-book-sparkles,
.fa-book-spells {
--fa: "\f6b8";
--fa--fa: "\f6b8\f6b8";
}
.fa-washer,
.fa-washing-machine {
--fa: "\f898";
--fa--fa: "\f898\f898";
}
.fa-child {
--fa: "\f1ae";
--fa--fa: "\f1ae\f1ae";
}
.fa-lira-sign {
--fa: "\f195";
--fa--fa: "\f195\f195";
}
.fa-user-visor {
--fa: "\e04c";
--fa--fa: "\e04c\e04c";
}
.fa-file-plus-minus {
--fa: "\e177";
--fa--fa: "\e177\e177";
}
.fa-chess-clock-alt,
.fa-chess-clock-flip {
--fa: "\f43e";
--fa--fa: "\f43e\f43e";
}
.fa-satellite {
--fa: "\f7bf";
--fa--fa: "\f7bf\f7bf";
}
.fa-truck-fire {
--fa: "\e65a";
--fa--fa: "\e65a\e65a";
}
.fa-plane-lock {
--fa: "\e558";
--fa--fa: "\e558\e558";
}
.fa-steering-wheel {
--fa: "\f622";
--fa--fa: "\f622\f622";
}
.fa-tag {
--fa: "\f02b";
--fa--fa: "\f02b\f02b";
}
.fa-stretcher {
--fa: "\f825";
--fa--fa: "\f825\f825";
}
.fa-book-law,
.fa-book-section {
--fa: "\e0c1";
--fa--fa: "\e0c1\e0c1";
}
.fa-inboxes {
--fa: "\e1bb";
--fa--fa: "\e1bb\e1bb";
}
.fa-coffee-bean {
--fa: "\e13e";
--fa--fa: "\e13e\e13e";
}
.fa-circle-yen {
--fa: "\e5d0";
--fa--fa: "\e5d0\e5d0";
}
.fa-brackets-curly {
--fa: "\f7ea";
--fa--fa: "\f7ea\f7ea";
}
.fa-ellipsis-stroke-vertical,
.fa-ellipsis-v-alt {
--fa: "\f39c";
--fa--fa: "\f39c\f39c";
}
.fa-comment {
--fa: "\f075";
--fa--fa: "\f075\f075";
}
.fa-square-1 {
--fa: "\e256";
--fa--fa: "\e256\e256";
}
.fa-birthday-cake,
.fa-cake,
.fa-cake-candles {
--fa: "\f1fd";
--fa--fa: "\f1fd\f1fd";
}
.fa-head-side {
--fa: "\f6e9";
--fa--fa: "\f6e9\f6e9";
}
.fa-truck-ladder {
--fa: "\e657";
--fa--fa: "\e657\e657";
}
.fa-envelope {
--fa: "\f0e0";
--fa--fa: "\f0e0\f0e0";
}
.fa-dolly-empty {
--fa: "\f473";
--fa--fa: "\f473\f473";
}
.fa-face-tissue {
--fa: "\e39c";
--fa--fa: "\e39c\e39c";
}
.fa-angle-double-up,
.fa-angles-up {
--fa: "\f102";
--fa--fa: "\f102\f102";
}
.fa-bin-recycle {
--fa: "\e5f7";
--fa--fa: "\e5f7\e5f7";
}
.fa-paperclip {
--fa: "\f0c6";
--fa--fa: "\f0c6\f0c6";
}
.fa-chart-line-down {
--fa: "\f64d";
--fa--fa: "\f64d\f64d";
}
.fa-arrow-right-to-city {
--fa: "\e4b3";
--fa--fa: "\e4b3\e4b3";
}
.fa-lock-a {
--fa: "\e422";
--fa--fa: "\e422\e422";
}
.fa-ribbon {
--fa: "\f4d6";
--fa--fa: "\f4d6\f4d6";
}
.fa-lungs {
--fa: "\f604";
--fa--fa: "\f604\f604";
}
.fa-person-pinball {
--fa: "\e21d";
--fa--fa: "\e21d\e21d";
}
.fa-arrow-up-9-1,
.fa-sort-numeric-up-alt {
--fa: "\f887";
--fa--fa: "\f887\f887";
}
.fa-apple-core {
--fa: "\e08f";
--fa--fa: "\e08f\e08f";
}
.fa-circle-y {
--fa: "\e12f";
--fa--fa: "\e12f\e12f";
}
.fa-h6 {
--fa: "\e413";
--fa--fa: "\e413\e413";
}
.fa-litecoin-sign {
--fa: "\e1d3";
--fa--fa: "\e1d3\e1d3";
}
.fa-bottle-baby {
--fa: "\e673";
--fa--fa: "\e673\e673";
}
.fa-circle-small {
--fa: "\e122";
--fa--fa: "\e122\e122";
}
.fa-border-none {
--fa: "\f850";
--fa--fa: "\f850\f850";
}
.fa-arrow-turn-down-left {
--fa: "\e2e1";
--fa--fa: "\e2e1\e2e1";
}
.fa-circle-wifi-circle-wifi,
.fa-circle-wifi-group {
--fa: "\e67e";
--fa--fa: "\e67e\e67e";
}
.fa-circle-nodes {
--fa: "\e4e2";
--fa--fa: "\e4e2\e4e2";
}
.fa-parachute-box {
--fa: "\f4cd";
--fa--fa: "\f4cd\f4cd";
}
.fa-reflect-horizontal {
--fa: "\e664";
--fa--fa: "\e664\e664";
}
.fa-comment-alt-medical,
.fa-message-medical {
--fa: "\f7f4";
--fa--fa: "\f7f4\f7f4";
}
.fa-rugby-ball {
--fa: "\e3c6";
--fa--fa: "\e3c6\e3c6";
}
.fa-comment-music {
--fa: "\f8b0";
--fa--fa: "\f8b0\f8b0";
}
.fa-indent {
--fa: "\f03c";
--fa--fa: "\f03c\f03c";
}
.fa-tree-alt,
.fa-tree-deciduous {
--fa: "\f400";
--fa--fa: "\f400\f400";
}
.fa-puzzle-piece-alt,
.fa-puzzle-piece-simple {
--fa: "\e231";
--fa--fa: "\e231\e231";
}
.fa-truck-field-un {
--fa: "\e58e";
--fa--fa: "\e58e\e58e";
}
.fa-nfc-trash {
--fa: "\e1fd";
--fa--fa: "\e1fd\e1fd";
}
.fa-hourglass,
.fa-hourglass-empty {
--fa: "\f254";
--fa--fa: "\f254\f254";
}
.fa-mountain {
--fa: "\f6fc";
--fa--fa: "\f6fc\f6fc";
}
.fa-file-times,
.fa-file-xmark {
--fa: "\f317";
--fa--fa: "\f317\f317";
}
.fa-home-heart,
.fa-house-heart {
--fa: "\f4c9";
--fa--fa: "\f4c9\f4c9";
}
.fa-house-chimney-blank {
--fa: "\e3b0";
--fa--fa: "\e3b0\e3b0";
}
.fa-meter-bolt {
--fa: "\e1e9";
--fa--fa: "\e1e9\e1e9";
}
.fa-user-doctor,
.fa-user-md {
--fa: "\f0f0";
--fa--fa: "\f0f0\f0f0";
}
.fa-slash-back {
--fa: "\\";
--fa--fa: "\\\\";
}
.fa-circle-info,
.fa-info-circle {
--fa: "\f05a";
--fa--fa: "\f05a\f05a";
}
.fa-fishing-rod {
--fa: "\e3a8";
--fa--fa: "\e3a8\e3a8";
}
.fa-hammer-crash {
--fa: "\e414";
--fa--fa: "\e414\e414";
}
.fa-message-heart {
--fa: "\e5c9";
--fa--fa: "\e5c9\e5c9";
}
.fa-cloud-meatball {
--fa: "\f73b";
--fa--fa: "\f73b\f73b";
}
.fa-camera-polaroid {
--fa: "\f8aa";
--fa--fa: "\f8aa\f8aa";
}
.fa-camera,
.fa-camera-alt {
--fa: "\f030";
--fa--fa: "\f030\f030";
}
.fa-square-virus {
--fa: "\e578";
--fa--fa: "\e578\e578";
}
.fa-cart-arrow-up {
--fa: "\e3ee";
--fa--fa: "\e3ee\e3ee";
}
.fa-meteor {
--fa: "\f753";
--fa--fa: "\f753\f753";
}
.fa-car-on {
--fa: "\e4dd";
--fa--fa: "\e4dd\e4dd";
}
.fa-sleigh {
--fa: "\f7cc";
--fa--fa: "\f7cc\f7cc";
}
.fa-arrow-down-1-9,
.fa-sort-numeric-asc,
.fa-sort-numeric-down {
--fa: "\f162";
--fa--fa: "\f162\f162";
}
.fa-buoy-mooring {
--fa: "\e5b6";
--fa--fa: "\e5b6\e5b6";
}
.fa-square-4 {
--fa: "\e259";
--fa--fa: "\e259\e259";
}
.fa-hand-holding-droplet,
.fa-hand-holding-water {
--fa: "\f4c1";
--fa--fa: "\f4c1\f4c1";
}
.fa-file-eps {
--fa: "\e644";
--fa--fa: "\e644\e644";
}
.fa-tricycle-adult {
--fa: "\e5c4";
--fa--fa: "\e5c4\e5c4";
}
.fa-waveform {
--fa: "\f8f1";
--fa--fa: "\f8f1\f8f1";
}
.fa-water {
--fa: "\f773";
--fa--fa: "\f773\f773";
}
.fa-star-sharp-half-alt,
.fa-star-sharp-half-stroke {
--fa: "\e28d";
--fa--fa: "\e28d\e28d";
}
.fa-nfc-signal {
--fa: "\e1fb";
--fa--fa: "\e1fb\e1fb";
}
.fa-plane-prop {
--fa: "\e22b";
--fa--fa: "\e22b\e22b";
}
.fa-calendar-check {
--fa: "\f274";
--fa--fa: "\f274\f274";
}
.fa-clock-desk {
--fa: "\e134";
--fa--fa: "\e134\e134";
}
.fa-calendar-clock,
.fa-calendar-time {
--fa: "\e0d2";
--fa--fa: "\e0d2\e0d2";
}
.fa-braille {
--fa: "\f2a1";
--fa--fa: "\f2a1\f2a1";
}
.fa-prescription-bottle-alt,
.fa-prescription-bottle-medical {
--fa: "\f486";
--fa--fa: "\f486\f486";
}
.fa-plate-utensils {
--fa: "\e43b";
--fa--fa: "\e43b\e43b";
}
.fa-family-pants {
--fa: "\e302";
--fa--fa: "\e302\e302";
}
.fa-hose-reel {
--fa: "\e41a";
--fa--fa: "\e41a\e41a";
}
.fa-house-window {
--fa: "\e3b3";
--fa--fa: "\e3b3\e3b3";
}
.fa-landmark {
--fa: "\f66f";
--fa--fa: "\f66f\f66f";
}
.fa-truck {
--fa: "\f0d1";
--fa--fa: "\f0d1\f0d1";
}
.fa-music-magnifying-glass {
--fa: "\e662";
--fa--fa: "\e662\e662";
}
.fa-crosshairs {
--fa: "\f05b";
--fa--fa: "\f05b\f05b";
}
.fa-cloud-rainbow {
--fa: "\f73e";
--fa--fa: "\f73e\f73e";
}
.fa-person-cane {
--fa: "\e53c";
--fa--fa: "\e53c\e53c";
}
.fa-alien {
--fa: "\f8f5";
--fa--fa: "\f8f5\f8f5";
}
.fa-tent {
--fa: "\e57d";
--fa--fa: "\e57d\e57d";
}
.fa-laptop-binary {
--fa: "\e5e7";
--fa--fa: "\e5e7\e5e7";
}
.fa-vest-patches {
--fa: "\e086";
--fa--fa: "\e086\e086";
}
.fa-people-dress-simple {
--fa: "\e218";
--fa--fa: "\e218\e218";
}
.fa-check-double {
--fa: "\f560";
--fa--fa: "\f560\f560";
}
.fa-arrow-down-a-z,
.fa-sort-alpha-asc,
.fa-sort-alpha-down {
--fa: "\f15d";
--fa--fa: "\f15d\f15d";
}
.fa-bowling-ball-pin {
--fa: "\e0c3";
--fa--fa: "\e0c3\e0c3";
}
.fa-bell-school-slash {
--fa: "\f5d6";
--fa--fa: "\f5d6\f5d6";
}
.fa-plus-large {
--fa: "\e59e";
--fa--fa: "\e59e\e59e";
}
.fa-money-bill-wheat {
--fa: "\e52a";
--fa--fa: "\e52a\e52a";
}
.fa-camera-viewfinder,
.fa-screenshot {
--fa: "\e0da";
--fa--fa: "\e0da\e0da";
}
.fa-comment-alt-music,
.fa-message-music {
--fa: "\f8af";
--fa--fa: "\f8af\f8af";
}
.fa-car-building {
--fa: "\f859";
--fa--fa: "\f859\f859";
}
.fa-border-bottom-right,
.fa-border-style-alt {
--fa: "\f854";
--fa--fa: "\f854\f854";
}
.fa-octagon {
--fa: "\f306";
--fa--fa: "\f306\f306";
}
.fa-comment-arrow-up-right {
--fa: "\e145";
--fa--fa: "\e145\e145";
}
.fa-octagon-divide {
--fa: "\e203";
--fa--fa: "\e203\e203";
}
.fa-cookie {
--fa: "\f563";
--fa--fa: "\f563\f563";
}
.fa-arrow-left-rotate,
.fa-arrow-rotate-back,
.fa-arrow-rotate-backward,
.fa-arrow-rotate-left,
.fa-undo {
--fa: "\f0e2";
--fa--fa: "\f0e2\f0e2";
}
.fa-tv-music {
--fa: "\f8e6";
--fa--fa: "\f8e6\f8e6";
}
.fa-hard-drive,
.fa-hdd {
--fa: "\f0a0";
--fa--fa: "\f0a0\f0a0";
}
.fa-reel {
--fa: "\e238";
--fa--fa: "\e238\e238";
}
.fa-face-grin-squint-tears,
.fa-grin-squint-tears {
--fa: "\f586";
--fa--fa: "\f586\f586";
}
.fa-dumbbell {
--fa: "\f44b";
--fa--fa: "\f44b\f44b";
}
.fa-list-alt,
.fa-rectangle-list {
--fa: "\f022";
--fa--fa: "\f022\f022";
}
.fa-tarp-droplet {
--fa: "\e57c";
--fa--fa: "\e57c\e57c";
}
.fa-alarm-exclamation {
--fa: "\f843";
--fa--fa: "\f843\f843";
}
.fa-house-medical-circle-check {
--fa: "\e511";
--fa--fa: "\e511\e511";
}
.fa-traffic-cone {
--fa: "\f636";
--fa--fa: "\f636\f636";
}
.fa-grate {
--fa: "\e193";
--fa--fa: "\e193\e193";
}
.fa-arrow-down-right {
--fa: "\e093";
--fa--fa: "\e093\e093";
}
.fa-person-skiing-nordic,
.fa-skiing-nordic {
--fa: "\f7ca";
--fa--fa: "\f7ca\f7ca";
}
.fa-calendar-plus {
--fa: "\f271";
--fa--fa: "\f271\f271";
}
.fa-person-from-portal,
.fa-portal-exit {
--fa: "\e023";
--fa--fa: "\e023\e023";
}
.fa-plane-arrival {
--fa: "\f5af";
--fa--fa: "\f5af\f5af";
}
.fa-cowbell-circle-plus,
.fa-cowbell-more {
--fa: "\f8b4";
--fa--fa: "\f8b4\f8b4";
}
.fa-arrow-alt-circle-left,
.fa-circle-left {
--fa: "\f359";
--fa--fa: "\f359\f359";
}
.fa-distribute-spacing-vertical {
--fa: "\e366";
--fa--fa: "\e366\e366";
}
.fa-signal-alt-2,
.fa-signal-bars-fair {
--fa: "\f692";
--fa--fa: "\f692\f692";
}
.fa-sportsball {
--fa: "\e44b";
--fa--fa: "\e44b\e44b";
}
.fa-game-console-handheld-crank {
--fa: "\e5b9";
--fa--fa: "\e5b9\e5b9";
}
.fa-subway,
.fa-train-subway {
--fa: "\f239";
--fa--fa: "\f239\f239";
}
.fa-chart-gantt {
--fa: "\e0e4";
--fa--fa: "\e0e4\e0e4";
}
.fa-face-smile-upside-down {
--fa: "\e395";
--fa--fa: "\e395\e395";
}
.fa-ball-pile {
--fa: "\f77e";
--fa--fa: "\f77e\f77e";
}
.fa-badge-dollar {
--fa: "\f645";
--fa--fa: "\f645\f645";
}
.fa-money-bills-alt,
.fa-money-bills-simple {
--fa: "\e1f4";
--fa--fa: "\e1f4\e1f4";
}
.fa-list-timeline {
--fa: "\e1d1";
--fa--fa: "\e1d1\e1d1";
}
.fa-indian-rupee,
.fa-indian-rupee-sign,
.fa-inr {
--fa: "\e1bc";
--fa--fa: "\e1bc\e1bc";
}
.fa-crop-alt,
.fa-crop-simple {
--fa: "\f565";
--fa--fa: "\f565\f565";
}
.fa-money-bill-1,
.fa-money-bill-alt {
--fa: "\f3d1";
--fa--fa: "\f3d1\f3d1";
}
.fa-left-long,
.fa-long-arrow-alt-left {
--fa: "\f30a";
--fa--fa: "\f30a\f30a";
}
.fa-keyboard-down {
--fa: "\e1c2";
--fa--fa: "\e1c2\e1c2";
}
.fa-circle-up-right {
--fa: "\e129";
--fa--fa: "\e129\e129";
}
.fa-cloud-bolt-moon,
.fa-thunderstorm-moon {
--fa: "\f76d";
--fa--fa: "\f76d\f76d";
}
.fa-turn-left-up {
--fa: "\e638";
--fa--fa: "\e638\e638";
}
.fa-dna {
--fa: "\f471";
--fa--fa: "\f471\f471";
}
.fa-virus-slash {
--fa: "\e075";
--fa--fa: "\e075\e075";
}
.fa-bracket-round-right {
--fa: ")";
--fa--fa: "))";
}
.fa-circle-sterling {
--fa: "\e5cf";
--fa--fa: "\e5cf\e5cf";
}
.fa-circle-5 {
--fa: "\e0f2";
--fa--fa: "\e0f2\e0f2";
}
.fa-minus,
.fa-subtract {
--fa: "\f068";
--fa--fa: "\f068\f068";
}
.fa-fire-flame,
.fa-flame {
--fa: "\f6df";
--fa--fa: "\f6df\f6df";
}
.fa-arrow-alt-to-right,
.fa-right-to-line {
--fa: "\f34c";
--fa--fa: "\f34c\f34c";
}
.fa-gif {
--fa: "\e190";
--fa--fa: "\e190\e190";
}
.fa-chess {
--fa: "\f439";
--fa--fa: "\f439\f439";
}
.fa-trash-slash {
--fa: "\e2b3";
--fa--fa: "\e2b3\e2b3";
}
.fa-arrow-left-long,
.fa-long-arrow-left {
--fa: "\f177";
--fa--fa: "\f177\f177";
}
.fa-plug-circle-check {
--fa: "\e55c";
--fa--fa: "\e55c\e55c";
}
.fa-font-case {
--fa: "\f866";
--fa--fa: "\f866\f866";
}
.fa-street-view {
--fa: "\f21d";
--fa--fa: "\f21d\f21d";
}
.fa-arrow-down-left {
--fa: "\e091";
--fa--fa: "\e091\e091";
}
.fa-franc-sign {
--fa: "\e18f";
--fa--fa: "\e18f\e18f";
}
.fa-flask-poison,
.fa-flask-round-poison {
--fa: "\f6e0";
--fa--fa: "\f6e0\f6e0";
}
.fa-volume-off {
--fa: "\f026";
--fa--fa: "\f026\f026";
}
.fa-book-circle-arrow-right {
--fa: "\e0bc";
--fa--fa: "\e0bc\e0bc";
}
.fa-chart-user,
.fa-user-chart {
--fa: "\f6a3";
--fa--fa: "\f6a3\f6a3";
}
.fa-american-sign-language-interpreting,
.fa-asl-interpreting,
.fa-hands-american-sign-language-interpreting,
.fa-hands-asl-interpreting {
--fa: "\f2a3";
--fa--fa: "\f2a3\f2a3";
}
.fa-presentation,
.fa-presentation-screen {
--fa: "\f685";
--fa--fa: "\f685\f685";
}
.fa-circle-bolt {
--fa: "\e0fe";
--fa--fa: "\e0fe\e0fe";
}
.fa-face-smile-halo {
--fa: "\e38f";
--fa--fa: "\e38f\e38f";
}
.fa-cart-circle-arrow-down {
--fa: "\e3ef";
--fa--fa: "\e3ef\e3ef";
}
.fa-house-person-arrive,
.fa-house-person-return,
.fa-house-return {
--fa: "\e011";
--fa--fa: "\e011\e011";
}
.fa-comment-alt-times,
.fa-message-times,
.fa-message-xmark {
--fa: "\f4ab";
--fa--fa: "\f4ab\f4ab";
}
.fa-file-award,
.fa-file-certificate {
--fa: "\f5f3";
--fa--fa: "\f5f3\f5f3";
}
.fa-user-doctor-hair-long {
--fa: "\e459";
--fa--fa: "\e459\e459";
}
.fa-camera-home,
.fa-camera-security {
--fa: "\f8fe";
--fa--fa: "\f8fe\f8fe";
}
.fa-cog,
.fa-gear {
--fa: "\f013";
--fa--fa: "\f013\f013";
}
.fa-droplet-slash,
.fa-tint-slash {
--fa: "\f5c7";
--fa--fa: "\f5c7\f5c7";
}
.fa-book-heart {
--fa: "\f499";
--fa--fa: "\f499\f499";
}
.fa-mosque {
--fa: "\f678";
--fa--fa: "\f678\f678";
}
.fa-duck {
--fa: "\f6d8";
--fa--fa: "\f6d8\f6d8";
}
.fa-mosquito {
--fa: "\e52b";
--fa--fa: "\e52b\e52b";
}
.fa-star-of-david {
--fa: "\f69a";
--fa--fa: "\f69a\f69a";
}
.fa-flag-alt,
.fa-flag-swallowtail {
--fa: "\f74c";
--fa--fa: "\f74c\f74c";
}
.fa-person-military-rifle {
--fa: "\e54b";
--fa--fa: "\e54b\e54b";
}
.fa-car-garage {
--fa: "\f5e2";
--fa--fa: "\f5e2\f5e2";
}
.fa-cart-shopping,
.fa-shopping-cart {
--fa: "\f07a";
--fa--fa: "\f07a\f07a";
}
.fa-book-font {
--fa: "\e0bf";
--fa--fa: "\e0bf\e0bf";
}
.fa-shield-plus {
--fa: "\e24a";
--fa--fa: "\e24a\e24a";
}
.fa-vials {
--fa: "\f493";
--fa--fa: "\f493\f493";
}
.fa-eye-dropper-full {
--fa: "\e172";
--fa--fa: "\e172\e172";
}
.fa-distribute-spacing-horizontal {
--fa: "\e365";
--fa--fa: "\e365\e365";
}
.fa-tablet-rugged {
--fa: "\f48f";
--fa--fa: "\f48f\f48f";
}
.fa-temperature-frigid,
.fa-temperature-snow {
--fa: "\f768";
--fa--fa: "\f768\f768";
}
.fa-moped {
--fa: "\e3b9";
--fa--fa: "\e3b9\e3b9";
}
.fa-face-smile-plus,
.fa-smile-plus {
--fa: "\f5b9";
--fa--fa: "\f5b9\f5b9";
}
.fa-radio-alt,
.fa-radio-tuner {
--fa: "\f8d8";
--fa--fa: "\f8d8\f8d8";
}
.fa-face-swear {
--fa: "\e399";
--fa--fa: "\e399\e399";
}
.fa-water-arrow-down,
.fa-water-lower {
--fa: "\f774";
--fa--fa: "\f774\f774";
}
.fa-scanner-touchscreen {
--fa: "\f48a";
--fa--fa: "\f48a\f48a";
}
.fa-circle-7 {
--fa: "\e0f4";
--fa--fa: "\e0f4\e0f4";
}
.fa-plug-circle-plus {
--fa: "\e55f";
--fa--fa: "\e55f\e55f";
}
.fa-person-ski-jumping,
.fa-ski-jump {
--fa: "\f7c7";
--fa--fa: "\f7c7\f7c7";
}
.fa-place-of-worship {
--fa: "\f67f";
--fa--fa: "\f67f\f67f";
}
.fa-water-arrow-up,
.fa-water-rise {
--fa: "\f775";
--fa--fa: "\f775\f775";
}
.fa-waveform-lines,
.fa-waveform-path {
--fa: "\f8f2";
--fa--fa: "\f8f2\f8f2";
}
.fa-split {
--fa: "\e254";
--fa--fa: "\e254\e254";
}
.fa-film-canister,
.fa-film-cannister {
--fa: "\f8b7";
--fa--fa: "\f8b7\f8b7";
}
.fa-folder-times,
.fa-folder-xmark {
--fa: "\f65f";
--fa--fa: "\f65f\f65f";
}
.fa-toilet-paper-alt,
.fa-toilet-paper-blank {
--fa: "\f71f";
--fa--fa: "\f71f\f71f";
}
.fa-tablet-android-alt,
.fa-tablet-screen {
--fa: "\f3fc";
--fa--fa: "\f3fc\f3fc";
}
.fa-hexagon-vertical-nft-slanted {
--fa: "\e506";
--fa--fa: "\e506\e506";
}
.fa-folder-music {
--fa: "\e18d";
--fa--fa: "\e18d\e18d";
}
.fa-desktop-medical,
.fa-display-medical {
--fa: "\e166";
--fa--fa: "\e166\e166";
}
.fa-share-all {
--fa: "\f367";
--fa--fa: "\f367\f367";
}
.fa-peapod {
--fa: "\e31c";
--fa--fa: "\e31c\e31c";
}
.fa-chess-clock {
--fa: "\f43d";
--fa--fa: "\f43d\f43d";
}
.fa-axe {
--fa: "\f6b2";
--fa--fa: "\f6b2\f6b2";
}
.fa-square-d {
--fa: "\e268";
--fa--fa: "\e268\e268";
}
.fa-grip-vertical {
--fa: "\f58e";
--fa--fa: "\f58e\f58e";
}
.fa-mobile-signal-out {
--fa: "\e1f0";
--fa--fa: "\e1f0\e1f0";
}
.fa-hexagon-nodes {
--fa: "\e699";
--fa--fa: "\e699\e699";
}
.fa-arrow-turn-up,
.fa-level-up {
--fa: "\f148";
--fa--fa: "\f148\f148";
}
.fa-u {
--fa: "U";
--fa--fa: "UU";
}
.fa-arrow-up-from-dotted-line {
--fa: "\e09b";
--fa--fa: "\e09b\e09b";
}
.fa-square-root-alt,
.fa-square-root-variable {
--fa: "\f698";
--fa--fa: "\f698\f698";
}
.fa-light-switch-on {
--fa: "\e019";
--fa--fa: "\e019\e019";
}
.fa-arrow-down-arrow-up,
.fa-sort-alt {
--fa: "\f883";
--fa--fa: "\f883\f883";
}
.fa-raindrops {
--fa: "\f75c";
--fa--fa: "\f75c\f75c";
}
.fa-dash,
.fa-minus-large {
--fa: "\e404";
--fa--fa: "\e404\e404";
}
.fa-clock,
.fa-clock-four {
--fa: "\f017";
--fa--fa: "\f017\f017";
}
.fa-input-numeric {
--fa: "\e1bd";
--fa--fa: "\e1bd\e1bd";
}
.fa-truck-tow {
--fa: "\e2b8";
--fa--fa: "\e2b8\e2b8";
}
.fa-backward-step,
.fa-step-backward {
--fa: "\f048";
--fa--fa: "\f048\f048";
}
.fa-pallet {
--fa: "\f482";
--fa--fa: "\f482\f482";
}
.fa-car-bolt {
--fa: "\e341";
--fa--fa: "\e341\e341";
}
.fa-arrows-maximize,
.fa-expand-arrows {
--fa: "\f31d";
--fa--fa: "\f31d\f31d";
}
.fa-faucet {
--fa: "\e005";
--fa--fa: "\e005\e005";
}
.fa-cloud-sleet {
--fa: "\f741";
--fa--fa: "\f741\f741";
}
.fa-lamp-street {
--fa: "\e1c5";
--fa--fa: "\e1c5\e1c5";
}
.fa-list-radio {
--fa: "\e1d0";
--fa--fa: "\e1d0\e1d0";
}
.fa-pen-nib-slash {
--fa: "\e4a1";
--fa--fa: "\e4a1\e4a1";
}
.fa-baseball-bat-ball {
--fa: "\f432";
--fa--fa: "\f432\f432";
}
.fa-square-up-left {
--fa: "\e282";
--fa--fa: "\e282\e282";
}
.fa-overline {
--fa: "\f876";
--fa--fa: "\f876\f876";
}
.fa-s {
--fa: "S";
--fa--fa: "SS";
}
.fa-timeline {
--fa: "\e29c";
--fa--fa: "\e29c\e29c";
}
.fa-keyboard {
--fa: "\f11c";
--fa--fa: "\f11c\f11c";
}
.fa-arrows-from-dotted-line {
--fa: "\e0a3";
--fa--fa: "\e0a3\e0a3";
}
.fa-usb-drive {
--fa: "\f8e9";
--fa--fa: "\f8e9\f8e9";
}
.fa-ballot {
--fa: "\f732";
--fa--fa: "\f732\f732";
}
.fa-caret-down {
--fa: "\f0d7";
--fa--fa: "\f0d7\f0d7";
}
.fa-location-dot-slash,
.fa-map-marker-alt-slash {
--fa: "\f605";
--fa--fa: "\f605\f605";
}
.fa-cards {
--fa: "\e3ed";
--fa--fa: "\e3ed\e3ed";
}
.fa-clinic-medical,
.fa-house-chimney-medical {
--fa: "\f7f2";
--fa--fa: "\f7f2\f7f2";
}
.fa-boxing-glove,
.fa-glove-boxing {
--fa: "\f438";
--fa--fa: "\f438\f438";
}
.fa-temperature-3,
.fa-temperature-three-quarters,
.fa-thermometer-3,
.fa-thermometer-three-quarters {
--fa: "\f2c8";
--fa--fa: "\f2c8\f2c8";
}
.fa-bell-school {
--fa: "\f5d5";
--fa--fa: "\f5d5\f5d5";
}
.fa-mobile-android-alt,
.fa-mobile-screen {
--fa: "\f3cf";
--fa--fa: "\f3cf\f3cf";
}
.fa-plane-up {
--fa: "\e22d";
--fa--fa: "\e22d\e22d";
}
.fa-folder-heart {
--fa: "\e189";
--fa--fa: "\e189\e189";
}
.fa-circle-location-arrow,
.fa-location-circle {
--fa: "\f602";
--fa--fa: "\f602\f602";
}
.fa-face-head-bandage {
--fa: "\e37a";
--fa--fa: "\e37a\e37a";
}
.fa-maki-roll,
.fa-makizushi,
.fa-sushi-roll {
--fa: "\e48b";
--fa--fa: "\e48b\e48b";
}
.fa-car-bump {
--fa: "\f5e0";
--fa--fa: "\f5e0\f5e0";
}
.fa-piggy-bank {
--fa: "\f4d3";
--fa--fa: "\f4d3\f4d3";
}
.fa-racquet {
--fa: "\f45a";
--fa--fa: "\f45a\f45a";
}
.fa-car-mirrors {
--fa: "\e343";
--fa--fa: "\e343\e343";
}
.fa-industry-alt,
.fa-industry-windows {
--fa: "\f3b3";
--fa--fa: "\f3b3\f3b3";
}
.fa-bolt-auto {
--fa: "\e0b6";
--fa--fa: "\e0b6\e0b6";
}
.fa-battery-3,
.fa-battery-half {
--fa: "\f242";
--fa--fa: "\f242\f242";
}
.fa-flux-capacitor {
--fa: "\f8ba";
--fa--fa: "\f8ba\f8ba";
}
.fa-mountain-city {
--fa: "\e52e";
--fa--fa: "\e52e\e52e";
}
.fa-coins {
--fa: "\f51e";
--fa--fa: "\f51e\f51e";
}
.fa-honey-pot {
--fa: "\e418";
--fa--fa: "\e418\e418";
}
.fa-olive {
--fa: "\e316";
--fa--fa: "\e316\e316";
}
.fa-khanda {
--fa: "\f66d";
--fa--fa: "\f66d\f66d";
}
.fa-filter-list {
--fa: "\e17c";
--fa--fa: "\e17c\e17c";
}
.fa-outlet {
--fa: "\e01c";
--fa--fa: "\e01c\e01c";
}
.fa-sliders,
.fa-sliders-h {
--fa: "\f1de";
--fa--fa: "\f1de\f1de";
}
.fa-cauldron {
--fa: "\f6bf";
--fa--fa: "\f6bf\f6bf";
}
.fa-people {
--fa: "\e216";
--fa--fa: "\e216\e216";
}
.fa-folder-tree {
--fa: "\f802";
--fa--fa: "\f802\f802";
}
.fa-network-wired {
--fa: "\f6ff";
--fa--fa: "\f6ff\f6ff";
}
.fa-croissant {
--fa: "\f7f6";
--fa--fa: "\f7f6\f7f6";
}
.fa-map-pin {
--fa: "\f276";
--fa--fa: "\f276\f276";
}
.fa-hamsa {
--fa: "\f665";
--fa--fa: "\f665\f665";
}
.fa-cent-sign {
--fa: "\e3f5";
--fa--fa: "\e3f5\e3f5";
}
.fa-swords-laser {
--fa: "\e03d";
--fa--fa: "\e03d\e03d";
}
.fa-flask {
--fa: "\f0c3";
--fa--fa: "\f0c3\f0c3";
}
.fa-person-pregnant {
--fa: "\e31e";
--fa--fa: "\e31e\e31e";
}
.fa-square-u {
--fa: "\e281";
--fa--fa: "\e281\e281";
}
.fa-wand-sparkles {
--fa: "\f72b";
--fa--fa: "\f72b\f72b";
}
.fa-router {
--fa: "\f8da";
--fa--fa: "\f8da\f8da";
}
.fa-ellipsis-v,
.fa-ellipsis-vertical {
--fa: "\f142";
--fa--fa: "\f142\f142";
}
.fa-sword-laser-alt {
--fa: "\e03c";
--fa--fa: "\e03c\e03c";
}
.fa-ticket {
--fa: "\f145";
--fa--fa: "\f145\f145";
}
.fa-power-off {
--fa: "\f011";
--fa--fa: "\f011\f011";
}
.fa-coin {
--fa: "\f85c";
--fa--fa: "\f85c\f85c";
}
.fa-laptop-slash {
--fa: "\e1c7";
--fa--fa: "\e1c7\e1c7";
}
.fa-long-arrow-alt-right,
.fa-right-long {
--fa: "\f30b";
--fa--fa: "\f30b\f30b";
}
.fa-circle-b {
--fa: "\e0fd";
--fa--fa: "\e0fd\e0fd";
}
.fa-person-dress-simple {
--fa: "\e21c";
--fa--fa: "\e21c\e21c";
}
.fa-pipe-collar {
--fa: "\e437";
--fa--fa: "\e437\e437";
}
.fa-lights-holiday {
--fa: "\f7b2";
--fa--fa: "\f7b2\f7b2";
}
.fa-citrus {
--fa: "\e2f4";
--fa--fa: "\e2f4\e2f4";
}
.fa-flag-usa {
--fa: "\f74d";
--fa--fa: "\f74d\f74d";
}
.fa-laptop-file {
--fa: "\e51d";
--fa--fa: "\e51d\e51d";
}
.fa-teletype,
.fa-tty {
--fa: "\f1e4";
--fa--fa: "\f1e4\f1e4";
}
.fa-chart-tree-map {
--fa: "\e0ea";
--fa--fa: "\e0ea\e0ea";
}
.fa-diagram-next {
--fa: "\e476";
--fa--fa: "\e476\e476";
}
.fa-person-rifle {
--fa: "\e54e";
--fa--fa: "\e54e\e54e";
}
.fa-clock-five-thirty {
--fa: "\e34a";
--fa--fa: "\e34a\e34a";
}
.fa-pipe-valve {
--fa: "\e439";
--fa--fa: "\e439\e439";
}
.fa-lightbulb-message {
--fa: "\e687";
--fa--fa: "\e687\e687";
}
.fa-arrow-up-from-arc {
--fa: "\e4b4";
--fa--fa: "\e4b4\e4b4";
}
.fa-face-spiral-eyes {
--fa: "\e485";
--fa--fa: "\e485\e485";
}
.fa-compress-wide {
--fa: "\f326";
--fa--fa: "\f326\f326";
}
.fa-circle-phone-hangup,
.fa-phone-circle-down {
--fa: "\e11d";
--fa--fa: "\e11d\e11d";
}
.fa-gear-complex-code {
--fa: "\e5eb";
--fa--fa: "\e5eb\e5eb";
}
.fa-house-medical-circle-exclamation {
--fa: "\e512";
--fa--fa: "\e512\e512";
}
.fa-badminton {
--fa: "\e33a";
--fa--fa: "\e33a\e33a";
}
.fa-closed-captioning {
--fa: "\f20a";
--fa--fa: "\f20a\f20a";
}
.fa-hiking,
.fa-person-hiking {
--fa: "\f6ec";
--fa--fa: "\f6ec\f6ec";
}
.fa-arrow-alt-from-left,
.fa-right-from-line {
--fa: "\f347";
--fa--fa: "\f347\f347";
}
.fa-venus-double {
--fa: "\f226";
--fa--fa: "\f226\f226";
}
.fa-images {
--fa: "\f302";
--fa--fa: "\f302\f302";
}
.fa-calculator {
--fa: "\f1ec";
--fa--fa: "\f1ec\f1ec";
}
.fa-shuttlecock {
--fa: "\f45b";
--fa--fa: "\f45b\f45b";
}
.fa-user-hair {
--fa: "\e45a";
--fa--fa: "\e45a\e45a";
}
.fa-eye-evil {
--fa: "\f6db";
--fa--fa: "\f6db\f6db";
}
.fa-people-pulling {
--fa: "\e535";
--fa--fa: "\e535\e535";
}
.fa-n {
--fa: "N";
--fa--fa: "NN";
}
.fa-swap {
--fa: "\e609";
--fa--fa: "\e609\e609";
}
.fa-garage {
--fa: "\e009";
--fa--fa: "\e009\e009";
}
.fa-cable-car,
.fa-tram {
--fa: "\f7da";
--fa--fa: "\f7da\f7da";
}
.fa-shovel-snow {
--fa: "\f7c3";
--fa--fa: "\f7c3\f7c3";
}
.fa-cloud-rain {
--fa: "\f73d";
--fa--fa: "\f73d\f73d";
}
.fa-face-lying {
--fa: "\e37e";
--fa--fa: "\e37e\e37e";
}
.fa-sprinkler {
--fa: "\e035";
--fa--fa: "\e035\e035";
}
.fa-building-circle-xmark {
--fa: "\e4d4";
--fa--fa: "\e4d4\e4d4";
}
.fa-person-sledding,
.fa-sledding {
--fa: "\f7cb";
--fa--fa: "\f7cb\f7cb";
}
.fa-game-console-handheld {
--fa: "\f8bb";
--fa--fa: "\f8bb\f8bb";
}
.fa-ship {
--fa: "\f21a";
--fa--fa: "\f21a\f21a";
}
.fa-clock-six-thirty {
--fa: "\e353";
--fa--fa: "\e353\e353";
}
.fa-battery-slash {
--fa: "\f377";
--fa--fa: "\f377\f377";
}
.fa-tugrik-sign {
--fa: "\e2ba";
--fa--fa: "\e2ba\e2ba";
}
.fa-arrows-down-to-line {
--fa: "\e4b8";
--fa--fa: "\e4b8\e4b8";
}
.fa-download {
--fa: "\f019";
--fa--fa: "\f019\f019";
}
.fa-angles-up-down {
--fa: "\e60d";
--fa--fa: "\e60d\e60d";
}
.fa-inventory,
.fa-shelves {
--fa: "\f480";
--fa--fa: "\f480\f480";
}
.fa-cloud-snow {
--fa: "\f742";
--fa--fa: "\f742\f742";
}
.fa-face-grin,
.fa-grin {
--fa: "\f580";
--fa--fa: "\f580\f580";
}
.fa-backspace,
.fa-delete-left {
--fa: "\f55a";
--fa--fa: "\f55a\f55a";
}
.fa-oven {
--fa: "\e01d";
--fa--fa: "\e01d\e01d";
}
.fa-cloud-binary {
--fa: "\e601";
--fa--fa: "\e601\e601";
}
.fa-eye-dropper,
.fa-eye-dropper-empty,
.fa-eyedropper {
--fa: "\f1fb";
--fa--fa: "\f1fb\f1fb";
}
.fa-comment-captions {
--fa: "\e146";
--fa--fa: "\e146\e146";
}
.fa-comments-question {
--fa: "\e14e";
--fa--fa: "\e14e\e14e";
}
.fa-scribble {
--fa: "\e23f";
--fa--fa: "\e23f\e23f";
}
.fa-rotate-exclamation {
--fa: "\e23c";
--fa--fa: "\e23c\e23c";
}
.fa-file-circle-check {
--fa: "\e5a0";
--fa--fa: "\e5a0\e5a0";
}
.fa-glass {
--fa: "\f804";
--fa--fa: "\f804\f804";
}
.fa-loader {
--fa: "\e1d4";
--fa--fa: "\e1d4\e1d4";
}
.fa-forward {
--fa: "\f04e";
--fa--fa: "\f04e\f04e";
}
.fa-user-pilot {
--fa: "\e2c0";
--fa--fa: "\e2c0\e2c0";
}
.fa-mobile,
.fa-mobile-android,
.fa-mobile-phone {
--fa: "\f3ce";
--fa--fa: "\f3ce\f3ce";
}
.fa-code-pull-request-closed {
--fa: "\e3f9";
--fa--fa: "\e3f9\e3f9";
}
.fa-face-meh,
.fa-meh {
--fa: "\f11a";
--fa--fa: "\f11a\f11a";
}
.fa-align-center {
--fa: "\f037";
--fa--fa: "\f037\f037";
}
.fa-book-dead,
.fa-book-skull {
--fa: "\f6b7";
--fa--fa: "\f6b7\f6b7";
}
.fa-drivers-license,
.fa-id-card {
--fa: "\f2c2";
--fa--fa: "\f2c2\f2c2";
}
.fa-face-dotted {
--fa: "\e47f";
--fa--fa: "\e47f\e47f";
}
.fa-face-worried {
--fa: "\e3a3";
--fa--fa: "\e3a3\e3a3";
}
.fa-dedent,
.fa-outdent {
--fa: "\f03b";
--fa--fa: "\f03b\f03b";
}
.fa-court-sport {
--fa: "\e643";
--fa--fa: "\e643\e643";
}
.fa-heart-circle-exclamation {
--fa: "\e4fe";
--fa--fa: "\e4fe\e4fe";
}
.fa-home,
.fa-home-alt,
.fa-home-lg-alt,
.fa-house {
--fa: "\f015";
--fa--fa: "\f015\f015";
}
.fa-vector-circle {
--fa: "\e2c6";
--fa--fa: "\e2c6\e2c6";
}
.fa-car-circle-bolt {
--fa: "\e342";
--fa--fa: "\e342\e342";
}
.fa-calendar-week {
--fa: "\f784";
--fa--fa: "\f784\f784";
}
.fa-flying-disc {
--fa: "\e3a9";
--fa--fa: "\e3a9\e3a9";
}
.fa-laptop-medical {
--fa: "\f812";
--fa--fa: "\f812\f812";
}
.fa-square-down-right {
--fa: "\e26c";
--fa--fa: "\e26c\e26c";
}
.fa-b {
--fa: "B";
--fa--fa: "BB";
}
.fa-seat-airline {
--fa: "\e244";
--fa--fa: "\e244\e244";
}
.fa-eclipse-alt,
.fa-moon-over-sun {
--fa: "\f74a";
--fa--fa: "\f74a\f74a";
}
.fa-pipe {
--fa: "|";
--fa--fa: "||";
}
.fa-file-medical {
--fa: "\f477";
--fa--fa: "\f477\f477";
}
.fa-potato {
--fa: "\e440";
--fa--fa: "\e440\e440";
}
.fa-dice-one {
--fa: "\f525";
--fa--fa: "\f525\f525";
}
.fa-circle-a {
--fa: "\e0f7";
--fa--fa: "\e0f7\e0f7";
}
.fa-helmet-battle {
--fa: "\f6eb";
--fa--fa: "\f6eb\f6eb";
}
.fa-butter {
--fa: "\e3e4";
--fa--fa: "\e3e4\e3e4";
}
.fa-blanket-fire {
--fa: "\e3da";
--fa--fa: "\e3da\e3da";
}
.fa-kiwi-bird {
--fa: "\f535";
--fa--fa: "\f535\f535";
}
.fa-castle {
--fa: "\e0de";
--fa--fa: "\e0de\e0de";
}
.fa-golf-club {
--fa: "\f451";
--fa--fa: "\f451\f451";
}
.fa-arrow-right-arrow-left,
.fa-exchange {
--fa: "\f0ec";
--fa--fa: "\f0ec\f0ec";
}
.fa-redo-alt,
.fa-rotate-forward,
.fa-rotate-right {
--fa: "\f2f9";
--fa--fa: "\f2f9\f2f9";
}
.fa-cutlery,
.fa-utensils {
--fa: "\f2e7";
--fa--fa: "\f2e7\f2e7";
}
.fa-arrow-up-wide-short,
.fa-sort-amount-up {
--fa: "\f161";
--fa--fa: "\f161\f161";
}
.fa-chart-pie-simple-circle-dollar {
--fa: "\e605";
--fa--fa: "\e605\e605";
}
.fa-balloons {
--fa: "\e2e4";
--fa--fa: "\e2e4\e2e4";
}
.fa-mill-sign {
--fa: "\e1ed";
--fa--fa: "\e1ed\e1ed";
}
.fa-bowl-rice {
--fa: "\e2eb";
--fa--fa: "\e2eb\e2eb";
}
.fa-timeline-arrow {
--fa: "\e29d";
--fa--fa: "\e29d\e29d";
}
.fa-skull {
--fa: "\f54c";
--fa--fa: "\f54c\f54c";
}
.fa-game-board-alt,
.fa-game-board-simple {
--fa: "\f868";
--fa--fa: "\f868\f868";
}
.fa-circle-video,
.fa-video-circle {
--fa: "\e12b";
--fa--fa: "\e12b\e12b";
}
.fa-chart-scatter-bubble {
--fa: "\e0e9";
--fa--fa: "\e0e9\e0e9";
}
.fa-house-turret {
--fa: "\e1b4";
--fa--fa: "\e1b4\e1b4";
}
.fa-banana {
--fa: "\e2e5";
--fa--fa: "\e2e5\e2e5";
}
.fa-hand-holding-skull {
--fa: "\e1a4";
--fa--fa: "\e1a4\e1a4";
}
.fa-people-dress {
--fa: "\e217";
--fa--fa: "\e217\e217";
}
.fa-couch-small,
.fa-loveseat {
--fa: "\f4cc";
--fa--fa: "\f4cc\f4cc";
}
.fa-broadcast-tower,
.fa-tower-broadcast {
--fa: "\f519";
--fa--fa: "\f519\f519";
}
.fa-truck-pickup {
--fa: "\f63c";
--fa--fa: "\f63c\f63c";
}
.fa-block-quote {
--fa: "\e0b5";
--fa--fa: "\e0b5\e0b5";
}
.fa-long-arrow-alt-up,
.fa-up-long {
--fa: "\f30c";
--fa--fa: "\f30c\f30c";
}
.fa-stop {
--fa: "\f04d";
--fa--fa: "\f04d\f04d";
}
.fa-code-merge {
--fa: "\f387";
--fa--fa: "\f387\f387";
}
.fa-money-check-dollar-pen,
.fa-money-check-edit-alt {
--fa: "\f873";
--fa--fa: "\f873\f873";
}
.fa-arrow-alt-from-bottom,
.fa-up-from-line {
--fa: "\f346";
--fa--fa: "\f346\f346";
}
.fa-upload {
--fa: "\f093";
--fa--fa: "\f093\f093";
}
.fa-hurricane {
--fa: "\f751";
--fa--fa: "\f751\f751";
}
.fa-grid-round-2-plus {
--fa: "\e5dc";
--fa--fa: "\e5dc\e5dc";
}
.fa-people-pants {
--fa: "\e219";
--fa--fa: "\e219\e219";
}
.fa-mound {
--fa: "\e52d";
--fa--fa: "\e52d\e52d";
}
.fa-windsock {
--fa: "\f777";
--fa--fa: "\f777\f777";
}
.fa-circle-half {
--fa: "\e110";
--fa--fa: "\e110\e110";
}
.fa-brake-warning {
--fa: "\e0c7";
--fa--fa: "\e0c7\e0c7";
}
.fa-toilet-portable {
--fa: "\e583";
--fa--fa: "\e583\e583";
}
.fa-compact-disc {
--fa: "\f51f";
--fa--fa: "\f51f\f51f";
}
.fa-file-arrow-down,
.fa-file-download {
--fa: "\f56d";
--fa--fa: "\f56d\f56d";
}
.fa-sax-hot,
.fa-saxophone-fire {
--fa: "\f8db";
--fa--fa: "\f8db\f8db";
}
.fa-camera-web-slash,
.fa-webcam-slash {
--fa: "\f833";
--fa--fa: "\f833\f833";
}
.fa-folder-medical {
--fa: "\e18c";
--fa--fa: "\e18c\e18c";
}
.fa-folder-cog,
.fa-folder-gear {
--fa: "\e187";
--fa--fa: "\e187\e187";
}
.fa-hand-wave {
--fa: "\e1a7";
--fa--fa: "\e1a7\e1a7";
}
.fa-arrow-up-arrow-down,
.fa-sort-up-down {
--fa: "\e099";
--fa--fa: "\e099\e099";
}
.fa-caravan {
--fa: "\f8ff";
--fa--fa: "\f8ff\f8ff";
}
.fa-shield-cat {
--fa: "\e572";
--fa--fa: "\e572\e572";
}
.fa-comment-alt-slash,
.fa-message-slash {
--fa: "\f4a9";
--fa--fa: "\f4a9\f4a9";
}
.fa-bolt,
.fa-zap {
--fa: "\f0e7";
--fa--fa: "\f0e7\f0e7";
}
.fa-trash-can-check {
--fa: "\e2a9";
--fa--fa: "\e2a9\e2a9";
}
.fa-glass-water {
--fa: "\e4f4";
--fa--fa: "\e4f4\e4f4";
}
.fa-oil-well {
--fa: "\e532";
--fa--fa: "\e532\e532";
}
.fa-table-cells-column-unlock {
--fa: "\e690";
--fa--fa: "\e690\e690";
}
.fa-person-simple {
--fa: "\e220";
--fa--fa: "\e220\e220";
}
.fa-arrow-turn-left-up {
--fa: "\e634";
--fa--fa: "\e634\e634";
}
.fa-vault {
--fa: "\e2c5";
--fa--fa: "\e2c5\e2c5";
}
.fa-mars {
--fa: "\f222";
--fa--fa: "\f222\f222";
}
.fa-toilet {
--fa: "\f7d8";
--fa--fa: "\f7d8\f7d8";
}
.fa-plane-circle-xmark {
--fa: "\e557";
--fa--fa: "\e557\e557";
}
.fa-cny,
.fa-jpy,
.fa-rmb,
.fa-yen,
.fa-yen-sign {
--fa: "\f157";
--fa--fa: "\f157\f157";
}
.fa-gear-code {
--fa: "\e5e8";
--fa--fa: "\e5e8\e5e8";
}
.fa-notes {
--fa: "\e202";
--fa--fa: "\e202\e202";
}
.fa-rouble,
.fa-rub,
.fa-ruble,
.fa-ruble-sign {
--fa: "\f158";
--fa--fa: "\f158\f158";
}
.fa-trash-arrow-turn-left,
.fa-trash-undo {
--fa: "\f895";
--fa--fa: "\f895\f895";
}
.fa-champagne-glass,
.fa-glass-champagne {
--fa: "\f79e";
--fa--fa: "\f79e\f79e";
}
.fa-objects-align-center-horizontal {
--fa: "\e3bc";
--fa--fa: "\e3bc\e3bc";
}
.fa-sun {
--fa: "\f185";
--fa--fa: "\f185\f185";
}
.fa-trash-alt-slash,
.fa-trash-can-slash {
--fa: "\e2ad";
--fa--fa: "\e2ad\e2ad";
}
.fa-screen-users,
.fa-users-class {
--fa: "\f63d";
--fa--fa: "\f63d\f63d";
}
.fa-guitar {
--fa: "\f7a6";
--fa--fa: "\f7a6\f7a6";
}
.fa-arrow-square-left,
.fa-square-arrow-left {
--fa: "\f33a";
--fa--fa: "\f33a\f33a";
}
.fa-square-8 {
--fa: "\e25d";
--fa--fa: "\e25d\e25d";
}
.fa-face-smile-hearts {
--fa: "\e390";
--fa--fa: "\e390\e390";
}
.fa-brackets,
.fa-brackets-square {
--fa: "\f7e9";
--fa--fa: "\f7e9\f7e9";
}
.fa-laptop-arrow-down {
--fa: "\e1c6";
--fa--fa: "\e1c6\e1c6";
}
.fa-hockey-stick-puck {
--fa: "\e3ae";
--fa--fa: "\e3ae\e3ae";
}
.fa-house-tree {
--fa: "\e1b3";
--fa--fa: "\e1b3\e1b3";
}
.fa-signal-2,
.fa-signal-fair {
--fa: "\f68d";
--fa--fa: "\f68d\f68d";
}
.fa-face-laugh-wink,
.fa-laugh-wink {
--fa: "\f59c";
--fa--fa: "\f59c\f59c";
}
.fa-circle-dollar,
.fa-dollar-circle,
.fa-usd-circle {
--fa: "\f2e8";
--fa--fa: "\f2e8\f2e8";
}
.fa-horse-head {
--fa: "\f7ab";
--fa--fa: "\f7ab\f7ab";
}
.fa-arrows-repeat,
.fa-repeat-alt {
--fa: "\f364";
--fa--fa: "\f364\f364";
}
.fa-bore-hole {
--fa: "\e4c3";
--fa--fa: "\e4c3\e4c3";
}
.fa-industry {
--fa: "\f275";
--fa--fa: "\f275\f275";
}
.fa-image-polaroid {
--fa: "\f8c4";
--fa--fa: "\f8c4\f8c4";
}
.fa-wave-triangle {
--fa: "\f89a";
--fa--fa: "\f89a\f89a";
}
.fa-turn-left-down {
--fa: "\e637";
--fa--fa: "\e637\e637";
}
.fa-person-running-fast {
--fa: "\e5ff";
--fa--fa: "\e5ff\e5ff";
}
.fa-arrow-alt-circle-down,
.fa-circle-down {
--fa: "\f358";
--fa--fa: "\f358\f358";
}
.fa-grill {
--fa: "\e5a3";
--fa--fa: "\e5a3\e5a3";
}
.fa-arrows-turn-to-dots {
--fa: "\e4c1";
--fa--fa: "\e4c1\e4c1";
}
.fa-analytics,
.fa-chart-mixed {
--fa: "\f643";
--fa--fa: "\f643\f643";
}
.fa-florin-sign {
--fa: "\e184";
--fa--fa: "\e184\e184";
}
.fa-arrow-down-short-wide,
.fa-sort-amount-desc,
.fa-sort-amount-down-alt {
--fa: "\f884";
--fa--fa: "\f884\f884";
}
.fa-less-than {
--fa: "<";
--fa--fa: "<<";
}
.fa-desktop-code,
.fa-display-code {
--fa: "\e165";
--fa--fa: "\e165\e165";
}
.fa-face-drooling {
--fa: "\e372";
--fa--fa: "\e372\e372";
}
.fa-oil-temp,
.fa-oil-temperature {
--fa: "\f614";
--fa--fa: "\f614\f614";
}
.fa-question-square,
.fa-square-question {
--fa: "\f2fd";
--fa--fa: "\f2fd\f2fd";
}
.fa-air-conditioner {
--fa: "\f8f4";
--fa--fa: "\f8f4\f8f4";
}
.fa-angle-down {
--fa: "\f107";
--fa--fa: "\f107\f107";
}
.fa-mountains {
--fa: "\f6fd";
--fa--fa: "\f6fd\f6fd";
}
.fa-omega {
--fa: "\f67a";
--fa--fa: "\f67a\f67a";
}
.fa-car-tunnel {
--fa: "\e4de";
--fa--fa: "\e4de\e4de";
}
.fa-person-dolly-empty {
--fa: "\f4d1";
--fa--fa: "\f4d1\f4d1";
}
.fa-pan-food {
--fa: "\e42b";
--fa--fa: "\e42b\e42b";
}
.fa-head-side-cough {
--fa: "\e061";
--fa--fa: "\e061\e061";
}
.fa-grip-lines {
--fa: "\f7a4";
--fa--fa: "\f7a4\f7a4";
}
.fa-thumbs-down {
--fa: "\f165";
--fa--fa: "\f165\f165";
}
.fa-user-lock {
--fa: "\f502";
--fa--fa: "\f502\f502";
}
.fa-arrow-right-long,
.fa-long-arrow-right {
--fa: "\f178";
--fa--fa: "\f178\f178";
}
.fa-tickets-airline,
.fa-tickets-perforated-plane,
.fa-tickets-plane {
--fa: "\e29b";
--fa--fa: "\e29b\e29b";
}
.fa-tent-double-peak {
--fa: "\e627";
--fa--fa: "\e627\e627";
}
.fa-anchor-circle-xmark {
--fa: "\e4ac";
--fa--fa: "\e4ac\e4ac";
}
.fa-ellipsis,
.fa-ellipsis-h {
--fa: "\f141";
--fa--fa: "\f141\f141";
}
.fa-nfc-slash {
--fa: "\e1fc";
--fa--fa: "\e1fc\e1fc";
}
.fa-chess-pawn {
--fa: "\f443";
--fa--fa: "\f443\f443";
}
.fa-first-aid,
.fa-kit-medical {
--fa: "\f479";
--fa--fa: "\f479\f479";
}
.fa-grid-2-plus {
--fa: "\e197";
--fa--fa: "\e197\e197";
}
.fa-bells {
--fa: "\f77f";
--fa--fa: "\f77f\f77f";
}
.fa-person-through-window {
--fa: "\e5a9";
--fa--fa: "\e5a9\e5a9";
}
.fa-toolbox {
--fa: "\f552";
--fa--fa: "\f552\f552";
}
.fa-globe-wifi {
--fa: "\e685";
--fa--fa: "\e685\e685";
}
.fa-envelope-badge,
.fa-envelope-dot {
--fa: "\e16f";
--fa--fa: "\e16f\e16f";
}
.fa-magnifying-glass-waveform {
--fa: "\e661";
--fa--fa: "\e661\e661";
}
.fa-hands-holding-circle {
--fa: "\e4fb";
--fa--fa: "\e4fb\e4fb";
}
.fa-bug {
--fa: "\f188";
--fa--fa: "\f188\f188";
}
.fa-bowl-chopsticks {
--fa: "\e2e9";
--fa--fa: "\e2e9\e2e9";
}
.fa-credit-card,
.fa-credit-card-alt {
--fa: "\f09d";
--fa--fa: "\f09d\f09d";
}
.fa-circle-s {
--fa: "\e121";
--fa--fa: "\e121\e121";
}
.fa-box-ballot {
--fa: "\f735";
--fa--fa: "\f735\f735";
}
.fa-automobile,
.fa-car {
--fa: "\f1b9";
--fa--fa: "\f1b9\f1b9";
}
.fa-hand-holding-hand {
--fa: "\e4f7";
--fa--fa: "\e4f7\e4f7";
}
.fa-user-tie-hair {
--fa: "\e45f";
--fa--fa: "\e45f\e45f";
}
.fa-podium-star {
--fa: "\f758";
--fa--fa: "\f758\f758";
}
.fa-business-front,
.fa-party-back,
.fa-trian-balbot,
.fa-user-hair-mullet {
--fa: "\e45c";
--fa--fa: "\e45c\e45c";
}
.fa-microphone-stand {
--fa: "\f8cb";
--fa--fa: "\f8cb\f8cb";
}
.fa-book-open-reader,
.fa-book-reader {
--fa: "\f5da";
--fa--fa: "\f5da\f5da";
}
.fa-family-dress {
--fa: "\e301";
--fa--fa: "\e301\e301";
}
.fa-circle-x {
--fa: "\e12e";
--fa--fa: "\e12e\e12e";
}
.fa-cabin {
--fa: "\e46d";
--fa--fa: "\e46d\e46d";
}
.fa-mountain-sun {
--fa: "\e52f";
--fa--fa: "\e52f\e52f";
}
.fa-chart-simple-horizontal {
--fa: "\e474";
--fa--fa: "\e474\e474";
}
.fa-arrows-left-right-to-line {
--fa: "\e4ba";
--fa--fa: "\e4ba\e4ba";
}
.fa-hand-back-point-left {
--fa: "\e19f";
--fa--fa: "\e19f\e19f";
}
.fa-comment-alt-dots,
.fa-message-dots,
.fa-messaging {
--fa: "\f4a3";
--fa--fa: "\f4a3\f4a3";
}
.fa-file-heart {
--fa: "\e176";
--fa--fa: "\e176\e176";
}
.fa-beer-foam,
.fa-beer-mug {
--fa: "\e0b3";
--fa--fa: "\e0b3\e0b3";
}
.fa-dice-d20 {
--fa: "\f6cf";
--fa--fa: "\f6cf\f6cf";
}
.fa-drone {
--fa: "\f85f";
--fa--fa: "\f85f\f85f";
}
.fa-truck-droplet {
--fa: "\e58c";
--fa--fa: "\e58c\e58c";
}
.fa-file-circle-xmark {
--fa: "\e5a1";
--fa--fa: "\e5a1\e5a1";
}
.fa-temperature-arrow-up,
.fa-temperature-up {
--fa: "\e040";
--fa--fa: "\e040\e040";
}
.fa-medal {
--fa: "\f5a2";
--fa--fa: "\f5a2\f5a2";
}
.fa-person-fairy {
--fa: "\e608";
--fa--fa: "\e608\e608";
}
.fa-bed {
--fa: "\f236";
--fa--fa: "\f236\f236";
}
.fa-book-copy {
--fa: "\e0be";
--fa--fa: "\e0be\e0be";
}
.fa-h-square,
.fa-square-h {
--fa: "\f0fd";
--fa--fa: "\f0fd\f0fd";
}
.fa-square-c {
--fa: "\e266";
--fa--fa: "\e266\e266";
}
.fa-clock-two {
--fa: "\e35a";
--fa--fa: "\e35a\e35a";
}
.fa-square-ellipsis-vertical {
--fa: "\e26f";
--fa--fa: "\e26f\e26f";
}
.fa-calendar-users {
--fa: "\e5e2";
--fa--fa: "\e5e2\e5e2";
}
.fa-podcast {
--fa: "\f2ce";
--fa--fa: "\f2ce\f2ce";
}
.fa-bee {
--fa: "\e0b2";
--fa--fa: "\e0b2\e0b2";
}
.fa-temperature-4,
.fa-temperature-full,
.fa-thermometer-4,
.fa-thermometer-full {
--fa: "\f2c7";
--fa--fa: "\f2c7\f2c7";
}
.fa-bell {
--fa: "\f0f3";
--fa--fa: "\f0f3\f0f3";
}
.fa-candy-bar,
.fa-chocolate-bar {
--fa: "\e3e8";
--fa--fa: "\e3e8\e3e8";
}
.fa-xmark-large {
--fa: "\e59b";
--fa--fa: "\e59b\e59b";
}
.fa-pinata {
--fa: "\e3c3";
--fa--fa: "\e3c3\e3c3";
}
.fa-file-ppt {
--fa: "\e64a";
--fa--fa: "\e64a\e64a";
}
.fa-arrows-from-line {
--fa: "\e0a4";
--fa--fa: "\e0a4\e0a4";
}
.fa-superscript {
--fa: "\f12b";
--fa--fa: "\f12b\f12b";
}
.fa-bowl-spoon {
--fa: "\e3e0";
--fa--fa: "\e3e0\e3e0";
}
.fa-hexagon-check {
--fa: "\e416";
--fa--fa: "\e416\e416";
}
.fa-plug-circle-xmark {
--fa: "\e560";
--fa--fa: "\e560\e560";
}
.fa-star-of-life {
--fa: "\f621";
--fa--fa: "\f621\f621";
}
.fa-phone-slash {
--fa: "\f3dd";
--fa--fa: "\f3dd\f3dd";
}
.fa-traffic-light-stop {
--fa: "\f63a";
--fa--fa: "\f63a\f63a";
}
.fa-paint-roller {
--fa: "\f5aa";
--fa--fa: "\f5aa\f5aa";
}
.fa-accent-grave {
--fa: "`";
--fa--fa: "``";
}
.fa-hands-helping,
.fa-handshake-angle {
--fa: "\f4c4";
--fa--fa: "\f4c4\f4c4";
}
.fa-circle-0 {
--fa: "\e0ed";
--fa--fa: "\e0ed\e0ed";
}
.fa-dial-med-low {
--fa: "\e160";
--fa--fa: "\e160\e160";
}
.fa-location-dot,
.fa-map-marker-alt {
--fa: "\f3c5";
--fa--fa: "\f3c5\f3c5";
}
.fa-crab {
--fa: "\e3ff";
--fa--fa: "\e3ff\e3ff";
}
.fa-box-full,
.fa-box-open-full {
--fa: "\f49c";
--fa--fa: "\f49c\f49c";
}
.fa-file {
--fa: "\f15b";
--fa--fa: "\f15b\f15b";
}
.fa-greater-than {
--fa: ">";
--fa--fa: ">>";
}
.fa-quotes {
--fa: "\e234";
--fa--fa: "\e234\e234";
}
.fa-pretzel {
--fa: "\e441";
--fa--fa: "\e441\e441";
}
.fa-t-rex {
--fa: "\e629";
--fa--fa: "\e629\e629";
}
.fa-person-swimming,
.fa-swimmer {
--fa: "\f5c4";
--fa--fa: "\f5c4\f5c4";
}
.fa-arrow-down {
--fa: "\f063";
--fa--fa: "\f063\f063";
}
.fa-user-robot-xmarks {
--fa: "\e4a7";
--fa--fa: "\e4a7\e4a7";
}
.fa-comment-alt-quote,
.fa-message-quote {
--fa: "\e1e4";
--fa--fa: "\e1e4\e1e4";
}
.fa-candy-corn {
--fa: "\f6bd";
--fa--fa: "\f6bd\f6bd";
}
.fa-folder-magnifying-glass,
.fa-folder-search {
--fa: "\e18b";
--fa--fa: "\e18b\e18b";
}
.fa-notebook {
--fa: "\e201";
--fa--fa: "\e201\e201";
}
.fa-circle-wifi {
--fa: "\e67d";
--fa--fa: "\e67d\e67d";
}
.fa-droplet,
.fa-tint {
--fa: "\f043";
--fa--fa: "\f043\f043";
}
.fa-bullseye-pointer {
--fa: "\f649";
--fa--fa: "\f649\f649";
}
.fa-eraser {
--fa: "\f12d";
--fa--fa: "\f12d\f12d";
}
.fa-hexagon-image {
--fa: "\e504";
--fa--fa: "\e504\e504";
}
.fa-earth,
.fa-earth-america,
.fa-earth-americas,
.fa-globe-americas {
--fa: "\f57d";
--fa--fa: "\f57d\f57d";
}
.fa-file-svg {
--fa: "\e64b";
--fa--fa: "\e64b\e64b";
}
.fa-crate-apple {
--fa: "\f6b1";
--fa--fa: "\f6b1\f6b1";
}
.fa-apple-crate {
--fa: "\f6b1";
--fa--fa: "\f6b1\f6b1";
}
.fa-person-burst {
--fa: "\e53b";
--fa--fa: "\e53b\e53b";
}
.fa-game-board {
--fa: "\f867";
--fa--fa: "\f867\f867";
}
.fa-hat-chef {
--fa: "\f86b";
--fa--fa: "\f86b\f86b";
}
.fa-hand-back-point-right {
--fa: "\e1a1";
--fa--fa: "\e1a1\e1a1";
}
.fa-dove {
--fa: "\f4ba";
--fa--fa: "\f4ba\f4ba";
}
.fa-snowflake-droplets {
--fa: "\e5c1";
--fa--fa: "\e5c1\e5c1";
}
.fa-battery-0,
.fa-battery-empty {
--fa: "\f244";
--fa--fa: "\f244\f244";
}
.fa-grid-4 {
--fa: "\e198";
--fa--fa: "\e198\e198";
}
.fa-socks {
--fa: "\f696";
--fa--fa: "\f696\f696";
}
.fa-face-sunglasses {
--fa: "\e398";
--fa--fa: "\e398\e398";
}
.fa-inbox {
--fa: "\f01c";
--fa--fa: "\f01c\f01c";
}
.fa-square-0 {
--fa: "\e255";
--fa--fa: "\e255\e255";
}
.fa-section {
--fa: "\e447";
--fa--fa: "\e447\e447";
}
.fa-box-up,
.fa-square-this-way-up {
--fa: "\f49f";
--fa--fa: "\f49f\f49f";
}
.fa-gauge-high,
.fa-tachometer-alt,
.fa-tachometer-alt-fast {
--fa: "\f625";
--fa--fa: "\f625\f625";
}
.fa-square-ampersand {
--fa: "\e260";
--fa--fa: "\e260\e260";
}
.fa-envelope-open-text {
--fa: "\f658";
--fa--fa: "\f658\f658";
}
.fa-lamp-desk {
--fa: "\e014";
--fa--fa: "\e014\e014";
}
.fa-hospital,
.fa-hospital-alt,
.fa-hospital-wide {
--fa: "\f0f8";
--fa--fa: "\f0f8\f0f8";
}
.fa-poll-people {
--fa: "\f759";
--fa--fa: "\f759\f759";
}
.fa-glass-whiskey-rocks,
.fa-whiskey-glass-ice {
--fa: "\f7a1";
--fa--fa: "\f7a1\f7a1";
}
.fa-wine-bottle {
--fa: "\f72f";
--fa--fa: "\f72f\f72f";
}
.fa-chess-rook {
--fa: "\f447";
--fa--fa: "\f447\f447";
}
.fa-user-bounty-hunter {
--fa: "\e2bf";
--fa--fa: "\e2bf\e2bf";
}
.fa-bars-staggered,
.fa-reorder,
.fa-stream {
--fa: "\f550";
--fa--fa: "\f550\f550";
}
.fa-diagram-sankey {
--fa: "\e158";
--fa--fa: "\e158\e158";
}
.fa-cloud-hail-mixed {
--fa: "\f73a";
--fa--fa: "\f73a\f73a";
}
.fa-circle-up-left {
--fa: "\e128";
--fa--fa: "\e128\e128";
}
.fa-dharmachakra {
--fa: "\f655";
--fa--fa: "\f655\f655";
}
.fa-objects-align-left {
--fa: "\e3be";
--fa--fa: "\e3be\e3be";
}
.fa-oil-can-drip {
--fa: "\e205";
--fa--fa: "\e205\e205";
}
.fa-face-smiling-hands {
--fa: "\e396";
--fa--fa: "\e396\e396";
}
.fa-broccoli {
--fa: "\e3e2";
--fa--fa: "\e3e2\e3e2";
}
.fa-route-interstate {
--fa: "\f61b";
--fa--fa: "\f61b\f61b";
}
.fa-ear-muffs {
--fa: "\f795";
--fa--fa: "\f795\f795";
}
.fa-hotdog {
--fa: "\f80f";
--fa--fa: "\f80f\f80f";
}
.fa-transporter-empty {
--fa: "\e046";
--fa--fa: "\e046\e046";
}
.fa-blind,
.fa-person-walking-with-cane {
--fa: "\f29d";
--fa--fa: "\f29d\f29d";
}
.fa-angle-90 {
--fa: "\e08d";
--fa--fa: "\e08d\e08d";
}
.fa-rectangle-terminal {
--fa: "\e236";
--fa--fa: "\e236\e236";
}
.fa-kite {
--fa: "\f6f4";
--fa--fa: "\f6f4\f6f4";
}
.fa-drum {
--fa: "\f569";
--fa--fa: "\f569\f569";
}
.fa-scrubber {
--fa: "\f2f8";
--fa--fa: "\f2f8\f2f8";
}
.fa-ice-cream {
--fa: "\f810";
--fa--fa: "\f810\f810";
}
.fa-heart-circle-bolt {
--fa: "\e4fc";
--fa--fa: "\e4fc\e4fc";
}
.fa-fish-bones {
--fa: "\e304";
--fa--fa: "\e304\e304";
}
.fa-deer-rudolph {
--fa: "\f78f";
--fa--fa: "\f78f\f78f";
}
.fa-fax {
--fa: "\f1ac";
--fa--fa: "\f1ac\f1ac";
}
.fa-paragraph {
--fa: "\f1dd";
--fa--fa: "\f1dd\f1dd";
}
.fa-head-side-heart {
--fa: "\e1aa";
--fa--fa: "\e1aa\e1aa";
}
.fa-square-e {
--fa: "\e26d";
--fa--fa: "\e26d\e26d";
}
.fa-meter-fire {
--fa: "\e1eb";
--fa--fa: "\e1eb\e1eb";
}
.fa-cloud-hail {
--fa: "\f739";
--fa--fa: "\f739\f739";
}
.fa-check-to-slot,
.fa-vote-yea {
--fa: "\f772";
--fa--fa: "\f772\f772";
}
.fa-money-from-bracket {
--fa: "\e312";
--fa--fa: "\e312\e312";
}
.fa-star-half {
--fa: "\f089";
--fa--fa: "\f089\f089";
}
.fa-car-bus {
--fa: "\f85a";
--fa--fa: "\f85a\f85a";
}
.fa-speaker {
--fa: "\f8df";
--fa--fa: "\f8df\f8df";
}
.fa-timer {
--fa: "\e29e";
--fa--fa: "\e29e\e29e";
}
.fa-boxes,
.fa-boxes-alt,
.fa-boxes-stacked {
--fa: "\f468";
--fa--fa: "\f468\f468";
}
.fa-landmark-magnifying-glass {
--fa: "\e622";
--fa--fa: "\e622\e622";
}
.fa-grill-hot {
--fa: "\e5a5";
--fa--fa: "\e5a5\e5a5";
}
.fa-ballot-check {
--fa: "\f733";
--fa--fa: "\f733\f733";
}
.fa-chain,
.fa-link {
--fa: "\f0c1";
--fa--fa: "\f0c1\f0c1";
}
.fa-assistive-listening-systems,
.fa-ear-listen {
--fa: "\f2a2";
--fa--fa: "\f2a2\f2a2";
}
.fa-file-minus {
--fa: "\f318";
--fa--fa: "\f318\f318";
}
.fa-tree-city {
--fa: "\e587";
--fa--fa: "\e587\e587";
}
.fa-play {
--fa: "\f04b";
--fa--fa: "\f04b\f04b";
}
.fa-font {
--fa: "\f031";
--fa--fa: "\f031\f031";
}
.fa-coffee-togo,
.fa-cup-togo {
--fa: "\f6c5";
--fa--fa: "\f6c5\f6c5";
}
.fa-square-down-left {
--fa: "\e26b";
--fa--fa: "\e26b\e26b";
}
.fa-burger-lettuce {
--fa: "\e3e3";
--fa--fa: "\e3e3\e3e3";
}
.fa-table-cells-row-lock {
--fa: "\e67a";
--fa--fa: "\e67a\e67a";
}
.fa-rupiah-sign {
--fa: "\e23d";
--fa--fa: "\e23d\e23d";
}
.fa-magnifying-glass,
.fa-search {
--fa: "\f002";
--fa--fa: "\f002\f002";
}
.fa-ping-pong-paddle-ball,
.fa-table-tennis,
.fa-table-tennis-paddle-ball {
--fa: "\f45d";
--fa--fa: "\f45d\f45d";
}
.fa-diagnoses,
.fa-person-dots-from-line {
--fa: "\f470";
--fa--fa: "\f470\f470";
}
.fa-chevron-double-down,
.fa-chevrons-down {
--fa: "\f322";
--fa--fa: "\f322\f322";
}
.fa-trash-can-arrow-up,
.fa-trash-restore-alt {
--fa: "\f82a";
--fa--fa: "\f82a\f82a";
}
.fa-signal-3,
.fa-signal-good {
--fa: "\f68e";
--fa--fa: "\f68e\f68e";
}
.fa-location-question,
.fa-map-marker-question {
--fa: "\f60b";
--fa--fa: "\f60b\f60b";
}
.fa-floppy-disk-circle-xmark,
.fa-floppy-disk-times,
.fa-save-circle-xmark,
.fa-save-times {
--fa: "\e181";
--fa--fa: "\e181\e181";
}
.fa-naira-sign {
--fa: "\e1f6";
--fa--fa: "\e1f6\e1f6";
}
.fa-peach {
--fa: "\e20b";
--fa--fa: "\e20b\e20b";
}
.fa-circles-overlap-3,
.fa-pronoun {
--fa: "\e6a1";
--fa--fa: "\e6a1\e6a1";
}
.fa-taxi-bus {
--fa: "\e298";
--fa--fa: "\e298\e298";
}
.fa-bracket-curly,
.fa-bracket-curly-left {
--fa: "{";
--fa--fa: "{{";
}
.fa-lobster {
--fa: "\e421";
--fa--fa: "\e421\e421";
}
.fa-cart-flatbed-empty,
.fa-dolly-flatbed-empty {
--fa: "\f476";
--fa--fa: "\f476\f476";
}
.fa-colon {
--fa: ":";
--fa--fa: "::";
}
.fa-cart-arrow-down {
--fa: "\f218";
--fa--fa: "\f218\f218";
}
.fa-wand {
--fa: "\f72a";
--fa--fa: "\f72a\f72a";
}
.fa-walkie-talkie {
--fa: "\f8ef";
--fa--fa: "\f8ef\f8ef";
}
.fa-file-edit,
.fa-file-pen {
--fa: "\f31c";
--fa--fa: "\f31c\f31c";
}
.fa-receipt {
--fa: "\f543";
--fa--fa: "\f543\f543";
}
.fa-table-picnic {
--fa: "\e32d";
--fa--fa: "\e32d\e32d";
}
.fa-pen-square,
.fa-pencil-square,
.fa-square-pen {
--fa: "\f14b";
--fa--fa: "\f14b\f14b";
}
.fa-circle-microphone-lines,
.fa-microphone-circle-alt {
--fa: "\e117";
--fa--fa: "\e117\e117";
}
.fa-desktop-slash,
.fa-display-slash {
--fa: "\e2fa";
--fa--fa: "\e2fa\e2fa";
}
.fa-suitcase-rolling {
--fa: "\f5c1";
--fa--fa: "\f5c1\f5c1";
}
.fa-person-circle-exclamation {
--fa: "\e53f";
--fa--fa: "\e53f\e53f";
}
.fa-transporter-2 {
--fa: "\e044";
--fa--fa: "\e044\e044";
}
.fa-user-hoodie {
--fa: "\e68a";
--fa--fa: "\e68a\e68a";
}
.fa-hand-receiving,
.fa-hands-holding-diamond {
--fa: "\f47c";
--fa--fa: "\f47c\f47c";
}
.fa-money-bill-simple-wave {
--fa: "\e1f2";
--fa--fa: "\e1f2\e1f2";
}
.fa-chevron-down {
--fa: "\f078";
--fa--fa: "\f078\f078";
}
.fa-battery,
.fa-battery-5,
.fa-battery-full {
--fa: "\f240";
--fa--fa: "\f240\f240";
}
.fa-bell-plus {
--fa: "\f849";
--fa--fa: "\f849\f849";
}
.fa-book-arrow-right {
--fa: "\e0b9";
--fa--fa: "\e0b9\e0b9";
}
.fa-hospitals {
--fa: "\f80e";
--fa--fa: "\f80e\f80e";
}
.fa-club {
--fa: "\f327";
--fa--fa: "\f327\f327";
}
.fa-skull-crossbones {
--fa: "\f714";
--fa--fa: "\f714\f714";
}
.fa-dewpoint,
.fa-droplet-degree {
--fa: "\f748";
--fa--fa: "\f748\f748";
}
.fa-code-compare {
--fa: "\e13a";
--fa--fa: "\e13a\e13a";
}
.fa-list-dots,
.fa-list-ul {
--fa: "\f0ca";
--fa--fa: "\f0ca\f0ca";
}
.fa-hand-holding-magic {
--fa: "\f6e5";
--fa--fa: "\f6e5\f6e5";
}
.fa-watermelon-slice {
--fa: "\e337";
--fa--fa: "\e337\e337";
}
.fa-circle-ellipsis {
--fa: "\e10a";
--fa--fa: "\e10a\e10a";
}
.fa-school-lock {
--fa: "\e56f";
--fa--fa: "\e56f\e56f";
}
.fa-tower-cell {
--fa: "\e585";
--fa--fa: "\e585\e585";
}
.fa-sd-cards {
--fa: "\e240";
--fa--fa: "\e240\e240";
}
.fa-jug-bottle {
--fa: "\e5fb";
--fa--fa: "\e5fb\e5fb";
}
.fa-down-long,
.fa-long-arrow-alt-down {
--fa: "\f309";
--fa--fa: "\f309\f309";
}
.fa-envelopes {
--fa: "\e170";
--fa--fa: "\e170\e170";
}
.fa-phone-office {
--fa: "\f67d";
--fa--fa: "\f67d\f67d";
}
.fa-ranking-star {
--fa: "\e561";
--fa--fa: "\e561\e561";
}
.fa-chess-king {
--fa: "\f43f";
--fa--fa: "\f43f\f43f";
}
.fa-nfc-pen {
--fa: "\e1fa";
--fa--fa: "\e1fa\e1fa";
}
.fa-person-harassing {
--fa: "\e549";
--fa--fa: "\e549\e549";
}
.fa-magnifying-glass-play {
--fa: "\e660";
--fa--fa: "\e660\e660";
}
.fa-hat-winter {
--fa: "\f7a8";
--fa--fa: "\f7a8\f7a8";
}
.fa-brazilian-real-sign {
--fa: "\e46c";
--fa--fa: "\e46c\e46c";
}
.fa-landmark-alt,
.fa-landmark-dome {
--fa: "\f752";
--fa--fa: "\f752\f752";
}
.fa-bone-break {
--fa: "\f5d8";
--fa--fa: "\f5d8\f5d8";
}
.fa-arrow-up {
--fa: "\f062";
--fa--fa: "\f062\f062";
}
.fa-down-from-dotted-line {
--fa: "\e407";
--fa--fa: "\e407\e407";
}
.fa-television,
.fa-tv,
.fa-tv-alt {
--fa: "\f26c";
--fa--fa: "\f26c\f26c";
}
.fa-border-left {
--fa: "\f84f";
--fa--fa: "\f84f\f84f";
}
.fa-circle-divide {
--fa: "\e106";
--fa--fa: "\e106\e106";
}
.fa-shrimp {
--fa: "\e448";
--fa--fa: "\e448\e448";
}
.fa-list-check,
.fa-tasks {
--fa: "\f0ae";
--fa--fa: "\f0ae\f0ae";
}
.fa-diagram-subtask {
--fa: "\e479";
--fa--fa: "\e479\e479";
}
.fa-jug-detergent {
--fa: "\e519";
--fa--fa: "\e519\e519";
}
.fa-circle-user,
.fa-user-circle {
--fa: "\f2bd";
--fa--fa: "\f2bd\f2bd";
}
.fa-square-y {
--fa: "\e287";
--fa--fa: "\e287\e287";
}
.fa-user-doctor-hair {
--fa: "\e458";
--fa--fa: "\e458\e458";
}
.fa-planet-ringed {
--fa: "\e020";
--fa--fa: "\e020\e020";
}
.fa-mushroom {
--fa: "\e425";
--fa--fa: "\e425\e425";
}
.fa-user-shield {
--fa: "\f505";
--fa--fa: "\f505\f505";
}
.fa-megaphone {
--fa: "\f675";
--fa--fa: "\f675\f675";
}
.fa-wreath-laurel {
--fa: "\e5d2";
--fa--fa: "\e5d2\e5d2";
}
.fa-circle-exclamation-check {
--fa: "\e10d";
--fa--fa: "\e10d\e10d";
}
.fa-wind {
--fa: "\f72e";
--fa--fa: "\f72e\f72e";
}
.fa-box-dollar,
.fa-box-usd {
--fa: "\f4a0";
--fa--fa: "\f4a0\f4a0";
}
.fa-car-burst,
.fa-car-crash {
--fa: "\f5e1";
--fa--fa: "\f5e1\f5e1";
}
.fa-y {
--fa: "Y";
--fa--fa: "YY";
}
.fa-user-headset {
--fa: "\f82d";
--fa--fa: "\f82d\f82d";
}
.fa-arrows-retweet,
.fa-retweet-alt {
--fa: "\f361";
--fa--fa: "\f361\f361";
}
.fa-person-snowboarding,
.fa-snowboarding {
--fa: "\f7ce";
--fa--fa: "\f7ce\f7ce";
}
.fa-chevron-square-right,
.fa-square-chevron-right {
--fa: "\f32b";
--fa--fa: "\f32b\f32b";
}
.fa-lacrosse-stick-ball {
--fa: "\e3b6";
--fa--fa: "\e3b6\e3b6";
}
.fa-shipping-fast,
.fa-truck-fast {
--fa: "\f48b";
--fa--fa: "\f48b\f48b";
}
.fa-user-magnifying-glass {
--fa: "\e5c5";
--fa--fa: "\e5c5\e5c5";
}
.fa-star-sharp {
--fa: "\e28b";
--fa--fa: "\e28b\e28b";
}
.fa-comment-heart {
--fa: "\e5c8";
--fa--fa: "\e5c8\e5c8";
}
.fa-circle-1 {
--fa: "\e0ee";
--fa--fa: "\e0ee\e0ee";
}
.fa-circle-star,
.fa-star-circle {
--fa: "\e123";
--fa--fa: "\e123\e123";
}
.fa-fish {
--fa: "\f578";
--fa--fa: "\f578\f578";
}
.fa-cloud-fog,
.fa-fog {
--fa: "\f74e";
--fa--fa: "\f74e\f74e";
}
.fa-waffle {
--fa: "\e466";
--fa--fa: "\e466\e466";
}
.fa-music-alt,
.fa-music-note {
--fa: "\f8cf";
--fa--fa: "\f8cf\f8cf";
}
.fa-hexagon-exclamation {
--fa: "\e417";
--fa--fa: "\e417\e417";
}
.fa-cart-shopping-fast {
--fa: "\e0dc";
--fa--fa: "\e0dc\e0dc";
}
.fa-object-union {
--fa: "\e49f";
--fa--fa: "\e49f\e49f";
}
.fa-user-graduate {
--fa: "\f501";
--fa--fa: "\f501\f501";
}
.fa-starfighter {
--fa: "\e037";
--fa--fa: "\e037\e037";
}
.fa-adjust,
.fa-circle-half-stroke {
--fa: "\f042";
--fa--fa: "\f042\f042";
}
.fa-arrow-right-long-to-line {
--fa: "\e3d5";
--fa--fa: "\e3d5\e3d5";
}
.fa-arrow-square-down,
.fa-square-arrow-down {
--fa: "\f339";
--fa--fa: "\f339\f339";
}
.fa-diamond-half-stroke {
--fa: "\e5b8";
--fa--fa: "\e5b8\e5b8";
}
.fa-clapperboard {
--fa: "\e131";
--fa--fa: "\e131\e131";
}
.fa-chevron-square-left,
.fa-square-chevron-left {
--fa: "\f32a";
--fa--fa: "\f32a\f32a";
}
.fa-phone-intercom {
--fa: "\e434";
--fa--fa: "\e434\e434";
}
.fa-chain-horizontal,
.fa-link-horizontal {
--fa: "\e1cb";
--fa--fa: "\e1cb\e1cb";
}
.fa-mango {
--fa: "\e30f";
--fa--fa: "\e30f\e30f";
}
.fa-music-alt-slash,
.fa-music-note-slash {
--fa: "\f8d0";
--fa--fa: "\f8d0\f8d0";
}
.fa-circle-radiation,
.fa-radiation-alt {
--fa: "\f7ba";
--fa--fa: "\f7ba\f7ba";
}
.fa-face-tongue-sweat {
--fa: "\e39e";
--fa--fa: "\e39e\e39e";
}
.fa-globe-stand {
--fa: "\f5f6";
--fa--fa: "\f5f6\f5f6";
}
.fa-baseball,
.fa-baseball-ball {
--fa: "\f433";
--fa--fa: "\f433\f433";
}
.fa-circle-p {
--fa: "\e11a";
--fa--fa: "\e11a\e11a";
}
.fa-award-simple {
--fa: "\e0ab";
--fa--fa: "\e0ab\e0ab";
}
.fa-jet-fighter-up {
--fa: "\e518";
--fa--fa: "\e518\e518";
}
.fa-diagram-project,
.fa-project-diagram {
--fa: "\f542";
--fa--fa: "\f542\f542";
}
.fa-pedestal {
--fa: "\e20d";
--fa--fa: "\e20d\e20d";
}
.fa-chart-pyramid {
--fa: "\e0e6";
--fa--fa: "\e0e6\e0e6";
}
.fa-sidebar {
--fa: "\e24e";
--fa--fa: "\e24e\e24e";
}
.fa-frosty-head,
.fa-snowman-head {
--fa: "\f79b";
--fa--fa: "\f79b\f79b";
}
.fa-copy {
--fa: "\f0c5";
--fa--fa: "\f0c5\f0c5";
}
.fa-burger-glass {
--fa: "\e0ce";
--fa--fa: "\e0ce\e0ce";
}
.fa-volume-mute,
.fa-volume-times,
.fa-volume-xmark {
--fa: "\f6a9";
--fa--fa: "\f6a9\f6a9";
}
.fa-hand-sparkles {
--fa: "\e05d";
--fa--fa: "\e05d\e05d";
}
.fa-bars-filter {
--fa: "\e0ad";
--fa--fa: "\e0ad\e0ad";
}
.fa-paintbrush-pencil {
--fa: "\e206";
--fa--fa: "\e206\e206";
}
.fa-party-bell {
--fa: "\e31a";
--fa--fa: "\e31a\e31a";
}
.fa-user-vneck-hair {
--fa: "\e462";
--fa--fa: "\e462\e462";
}
.fa-jack-o-lantern {
--fa: "\f30e";
--fa--fa: "\f30e\f30e";
}
.fa-grip,
.fa-grip-horizontal {
--fa: "\f58d";
--fa--fa: "\f58d\f58d";
}
.fa-share-from-square,
.fa-share-square {
--fa: "\f14d";
--fa--fa: "\f14d\f14d";
}
.fa-keynote {
--fa: "\f66c";
--fa--fa: "\f66c\f66c";
}
.fa-child-combatant,
.fa-child-rifle {
--fa: "\e4e0";
--fa--fa: "\e4e0\e4e0";
}
.fa-gun {
--fa: "\e19b";
--fa--fa: "\e19b\e19b";
}
.fa-phone-square,
.fa-square-phone {
--fa: "\f098";
--fa--fa: "\f098\f098";
}
.fa-hat-beach {
--fa: "\e606";
--fa--fa: "\e606\e606";
}
.fa-add,
.fa-plus {
--fa: "+";
--fa--fa: "++";
}
.fa-expand {
--fa: "\f065";
--fa--fa: "\f065\f065";
}
.fa-computer {
--fa: "\e4e5";
--fa--fa: "\e4e5\e4e5";
}
.fa-fort {
--fa: "\e486";
--fa--fa: "\e486\e486";
}
.fa-cloud-check {
--fa: "\e35c";
--fa--fa: "\e35c\e35c";
}
.fa-close,
.fa-multiply,
.fa-remove,
.fa-times,
.fa-xmark {
--fa: "\f00d";
--fa--fa: "\f00d\f00d";
}
.fa-face-smirking {
--fa: "\e397";
--fa--fa: "\e397\e397";
}
.fa-arrows,
.fa-arrows-up-down-left-right {
--fa: "\f047";
--fa--fa: "\f047\f047";
}
.fa-chalkboard-teacher,
.fa-chalkboard-user {
--fa: "\f51c";
--fa--fa: "\f51c\f51c";
}
.fa-rhombus {
--fa: "\e23b";
--fa--fa: "\e23b\e23b";
}
.fa-claw-marks {
--fa: "\f6c2";
--fa--fa: "\f6c2\f6c2";
}
.fa-peso-sign {
--fa: "\e222";
--fa--fa: "\e222\e222";
}
.fa-face-smile-tongue {
--fa: "\e394";
--fa--fa: "\e394\e394";
}
.fa-cart-circle-xmark {
--fa: "\e3f4";
--fa--fa: "\e3f4\e3f4";
}
.fa-building-shield {
--fa: "\e4d8";
--fa--fa: "\e4d8\e4d8";
}
.fa-circle-phone-flip,
.fa-phone-circle-alt {
--fa: "\e11c";
--fa--fa: "\e11c\e11c";
}
.fa-baby {
--fa: "\f77c";
--fa--fa: "\f77c\f77c";
}
.fa-users-line {
--fa: "\e592";
--fa--fa: "\e592\e592";
}
.fa-quote-left,
.fa-quote-left-alt {
--fa: "\f10d";
--fa--fa: "\f10d\f10d";
}
.fa-tractor {
--fa: "\f722";
--fa--fa: "\f722\f722";
}
.fa-down-from-bracket {
--fa: "\e66b";
--fa--fa: "\e66b\e66b";
}
.fa-key-skeleton {
--fa: "\f6f3";
--fa--fa: "\f6f3\f6f3";
}
.fa-trash-arrow-up,
.fa-trash-restore {
--fa: "\f829";
--fa--fa: "\f829\f829";
}
.fa-arrow-down-up-lock {
--fa: "\e4b0";
--fa--fa: "\e4b0\e4b0";
}
.fa-arrow-down-to-bracket {
--fa: "\e094";
--fa--fa: "\e094\e094";
}
.fa-lines-leaning {
--fa: "\e51e";
--fa--fa: "\e51e\e51e";
}
.fa-square-q {
--fa: "\e27b";
--fa--fa: "\e27b\e27b";
}
.fa-ruler-combined {
--fa: "\f546";
--fa--fa: "\f546\f546";
}
.fa-icons-alt,
.fa-symbols {
--fa: "\f86e";
--fa--fa: "\f86e\f86e";
}
.fa-copyright {
--fa: "\f1f9";
--fa--fa: "\f1f9\f1f9";
}
.fa-flask-gear {
--fa: "\e5f1";
--fa--fa: "\e5f1\e5f1";
}
.fa-highlighter-line {
--fa: "\e1af";
--fa--fa: "\e1af\e1af";
}
.fa-bracket,
.fa-bracket-left,
.fa-bracket-square {
--fa: "[";
--fa--fa: "[[";
}
.fa-island-tree-palm,
.fa-island-tropical {
--fa: "\f811";
--fa--fa: "\f811\f811";
}
.fa-arrow-from-left,
.fa-arrow-right-from-line {
--fa: "\f343";
--fa--fa: "\f343\f343";
}
.fa-h2 {
--fa: "\f314";
--fa--fa: "\f314\f314";
}
.fa-equals {
--fa: "=";
--fa--fa: "==";
}
.fa-cake-slice,
.fa-shortcake {
--fa: "\e3e5";
--fa--fa: "\e3e5\e3e5";
}
.fa-building-magnifying-glass {
--fa: "\e61c";
--fa--fa: "\e61c\e61c";
}
.fa-peanut {
--fa: "\e430";
--fa--fa: "\e430\e430";
}
.fa-wrench-simple {
--fa: "\e2d1";
--fa--fa: "\e2d1\e2d1";
}
.fa-blender {
--fa: "\f517";
--fa--fa: "\f517\f517";
}
.fa-teeth {
--fa: "\f62e";
--fa--fa: "\f62e\f62e";
}
.fa-tally-2 {
--fa: "\e295";
--fa--fa: "\e295\e295";
}
.fa-ils,
.fa-shekel,
.fa-shekel-sign,
.fa-sheqel,
.fa-sheqel-sign {
--fa: "\f20b";
--fa--fa: "\f20b\f20b";
}
.fa-cars {
--fa: "\f85b";
--fa--fa: "\f85b\f85b";
}
.fa-axe-battle {
--fa: "\f6b3";
--fa--fa: "\f6b3\f6b3";
}
.fa-user-hair-long {
--fa: "\e45b";
--fa--fa: "\e45b\e45b";
}
.fa-map {
--fa: "\f279";
--fa--fa: "\f279\f279";
}
.fa-arrow-left-from-arc {
--fa: "\e615";
--fa--fa: "\e615\e615";
}
.fa-file-circle-info {
--fa: "\e493";
--fa--fa: "\e493\e493";
}
.fa-face-disappointed {
--fa: "\e36f";
--fa--fa: "\e36f\e36f";
}
.fa-lasso-sparkles {
--fa: "\e1c9";
--fa--fa: "\e1c9\e1c9";
}
.fa-clock-eleven {
--fa: "\e347";
--fa--fa: "\e347\e347";
}
.fa-rocket {
--fa: "\f135";
--fa--fa: "\f135\f135";
}
.fa-siren-on {
--fa: "\e02e";
--fa--fa: "\e02e\e02e";
}
.fa-clock-ten {
--fa: "\e354";
--fa--fa: "\e354\e354";
}
.fa-candle-holder {
--fa: "\f6bc";
--fa--fa: "\f6bc\f6bc";
}
.fa-video-arrow-down-left {
--fa: "\e2c8";
--fa--fa: "\e2c8\e2c8";
}
.fa-photo-film,
.fa-photo-video {
--fa: "\f87c";
--fa--fa: "\f87c\f87c";
}
.fa-floppy-disk-circle-arrow-right,
.fa-save-circle-arrow-right {
--fa: "\e180";
--fa--fa: "\e180\e180";
}
.fa-folder-minus {
--fa: "\f65d";
--fa--fa: "\f65d\f65d";
}
.fa-hexagon-nodes-bolt {
--fa: "\e69a";
--fa--fa: "\e69a\e69a";
}
.fa-planet-moon {
--fa: "\e01f";
--fa--fa: "\e01f\e01f";
}
.fa-face-eyes-xmarks {
--fa: "\e374";
--fa--fa: "\e374\e374";
}
.fa-chart-scatter {
--fa: "\f7ee";
--fa--fa: "\f7ee\f7ee";
}
.fa-circle-gf {
--fa: "\e67f";
--fa--fa: "\e67f\e67f";
}
.fa-display-arrow-down {
--fa: "\e164";
--fa--fa: "\e164\e164";
}
.fa-store {
--fa: "\f54e";
--fa--fa: "\f54e\f54e";
}
.fa-arrow-trend-up {
--fa: "\e098";
--fa--fa: "\e098\e098";
}
.fa-plug-circle-minus {
--fa: "\e55e";
--fa--fa: "\e55e\e55e";
}
.fa-olive-branch {
--fa: "\e317";
--fa--fa: "\e317\e317";
}
.fa-angle {
--fa: "\e08c";
--fa--fa: "\e08c\e08c";
}
.fa-vacuum-robot {
--fa: "\e04e";
--fa--fa: "\e04e\e04e";
}
.fa-sign,
.fa-sign-hanging {
--fa: "\f4d9";
--fa--fa: "\f4d9\f4d9";
}
.fa-square-divide {
--fa: "\e26a";
--fa--fa: "\e26a\e26a";
}
.fa-folder-check {
--fa: "\e64e";
--fa--fa: "\e64e\e64e";
}
.fa-signal-stream-slash {
--fa: "\e250";
--fa--fa: "\e250\e250";
}
.fa-bezier-curve {
--fa: "\f55b";
--fa--fa: "\f55b\f55b";
}
.fa-eye-dropper-half {
--fa: "\e173";
--fa--fa: "\e173\e173";
}
.fa-store-lock {
--fa: "\e4a6";
--fa--fa: "\e4a6\e4a6";
}
.fa-bell-slash {
--fa: "\f1f6";
--fa--fa: "\f1f6\f1f6";
}
.fa-cloud-bolt-sun,
.fa-thunderstorm-sun {
--fa: "\f76e";
--fa--fa: "\f76e\f76e";
}
.fa-camera-slash {
--fa: "\e0d9";
--fa--fa: "\e0d9\e0d9";
}
.fa-comment-quote {
--fa: "\e14c";
--fa--fa: "\e14c\e14c";
}
.fa-tablet,
.fa-tablet-android {
--fa: "\f3fb";
--fa--fa: "\f3fb\f3fb";
}
.fa-school-flag {
--fa: "\e56e";
--fa--fa: "\e56e\e56e";
}
.fa-message-code {
--fa: "\e1df";
--fa--fa: "\e1df\e1df";
}
.fa-glass-half,
.fa-glass-half-empty,
.fa-glass-half-full {
--fa: "\e192";
--fa--fa: "\e192\e192";
}
.fa-fill {
--fa: "\f575";
--fa--fa: "\f575\f575";
}
.fa-comment-alt-minus,
.fa-message-minus {
--fa: "\f4a7";
--fa--fa: "\f4a7\f4a7";
}
.fa-angle-up {
--fa: "\f106";
--fa--fa: "\f106\f106";
}
.fa-dinosaur {
--fa: "\e5fe";
--fa--fa: "\e5fe\e5fe";
}
.fa-drumstick-bite {
--fa: "\f6d7";
--fa--fa: "\f6d7\f6d7";
}
.fa-chain-horizontal-slash,
.fa-link-horizontal-slash {
--fa: "\e1cc";
--fa--fa: "\e1cc\e1cc";
}
.fa-holly-berry {
--fa: "\f7aa";
--fa--fa: "\f7aa\f7aa";
}
.fa-nose {
--fa: "\e5bd";
--fa--fa: "\e5bd\e5bd";
}
.fa-arrow-left-to-arc {
--fa: "\e616";
--fa--fa: "\e616\e616";
}
.fa-chevron-left {
--fa: "\f053";
--fa--fa: "\f053\f053";
}
.fa-bacteria {
--fa: "\e059";
--fa--fa: "\e059\e059";
}
.fa-clouds {
--fa: "\f744";
--fa--fa: "\f744\f744";
}
.fa-money-bill-simple {
--fa: "\e1f1";
--fa--fa: "\e1f1\e1f1";
}
.fa-hand-lizard {
--fa: "\f258";
--fa--fa: "\f258\f258";
}
.fa-table-pivot {
--fa: "\e291";
--fa--fa: "\e291\e291";
}
.fa-filter-slash {
--fa: "\e17d";
--fa--fa: "\e17d\e17d";
}
.fa-trash-can-arrow-turn-left,
.fa-trash-can-undo,
.fa-trash-undo-alt {
--fa: "\f896";
--fa--fa: "\f896\f896";
}
.fa-notdef {
--fa: "\e1fe";
--fa--fa: "\e1fe\e1fe";
}
.fa-disease {
--fa: "\f7fa";
--fa--fa: "\f7fa\f7fa";
}
.fa-person-to-door {
--fa: "\e433";
--fa--fa: "\e433\e433";
}
.fa-turntable {
--fa: "\f8e4";
--fa--fa: "\f8e4\f8e4";
}
.fa-briefcase-medical {
--fa: "\f469";
--fa--fa: "\f469\f469";
}
.fa-genderless {
--fa: "\f22d";
--fa--fa: "\f22d\f22d";
}
.fa-chevron-right {
--fa: "\f054";
--fa--fa: "\f054\f054";
}
.fa-signal-1,
.fa-signal-weak {
--fa: "\f68c";
--fa--fa: "\f68c\f68c";
}
.fa-clock-five {
--fa: "\e349";
--fa--fa: "\e349\e349";
}
.fa-retweet {
--fa: "\f079";
--fa--fa: "\f079\f079";
}
.fa-car-alt,
.fa-car-rear {
--fa: "\f5de";
--fa--fa: "\f5de\f5de";
}
.fa-pump-soap {
--fa: "\e06b";
--fa--fa: "\e06b\e06b";
}
.fa-computer-classic {
--fa: "\f8b1";
--fa--fa: "\f8b1\f8b1";
}
.fa-frame {
--fa: "\e495";
--fa--fa: "\e495\e495";
}
.fa-video-slash {
--fa: "\f4e2";
--fa--fa: "\f4e2\f4e2";
}
.fa-battery-2,
.fa-battery-quarter {
--fa: "\f243";
--fa--fa: "\f243\f243";
}
.fa-ellipsis-h-alt,
.fa-ellipsis-stroke {
--fa: "\f39b";
--fa--fa: "\f39b\f39b";
}
.fa-radio {
--fa: "\f8d7";
--fa--fa: "\f8d7\f8d7";
}
.fa-baby-carriage,
.fa-carriage-baby {
--fa: "\f77d";
--fa--fa: "\f77d\f77d";
}
.fa-face-expressionless {
--fa: "\e373";
--fa--fa: "\e373\e373";
}
.fa-down-to-dotted-line {
--fa: "\e408";
--fa--fa: "\e408\e408";
}
.fa-cloud-music {
--fa: "\f8ae";
--fa--fa: "\f8ae\f8ae";
}
.fa-traffic-light {
--fa: "\f637";
--fa--fa: "\f637\f637";
}
.fa-cloud-minus {
--fa: "\e35d";
--fa--fa: "\e35d\e35d";
}
.fa-thermometer {
--fa: "\f491";
--fa--fa: "\f491\f491";
}
.fa-shield-minus {
--fa: "\e249";
--fa--fa: "\e249\e249";
}
.fa-vr-cardboard {
--fa: "\f729";
--fa--fa: "\f729\f729";
}
.fa-car-tilt {
--fa: "\f5e5";
--fa--fa: "\f5e5\f5e5";
}
.fa-gauge-circle-minus {
--fa: "\e497";
--fa--fa: "\e497\e497";
}
.fa-brightness-low {
--fa: "\e0ca";
--fa--fa: "\e0ca\e0ca";
}
.fa-hand-middle-finger {
--fa: "\f806";
--fa--fa: "\f806\f806";
}
.fa-percent,
.fa-percentage {
--fa: "%";
--fa--fa: "%%";
}
.fa-truck-moving {
--fa: "\f4df";
--fa--fa: "\f4df\f4df";
}
.fa-glass-water-droplet {
--fa: "\e4f5";
--fa--fa: "\e4f5\e4f5";
}
.fa-conveyor-belt {
--fa: "\f46e";
--fa--fa: "\f46e\f46e";
}
.fa-location-check,
.fa-map-marker-check {
--fa: "\f606";
--fa--fa: "\f606\f606";
}
.fa-coin-vertical {
--fa: "\e3fd";
--fa--fa: "\e3fd\e3fd";
}
.fa-display {
--fa: "\e163";
--fa--fa: "\e163\e163";
}
.fa-person-sign {
--fa: "\f757";
--fa--fa: "\f757\f757";
}
.fa-face-smile,
.fa-smile {
--fa: "\f118";
--fa--fa: "\f118\f118";
}
.fa-phone-hangup {
--fa: "\e225";
--fa--fa: "\e225\e225";
}
.fa-signature-slash {
--fa: "\e3cb";
--fa--fa: "\e3cb\e3cb";
}
.fa-thumb-tack,
.fa-thumbtack {
--fa: "\f08d";
--fa--fa: "\f08d\f08d";
}
.fa-wheat-slash {
--fa: "\e339";
--fa--fa: "\e339\e339";
}
.fa-trophy {
--fa: "\f091";
--fa--fa: "\f091\f091";
}
.fa-clouds-sun {
--fa: "\f746";
--fa--fa: "\f746\f746";
}
.fa-person-praying,
.fa-pray {
--fa: "\f683";
--fa--fa: "\f683\f683";
}
.fa-hammer {
--fa: "\f6e3";
--fa--fa: "\f6e3\f6e3";
}
.fa-face-vomit {
--fa: "\e3a0";
--fa--fa: "\e3a0\e3a0";
}
.fa-speakers {
--fa: "\f8e0";
--fa--fa: "\f8e0\f8e0";
}
.fa-teletype-answer,
.fa-tty-answer {
--fa: "\e2b9";
--fa--fa: "\e2b9\e2b9";
}
.fa-mug-tea-saucer {
--fa: "\e1f5";
--fa--fa: "\e1f5\e1f5";
}
.fa-diagram-lean-canvas {
--fa: "\e156";
--fa--fa: "\e156\e156";
}
.fa-alt {
--fa: "\e08a";
--fa--fa: "\e08a\e08a";
}
.fa-dial,
.fa-dial-med-high {
--fa: "\e15b";
--fa--fa: "\e15b\e15b";
}
.fa-hand-peace {
--fa: "\f25b";
--fa--fa: "\f25b\f25b";
}
.fa-circle-trash,
.fa-trash-circle {
--fa: "\e126";
--fa--fa: "\e126\e126";
}
.fa-rotate,
.fa-sync-alt {
--fa: "\f2f1";
--fa--fa: "\f2f1\f2f1";
}
.fa-circle-quarters {
--fa: "\e3f8";
--fa--fa: "\e3f8\e3f8";
}
.fa-spinner {
--fa: "\f110";
--fa--fa: "\f110\f110";
}
.fa-tower-control {
--fa: "\e2a2";
--fa--fa: "\e2a2\e2a2";
}
.fa-arrow-up-triangle-square,
.fa-sort-shapes-up {
--fa: "\f88a";
--fa--fa: "\f88a\f88a";
}
.fa-whale {
--fa: "\f72c";
--fa--fa: "\f72c\f72c";
}
.fa-robot {
--fa: "\f544";
--fa--fa: "\f544\f544";
}
.fa-peace {
--fa: "\f67c";
--fa--fa: "\f67c\f67c";
}
.fa-party-horn {
--fa: "\e31b";
--fa--fa: "\e31b\e31b";
}
.fa-cogs,
.fa-gears {
--fa: "\f085";
--fa--fa: "\f085\f085";
}
.fa-sun-alt,
.fa-sun-bright {
--fa: "\e28f";
--fa--fa: "\e28f\e28f";
}
.fa-warehouse {
--fa: "\f494";
--fa--fa: "\f494\f494";
}
.fa-conveyor-belt-arm {
--fa: "\e5f8";
--fa--fa: "\e5f8\e5f8";
}
.fa-lock-keyhole-open,
.fa-lock-open-alt {
--fa: "\f3c2";
--fa--fa: "\f3c2\f3c2";
}
.fa-box-fragile,
.fa-square-fragile,
.fa-square-wine-glass-crack {
--fa: "\f49b";
--fa--fa: "\f49b\f49b";
}
.fa-arrow-up-right-dots {
--fa: "\e4b7";
--fa--fa: "\e4b7\e4b7";
}
.fa-square-n {
--fa: "\e277";
--fa--fa: "\e277\e277";
}
.fa-splotch {
--fa: "\f5bc";
--fa--fa: "\f5bc\f5bc";
}
.fa-face-grin-hearts,
.fa-grin-hearts {
--fa: "\f584";
--fa--fa: "\f584\f584";
}
.fa-meter {
--fa: "\e1e8";
--fa--fa: "\e1e8\e1e8";
}
.fa-mandolin {
--fa: "\f6f9";
--fa--fa: "\f6f9\f6f9";
}
.fa-dice-four {
--fa: "\f524";
--fa--fa: "\f524\f524";
}
.fa-sim-card {
--fa: "\f7c4";
--fa--fa: "\f7c4\f7c4";
}
.fa-transgender,
.fa-transgender-alt {
--fa: "\f225";
--fa--fa: "\f225\f225";
}
.fa-mercury {
--fa: "\f223";
--fa--fa: "\f223\f223";
}
.fa-up-from-bracket {
--fa: "\e590";
--fa--fa: "\e590\e590";
}
.fa-knife-kitchen {
--fa: "\f6f5";
--fa--fa: "\f6f5\f6f5";
}
.fa-border-right {
--fa: "\f852";
--fa--fa: "\f852\f852";
}
.fa-arrow-turn-down,
.fa-level-down {
--fa: "\f149";
--fa--fa: "\f149\f149";
}
.fa-spade {
--fa: "\f2f4";
--fa--fa: "\f2f4\f2f4";
}
.fa-card-spade {
--fa: "\e3ec";
--fa--fa: "\e3ec\e3ec";
}
.fa-line-columns {
--fa: "\f870";
--fa--fa: "\f870\f870";
}
.fa-ant {
--fa: "\e680";
--fa--fa: "\e680\e680";
}
.fa-arrow-right-to-line,
.fa-arrow-to-right {
--fa: "\f340";
--fa--fa: "\f340\f340";
}
.fa-person-falling-burst {
--fa: "\e547";
--fa--fa: "\e547\e547";
}
.fa-flag-pennant,
.fa-pennant {
--fa: "\f456";
--fa--fa: "\f456\f456";
}
.fa-conveyor-belt-empty {
--fa: "\e150";
--fa--fa: "\e150\e150";
}
.fa-user-group-simple {
--fa: "\e603";
--fa--fa: "\e603\e603";
}
.fa-award {
--fa: "\f559";
--fa--fa: "\f559\f559";
}
.fa-ticket-alt,
.fa-ticket-simple {
--fa: "\f3ff";
--fa--fa: "\f3ff\f3ff";
}
.fa-building {
--fa: "\f1ad";
--fa--fa: "\f1ad\f1ad";
}
.fa-angle-double-left,
.fa-angles-left {
--fa: "\f100";
--fa--fa: "\f100\f100";
}
.fa-camcorder,
.fa-video-handheld {
--fa: "\f8a8";
--fa--fa: "\f8a8\f8a8";
}
.fa-pancakes {
--fa: "\e42d";
--fa--fa: "\e42d\e42d";
}
.fa-album-circle-user {
--fa: "\e48d";
--fa--fa: "\e48d\e48d";
}
.fa-subtitles-slash {
--fa: "\e610";
--fa--fa: "\e610\e610";
}
.fa-qrcode {
--fa: "\f029";
--fa--fa: "\f029\f029";
}
.fa-dice-d10 {
--fa: "\f6cd";
--fa--fa: "\f6cd\f6cd";
}
.fa-fireplace {
--fa: "\f79a";
--fa--fa: "\f79a\f79a";
}
.fa-browser {
--fa: "\f37e";
--fa--fa: "\f37e\f37e";
}
.fa-pen-paintbrush,
.fa-pencil-paintbrush {
--fa: "\f618";
--fa--fa: "\f618\f618";
}
.fa-fish-cooked {
--fa: "\f7fe";
--fa--fa: "\f7fe\f7fe";
}
.fa-chair-office {
--fa: "\f6c1";
--fa--fa: "\f6c1\f6c1";
}
.fa-magnifying-glass-music {
--fa: "\e65f";
--fa--fa: "\e65f\e65f";
}
.fa-nesting-dolls {
--fa: "\e3ba";
--fa--fa: "\e3ba\e3ba";
}
.fa-clock-rotate-left,
.fa-history {
--fa: "\f1da";
--fa--fa: "\f1da\f1da";
}
.fa-trumpet {
--fa: "\f8e3";
--fa--fa: "\f8e3\f8e3";
}
.fa-face-grin-beam-sweat,
.fa-grin-beam-sweat {
--fa: "\f583";
--fa--fa: "\f583\f583";
}
.fa-fire-smoke {
--fa: "\f74b";
--fa--fa: "\f74b\f74b";
}
.fa-phone-missed {
--fa: "\e226";
--fa--fa: "\e226\e226";
}
.fa-arrow-right-from-file,
.fa-file-export {
--fa: "\f56e";
--fa--fa: "\f56e\f56e";
}
.fa-shield,
.fa-shield-blank {
--fa: "\f132";
--fa--fa: "\f132\f132";
}
.fa-arrow-up-short-wide,
.fa-sort-amount-up-alt {
--fa: "\f885";
--fa--fa: "\f885\f885";
}
.fa-arrows-repeat-1,
.fa-repeat-1-alt {
--fa: "\f366";
--fa--fa: "\f366\f366";
}
.fa-gun-slash {
--fa: "\e19c";
--fa--fa: "\e19c\e19c";
}
.fa-avocado {
--fa: "\e0aa";
--fa--fa: "\e0aa\e0aa";
}
.fa-binary {
--fa: "\e33b";
--fa--fa: "\e33b\e33b";
}
.fa-comment-nodes {
--fa: "\e696";
--fa--fa: "\e696\e696";
}
.fa-glasses-alt,
.fa-glasses-round {
--fa: "\f5f5";
--fa--fa: "\f5f5\f5f5";
}
.fa-phone-plus {
--fa: "\f4d2";
--fa--fa: "\f4d2\f4d2";
}
.fa-ditto {
--fa: '"';
--fa--fa: '""';
}
.fa-person-seat {
--fa: "\e21e";
--fa--fa: "\e21e\e21e";
}
.fa-house-medical {
--fa: "\e3b2";
--fa--fa: "\e3b2\e3b2";
}
.fa-golf-ball,
.fa-golf-ball-tee {
--fa: "\f450";
--fa--fa: "\f450\f450";
}
.fa-chevron-circle-left,
.fa-circle-chevron-left {
--fa: "\f137";
--fa--fa: "\f137\f137";
}
.fa-house-chimney-window {
--fa: "\e00d";
--fa--fa: "\e00d\e00d";
}
.fa-scythe {
--fa: "\f710";
--fa--fa: "\f710\f710";
}
.fa-pen-nib {
--fa: "\f5ad";
--fa--fa: "\f5ad\f5ad";
}
.fa-ban-parking,
.fa-parking-circle-slash {
--fa: "\f616";
--fa--fa: "\f616\f616";
}
.fa-tent-arrow-turn-left {
--fa: "\e580";
--fa--fa: "\e580\e580";
}
.fa-face-diagonal-mouth {
--fa: "\e47e";
--fa--fa: "\e47e\e47e";
}
.fa-diagram-cells {
--fa: "\e475";
--fa--fa: "\e475\e475";
}
.fa-cricket,
.fa-cricket-bat-ball {
--fa: "\f449";
--fa--fa: "\f449\f449";
}
.fa-tents {
--fa: "\e582";
--fa--fa: "\e582\e582";
}
.fa-magic,
.fa-wand-magic {
--fa: "\f0d0";
--fa--fa: "\f0d0\f0d0";
}
.fa-dog {
--fa: "\f6d3";
--fa--fa: "\f6d3\f6d3";
}
.fa-pen-line {
--fa: "\e212";
--fa--fa: "\e212\e212";
}
.fa-atom-alt,
.fa-atom-simple {
--fa: "\f5d3";
--fa--fa: "\f5d3\f5d3";
}
.fa-ampersand {
--fa: "&";
--fa--fa: "&&";
}
.fa-carrot {
--fa: "\f787";
--fa--fa: "\f787\f787";
}
.fa-arrow-from-bottom,
.fa-arrow-up-from-line {
--fa: "\f342";
--fa--fa: "\f342\f342";
}
.fa-moon {
--fa: "\f186";
--fa--fa: "\f186\f186";
}
.fa-pen-slash {
--fa: "\e213";
--fa--fa: "\e213\e213";
}
.fa-wine-glass-alt,
.fa-wine-glass-empty {
--fa: "\f5ce";
--fa--fa: "\f5ce\f5ce";
}
.fa-square-star {
--fa: "\e27f";
--fa--fa: "\e27f\e27f";
}
.fa-cheese {
--fa: "\f7ef";
--fa--fa: "\f7ef\f7ef";
}
.fa-send-backward {
--fa: "\f87f";
--fa--fa: "\f87f\f87f";
}
.fa-yin-yang {
--fa: "\f6ad";
--fa--fa: "\f6ad\f6ad";
}
.fa-music {
--fa: "\f001";
--fa--fa: "\f001\f001";
}
.fa-compass-slash {
--fa: "\f5e9";
--fa--fa: "\f5e9\f5e9";
}
.fa-clock-one {
--fa: "\e34e";
--fa--fa: "\e34e\e34e";
}
.fa-file-music {
--fa: "\f8b6";
--fa--fa: "\f8b6\f8b6";
}
.fa-code-commit {
--fa: "\f386";
--fa--fa: "\f386\f386";
}
.fa-temperature-low {
--fa: "\f76b";
--fa--fa: "\f76b\f76b";
}
.fa-biking,
.fa-person-biking {
--fa: "\f84a";
--fa--fa: "\f84a\f84a";
}
.fa-display-chart-up-circle-currency {
--fa: "\e5e5";
--fa--fa: "\e5e5\e5e5";
}
.fa-skeleton {
--fa: "\f620";
--fa--fa: "\f620\f620";
}
.fa-circle-g {
--fa: "\e10f";
--fa--fa: "\e10f\e10f";
}
.fa-circle-arrow-up-left {
--fa: "\e0fb";
--fa--fa: "\e0fb\e0fb";
}
.fa-coin-blank {
--fa: "\e3fb";
--fa--fa: "\e3fb\e3fb";
}
.fa-broom {
--fa: "\f51a";
--fa--fa: "\f51a\f51a";
}
.fa-vacuum {
--fa: "\e04d";
--fa--fa: "\e04d\e04d";
}
.fa-shield-heart {
--fa: "\e574";
--fa--fa: "\e574\e574";
}
.fa-card-heart {
--fa: "\e3eb";
--fa--fa: "\e3eb\e3eb";
}
.fa-lightbulb-cfl-on {
--fa: "\e5a7";
--fa--fa: "\e5a7\e5a7";
}
.fa-melon {
--fa: "\e310";
--fa--fa: "\e310\e310";
}
.fa-gopuram {
--fa: "\f664";
--fa--fa: "\f664\f664";
}
.fa-earth-oceania,
.fa-globe-oceania {
--fa: "\e47b";
--fa--fa: "\e47b\e47b";
}
.fa-container-storage {
--fa: "\f4b7";
--fa--fa: "\f4b7\f4b7";
}
.fa-face-pouting {
--fa: "\e387";
--fa--fa: "\e387\e387";
}
.fa-square-xmark,
.fa-times-square,
.fa-xmark-square {
--fa: "\f2d3";
--fa--fa: "\f2d3\f2d3";
}
.fa-exploding-head,
.fa-face-explode {
--fa: "\e2fe";
--fa--fa: "\e2fe\e2fe";
}
.fa-hashtag {
--fa: "#";
--fa--fa: "##";
}
.fa-expand-alt,
.fa-up-right-and-down-left-from-center {
--fa: "\f424";
--fa--fa: "\f424\f424";
}
.fa-oil-can {
--fa: "\f613";
--fa--fa: "\f613\f613";
}
.fa-t {
--fa: "T";
--fa--fa: "TT";
}
.fa-transformer-bolt {
--fa: "\e2a4";
--fa--fa: "\e2a4\e2a4";
}
.fa-hippo {
--fa: "\f6ed";
--fa--fa: "\f6ed\f6ed";
}
.fa-chart-column {
--fa: "\e0e3";
--fa--fa: "\e0e3\e0e3";
}
.fa-cassette-vhs,
.fa-vhs {
--fa: "\f8ec";
--fa--fa: "\f8ec\f8ec";
}
.fa-infinity {
--fa: "\f534";
--fa--fa: "\f534\f534";
}
.fa-vial-circle-check {
--fa: "\e596";
--fa--fa: "\e596\e596";
}
.fa-chimney {
--fa: "\f78b";
--fa--fa: "\f78b\f78b";
}
.fa-object-intersect {
--fa: "\e49d";
--fa--fa: "\e49d\e49d";
}
.fa-person-arrow-down-to-line {
--fa: "\e538";
--fa--fa: "\e538\e538";
}
.fa-voicemail {
--fa: "\f897";
--fa--fa: "\f897\f897";
}
.fa-block-brick,
.fa-wall-brick {
--fa: "\e3db";
--fa--fa: "\e3db\e3db";
}
.fa-fan {
--fa: "\f863";
--fa--fa: "\f863\f863";
}
.fa-bags-shopping {
--fa: "\f847";
--fa--fa: "\f847\f847";
}
.fa-paragraph-left,
.fa-paragraph-rtl {
--fa: "\f878";
--fa--fa: "\f878\f878";
}
.fa-person-walking-luggage {
--fa: "\e554";
--fa--fa: "\e554\e554";
}
.fa-caravan-alt,
.fa-caravan-simple {
--fa: "\e000";
--fa--fa: "\e000\e000";
}
.fa-turtle {
--fa: "\f726";
--fa--fa: "\f726\f726";
}
.fa-pencil-mechanical {
--fa: "\e5ca";
--fa--fa: "\e5ca\e5ca";
}
.fa-arrows-alt-v,
.fa-up-down {
--fa: "\f338";
--fa--fa: "\f338\f338";
}
.fa-cloud-moon-rain {
--fa: "\f73c";
--fa--fa: "\f73c\f73c";
}
.fa-booth-curtain {
--fa: "\f734";
--fa--fa: "\f734\f734";
}
.fa-calendar {
--fa: "\f133";
--fa--fa: "\f133\f133";
}
.fa-box-heart {
--fa: "\f49d";
--fa--fa: "\f49d\f49d";
}
.fa-trailer {
--fa: "\e041";
--fa--fa: "\e041\e041";
}
.fa-user-doctor-message,
.fa-user-md-chat {
--fa: "\f82e";
--fa--fa: "\f82e\f82e";
}
.fa-bahai,
.fa-haykal {
--fa: "\f666";
--fa--fa: "\f666\f666";
}
.fa-lighthouse {
--fa: "\e612";
--fa--fa: "\e612\e612";
}
.fa-amp-guitar {
--fa: "\f8a1";
--fa--fa: "\f8a1\f8a1";
}
.fa-sd-card {
--fa: "\f7c2";
--fa--fa: "\f7c2\f7c2";
}
.fa-volume-slash {
--fa: "\f2e2";
--fa--fa: "\f2e2\f2e2";
}
.fa-border-bottom {
--fa: "\f84d";
--fa--fa: "\f84d\f84d";
}
.fa-wifi-1,
.fa-wifi-weak {
--fa: "\f6aa";
--fa--fa: "\f6aa\f6aa";
}
.fa-dragon {
--fa: "\f6d5";
--fa--fa: "\f6d5\f6d5";
}
.fa-shoe-prints {
--fa: "\f54b";
--fa--fa: "\f54b\f54b";
}
.fa-circle-plus,
.fa-plus-circle {
--fa: "\f055";
--fa--fa: "\f055\f055";
}
.fa-face-grin-tongue-wink,
.fa-grin-tongue-wink {
--fa: "\f58b";
--fa--fa: "\f58b\f58b";
}
.fa-hand-holding {
--fa: "\f4bd";
--fa--fa: "\f4bd\f4bd";
}
.fa-plug-circle-exclamation {
--fa: "\e55d";
--fa--fa: "\e55d\e55d";
}
.fa-chain-broken,
.fa-chain-slash,
.fa-link-slash,
.fa-unlink {
--fa: "\f127";
--fa--fa: "\f127\f127";
}
.fa-clone {
--fa: "\f24d";
--fa--fa: "\f24d\f24d";
}
.fa-person-walking-arrow-loop-left {
--fa: "\e551";
--fa--fa: "\e551\e551";
}
.fa-arrow-up-z-a,
.fa-sort-alpha-up-alt {
--fa: "\f882";
--fa--fa: "\f882\f882";
}
.fa-fire-alt,
.fa-fire-flame-curved {
--fa: "\f7e4";
--fa--fa: "\f7e4\f7e4";
}
.fa-tornado {
--fa: "\f76f";
--fa--fa: "\f76f\f76f";
}
.fa-file-circle-plus {
--fa: "\e494";
--fa--fa: "\e494\e494";
}
.fa-delete-right {
--fa: "\e154";
--fa--fa: "\e154\e154";
}
.fa-book-quran,
.fa-quran {
--fa: "\f687";
--fa--fa: "\f687\f687";
}
.fa-circle-quarter {
--fa: "\e11f";
--fa--fa: "\e11f\e11f";
}
.fa-anchor {
--fa: "\f13d";
--fa--fa: "\f13d\f13d";
}
.fa-border-all {
--fa: "\f84c";
--fa--fa: "\f84c\f84c";
}
.fa-function {
--fa: "\f661";
--fa--fa: "\f661\f661";
}
.fa-angry,
.fa-face-angry {
--fa: "\f556";
--fa--fa: "\f556\f556";
}
.fa-people-simple {
--fa: "\e21b";
--fa--fa: "\e21b\e21b";
}
.fa-cookie-bite {
--fa: "\f564";
--fa--fa: "\f564\f564";
}
.fa-arrow-trend-down {
--fa: "\e097";
--fa--fa: "\e097\e097";
}
.fa-feed,
.fa-rss {
--fa: "\f09e";
--fa--fa: "\f09e\f09e";
}
.fa-face-monocle {
--fa: "\e380";
--fa--fa: "\e380\e380";
}
.fa-draw-polygon {
--fa: "\f5ee";
--fa--fa: "\f5ee\f5ee";
}
.fa-balance-scale,
.fa-scale-balanced {
--fa: "\f24e";
--fa--fa: "\f24e\f24e";
}
.fa-calendar-lines,
.fa-calendar-note {
--fa: "\e0d5";
--fa--fa: "\e0d5\e0d5";
}
.fa-arrow-down-big-small,
.fa-sort-size-down {
--fa: "\f88c";
--fa--fa: "\f88c\f88c";
}
.fa-gauge-simple-high,
.fa-tachometer,
.fa-tachometer-fast {
--fa: "\f62a";
--fa--fa: "\f62a\f62a";
}
.fa-do-not-enter {
--fa: "\f5ec";
--fa--fa: "\f5ec\f5ec";
}
.fa-shower {
--fa: "\f2cc";
--fa--fa: "\f2cc\f2cc";
}
.fa-dice-d8 {
--fa: "\f6d2";
--fa--fa: "\f6d2\f6d2";
}
.fa-desktop,
.fa-desktop-alt {
--fa: "\f390";
--fa--fa: "\f390\f390";
}
.fa-m {
--fa: "M";
--fa--fa: "MM";
}
.fa-spinner-scale {
--fa: "\e62a";
--fa--fa: "\e62a\e62a";
}
.fa-grip-dots-vertical {
--fa: "\e411";
--fa--fa: "\e411\e411";
}
.fa-face-viewfinder {
--fa: "\e2ff";
--fa--fa: "\e2ff\e2ff";
}
.fa-creemee,
.fa-soft-serve {
--fa: "\e400";
--fa--fa: "\e400\e400";
}
.fa-h5 {
--fa: "\e412";
--fa--fa: "\e412\e412";
}
.fa-hand-back-point-down {
--fa: "\e19e";
--fa--fa: "\e19e\e19e";
}
.fa-table-list,
.fa-th-list {
--fa: "\f00b";
--fa--fa: "\f00b\f00b";
}
.fa-basket-shopping-minus {
--fa: "\e652";
--fa--fa: "\e652\e652";
}
.fa-comment-sms,
.fa-sms {
--fa: "\f7cd";
--fa--fa: "\f7cd\f7cd";
}
.fa-rectangle,
.fa-rectangle-landscape {
--fa: "\f2fa";
--fa--fa: "\f2fa\f2fa";
}
.fa-clipboard-list-check {
--fa: "\f737";
--fa--fa: "\f737\f737";
}
.fa-turkey {
--fa: "\f725";
--fa--fa: "\f725\f725";
}
.fa-book {
--fa: "\f02d";
--fa--fa: "\f02d\f02d";
}
.fa-user-plus {
--fa: "\f234";
--fa--fa: "\f234\f234";
}
.fa-ice-skate {
--fa: "\f7ac";
--fa--fa: "\f7ac\f7ac";
}
.fa-check {
--fa: "\f00c";
--fa--fa: "\f00c\f00c";
}
.fa-battery-4,
.fa-battery-three-quarters {
--fa: "\f241";
--fa--fa: "\f241\f241";
}
.fa-tomato {
--fa: "\e330";
--fa--fa: "\e330\e330";
}
.fa-sword-laser {
--fa: "\e03b";
--fa--fa: "\e03b\e03b";
}
.fa-house-circle-check {
--fa: "\e509";
--fa--fa: "\e509\e509";
}
.fa-buildings {
--fa: "\e0cc";
--fa--fa: "\e0cc\e0cc";
}
.fa-angle-left {
--fa: "\f104";
--fa--fa: "\f104\f104";
}
.fa-cart-flatbed-boxes,
.fa-dolly-flatbed-alt {
--fa: "\f475";
--fa--fa: "\f475\f475";
}
.fa-diagram-successor {
--fa: "\e47a";
--fa--fa: "\e47a\e47a";
}
.fa-truck-arrow-right {
--fa: "\e58b";
--fa--fa: "\e58b\e58b";
}
.fa-square-w {
--fa: "\e285";
--fa--fa: "\e285\e285";
}
.fa-arrows-split-up-and-left {
--fa: "\e4bc";
--fa--fa: "\e4bc\e4bc";
}
.fa-lamp {
--fa: "\f4ca";
--fa--fa: "\f4ca\f4ca";
}
.fa-airplay {
--fa: "\e089";
--fa--fa: "\e089\e089";
}
.fa-fist-raised,
.fa-hand-fist {
--fa: "\f6de";
--fa--fa: "\f6de\f6de";
}
.fa-shield-quartered {
--fa: "\e575";
--fa--fa: "\e575\e575";
}
.fa-slash-forward {
--fa: "/";
--fa--fa: "//";
}
.fa-location-pen,
.fa-map-marker-edit {
--fa: "\f607";
--fa--fa: "\f607\f607";
}
.fa-cloud-moon {
--fa: "\f6c3";
--fa--fa: "\f6c3\f6c3";
}
.fa-pot-food {
--fa: "\e43f";
--fa--fa: "\e43f\e43f";
}
.fa-briefcase {
--fa: "\f0b1";
--fa--fa: "\f0b1\f0b1";
}
.fa-person-falling {
--fa: "\e546";
--fa--fa: "\e546\e546";
}
.fa-image-portrait,
.fa-portrait {
--fa: "\f3e0";
--fa--fa: "\f3e0\f3e0";
}
.fa-user-tag {
--fa: "\f507";
--fa--fa: "\f507\f507";
}
.fa-rug {
--fa: "\e569";
--fa--fa: "\e569\e569";
}
.fa-print-slash {
--fa: "\f686";
--fa--fa: "\f686\f686";
}
.fa-earth-europe,
.fa-globe-europe {
--fa: "\f7a2";
--fa--fa: "\f7a2\f7a2";
}
.fa-cart-flatbed-suitcase,
.fa-luggage-cart {
--fa: "\f59d";
--fa--fa: "\f59d\f59d";
}
.fa-hand-back-point-ribbon {
--fa: "\e1a0";
--fa--fa: "\e1a0\e1a0";
}
.fa-rectangle-times,
.fa-rectangle-xmark,
.fa-times-rectangle,
.fa-window-close {
--fa: "\f410";
--fa--fa: "\f410\f410";
}
.fa-tire-rugged {
--fa: "\f634";
--fa--fa: "\f634\f634";
}
.fa-lightbulb-dollar {
--fa: "\f670";
--fa--fa: "\f670\f670";
}
.fa-cowbell {
--fa: "\f8b3";
--fa--fa: "\f8b3\f8b3";
}
.fa-baht-sign {
--fa: "\e0ac";
--fa--fa: "\e0ac\e0ac";
}
.fa-corner {
--fa: "\e3fe";
--fa--fa: "\e3fe\e3fe";
}
.fa-chevron-double-right,
.fa-chevrons-right {
--fa: "\f324";
--fa--fa: "\f324\f324";
}
.fa-book-open {
--fa: "\f518";
--fa--fa: "\f518\f518";
}
.fa-book-journal-whills,
.fa-journal-whills {
--fa: "\f66a";
--fa--fa: "\f66a\f66a";
}
.fa-inhaler {
--fa: "\f5f9";
--fa--fa: "\f5f9\f5f9";
}
.fa-handcuffs {
--fa: "\e4f8";
--fa--fa: "\e4f8\e4f8";
}
.fa-snake {
--fa: "\f716";
--fa--fa: "\f716\f716";
}
.fa-exclamation-triangle,
.fa-triangle-exclamation,
.fa-warning {
--fa: "\f071";
--fa--fa: "\f071\f071";
}
.fa-note-medical {
--fa: "\e200";
--fa--fa: "\e200\e200";
}
.fa-database {
--fa: "\f1c0";
--fa--fa: "\f1c0\f1c0";
}
.fa-down-left {
--fa: "\e16a";
--fa--fa: "\e16a\e16a";
}
.fa-mail-forward,
.fa-share {
--fa: "\f064";
--fa--fa: "\f064\f064";
}
.fa-face-thinking {
--fa: "\e39b";
--fa--fa: "\e39b\e39b";
}
.fa-turn-down-right {
--fa: "\e455";
--fa--fa: "\e455\e455";
}
.fa-bottle-droplet {
--fa: "\e4c4";
--fa--fa: "\e4c4\e4c4";
}
.fa-mask-face {
--fa: "\e1d7";
--fa--fa: "\e1d7\e1d7";
}
.fa-hill-rockslide {
--fa: "\e508";
--fa--fa: "\e508\e508";
}
.fa-scanner-keyboard {
--fa: "\f489";
--fa--fa: "\f489\f489";
}
.fa-circle-o {
--fa: "\e119";
--fa--fa: "\e119\e119";
}
.fa-grid-horizontal {
--fa: "\e307";
--fa--fa: "\e307\e307";
}
.fa-comment-alt-dollar,
.fa-message-dollar {
--fa: "\f650";
--fa--fa: "\f650\f650";
}
.fa-exchange-alt,
.fa-right-left {
--fa: "\f362";
--fa--fa: "\f362\f362";
}
.fa-columns-3 {
--fa: "\e361";
--fa--fa: "\e361\e361";
}
.fa-paper-plane {
--fa: "\f1d8";
--fa--fa: "\f1d8\f1d8";
}
.fa-road-circle-exclamation {
--fa: "\e565";
--fa--fa: "\e565\e565";
}
.fa-dungeon {
--fa: "\f6d9";
--fa--fa: "\f6d9\f6d9";
}
.fa-hand-holding-box {
--fa: "\f47b";
--fa--fa: "\f47b\f47b";
}
.fa-input-text {
--fa: "\e1bf";
--fa--fa: "\e1bf\e1bf";
}
.fa-window-alt,
.fa-window-flip {
--fa: "\f40f";
--fa--fa: "\f40f\f40f";
}
.fa-align-right {
--fa: "\f038";
--fa--fa: "\f038\f038";
}
.fa-scanner,
.fa-scanner-gun {
--fa: "\f488";
--fa--fa: "\f488\f488";
}
.fa-tire {
--fa: "\f631";
--fa--fa: "\f631\f631";
}
.fa-engine {
--fa: "\e16e";
--fa--fa: "\e16e\e16e";
}
.fa-money-bill-1-wave,
.fa-money-bill-wave-alt {
--fa: "\f53b";
--fa--fa: "\f53b\f53b";
}
.fa-life-ring {
--fa: "\f1cd";
--fa--fa: "\f1cd\f1cd";
}
.fa-hands,
.fa-sign-language,
.fa-signing {
--fa: "\f2a7";
--fa--fa: "\f2a7\f2a7";
}
.fa-caret-circle-right,
.fa-circle-caret-right {
--fa: "\f330";
--fa--fa: "\f330\f330";
}
.fa-turn-left {
--fa: "\e636";
--fa--fa: "\e636\e636";
}
.fa-wheat {
--fa: "\f72d";
--fa--fa: "\f72d\f72d";
}
.fa-file-spreadsheet {
--fa: "\f65b";
--fa--fa: "\f65b\f65b";
}
.fa-audio-description-slash {
--fa: "\e0a8";
--fa--fa: "\e0a8\e0a8";
}
.fa-bell-ring {
--fa: "\e62c";
--fa--fa: "\e62c\e62c";
}
.fa-calendar-day {
--fa: "\f783";
--fa--fa: "\f783\f783";
}
.fa-ladder-water,
.fa-swimming-pool,
.fa-water-ladder {
--fa: "\f5c5";
--fa--fa: "\f5c5\f5c5";
}
.fa-arrows-up-down,
.fa-arrows-v {
--fa: "\f07d";
--fa--fa: "\f07d\f07d";
}
.fa-chess-pawn-alt,
.fa-chess-pawn-piece {
--fa: "\f444";
--fa--fa: "\f444\f444";
}
.fa-face-grimace,
.fa-grimace {
--fa: "\f57f";
--fa--fa: "\f57f\f57f";
}
.fa-wheelchair-alt,
.fa-wheelchair-move {
--fa: "\e2ce";
--fa--fa: "\e2ce\e2ce";
}
.fa-level-down-alt,
.fa-turn-down {
--fa: "\f3be";
--fa--fa: "\f3be\f3be";
}
.fa-square-s {
--fa: "\e27d";
--fa--fa: "\e27d\e27d";
}
.fa-barcode-alt,
.fa-rectangle-barcode {
--fa: "\f463";
--fa--fa: "\f463\f463";
}
.fa-person-walking-arrow-right {
--fa: "\e552";
--fa--fa: "\e552\e552";
}
.fa-envelope-square,
.fa-square-envelope {
--fa: "\f199";
--fa--fa: "\f199\f199";
}
.fa-dice {
--fa: "\f522";
--fa--fa: "\f522\f522";
}
.fa-unicorn {
--fa: "\f727";
--fa--fa: "\f727\f727";
}
.fa-bowling-ball {
--fa: "\f436";
--fa--fa: "\f436\f436";
}
.fa-pompebled {
--fa: "\e43d";
--fa--fa: "\e43d\e43d";
}
.fa-brain {
--fa: "\f5dc";
--fa--fa: "\f5dc\f5dc";
}
.fa-watch-smart {
--fa: "\e2cc";
--fa--fa: "\e2cc\e2cc";
}
.fa-book-user {
--fa: "\f7e7";
--fa--fa: "\f7e7\f7e7";
}
.fa-sensor-cloud,
.fa-sensor-smoke {
--fa: "\e02c";
--fa--fa: "\e02c\e02c";
}
.fa-clapperboard-play {
--fa: "\e132";
--fa--fa: "\e132\e132";
}
.fa-band-aid,
.fa-bandage {
--fa: "\f462";
--fa--fa: "\f462\f462";
}
.fa-calendar-minus {
--fa: "\f272";
--fa--fa: "\f272\f272";
}
.fa-circle-xmark,
.fa-times-circle,
.fa-xmark-circle {
--fa: "\f057";
--fa--fa: "\f057\f057";
}
.fa-circle-4 {
--fa: "\e0f1";
--fa--fa: "\e0f1\e0f1";
}
.fa-gifts {
--fa: "\f79c";
--fa--fa: "\f79c\f79c";
}
.fa-album-collection {
--fa: "\f8a0";
--fa--fa: "\f8a0\f8a0";
}
.fa-hotel {
--fa: "\f594";
--fa--fa: "\f594\f594";
}
.fa-earth-asia,
.fa-globe-asia {
--fa: "\f57e";
--fa--fa: "\f57e\f57e";
}
.fa-id-card-alt,
.fa-id-card-clip {
--fa: "\f47f";
--fa--fa: "\f47f\f47f";
}
.fa-magnifying-glass-plus,
.fa-search-plus {
--fa: "\f00e";
--fa--fa: "\f00e\f00e";
}
.fa-thumbs-up {
--fa: "\f164";
--fa--fa: "\f164\f164";
}
.fa-cloud-showers {
--fa: "\f73f";
--fa--fa: "\f73f\f73f";
}
.fa-user-clock {
--fa: "\f4fd";
--fa--fa: "\f4fd\f4fd";
}
.fa-onion {
--fa: "\e427";
--fa--fa: "\e427\e427";
}
.fa-clock-twelve-thirty {
--fa: "\e359";
--fa--fa: "\e359\e359";
}
.fa-arrow-down-to-dotted-line {
--fa: "\e095";
--fa--fa: "\e095\e095";
}
.fa-allergies,
.fa-hand-dots {
--fa: "\f461";
--fa--fa: "\f461\f461";
}
.fa-file-invoice {
--fa: "\f570";
--fa--fa: "\f570\f570";
}
.fa-window-minimize {
--fa: "\f2d1";
--fa--fa: "\f2d1\f2d1";
}
.fa-rectangle-wide {
--fa: "\f2fc";
--fa--fa: "\f2fc\f2fc";
}
.fa-comment-arrow-up {
--fa: "\e144";
--fa--fa: "\e144\e144";
}
.fa-garlic {
--fa: "\e40e";
--fa--fa: "\e40e\e40e";
}
.fa-coffee,
.fa-mug-saucer {
--fa: "\f0f4";
--fa--fa: "\f0f4\f0f4";
}
.fa-brush {
--fa: "\f55d";
--fa--fa: "\f55d\f55d";
}
.fa-file-half-dashed {
--fa: "\e698";
--fa--fa: "\e698\e698";
}
.fa-tree-decorated {
--fa: "\f7dc";
--fa--fa: "\f7dc\f7dc";
}
.fa-mask {
--fa: "\f6fa";
--fa--fa: "\f6fa\f6fa";
}
.fa-calendar-heart {
--fa: "\e0d3";
--fa--fa: "\e0d3\e0d3";
}
.fa-magnifying-glass-minus,
.fa-search-minus {
--fa: "\f010";
--fa--fa: "\f010\f010";
}
.fa-flower {
--fa: "\f7ff";
--fa--fa: "\f7ff\f7ff";
}
.fa-arrow-down-from-arc {
--fa: "\e614";
--fa--fa: "\e614\e614";
}
.fa-right-left-large {
--fa: "\e5e1";
--fa--fa: "\e5e1\e5e1";
}
.fa-ruler-vertical {
--fa: "\f548";
--fa--fa: "\f548\f548";
}
.fa-circles-overlap {
--fa: "\e600";
--fa--fa: "\e600\e600";
}
.fa-user-alt,
.fa-user-large {
--fa: "\f406";
--fa--fa: "\f406\f406";
}
.fa-starship-freighter {
--fa: "\e03a";
--fa--fa: "\e03a\e03a";
}
.fa-train-tram {
--fa: "\e5b4";
--fa--fa: "\e5b4\e5b4";
}
.fa-bridge-suspension {
--fa: "\e4cd";
--fa--fa: "\e4cd\e4cd";
}
.fa-trash-check {
--fa: "\e2af";
--fa--fa: "\e2af\e2af";
}
.fa-user-nurse {
--fa: "\f82f";
--fa--fa: "\f82f\f82f";
}
.fa-boombox {
--fa: "\f8a5";
--fa--fa: "\f8a5\f8a5";
}
.fa-syringe {
--fa: "\f48e";
--fa--fa: "\f48e\f48e";
}
.fa-cloud-sun {
--fa: "\f6c4";
--fa--fa: "\f6c4\f6c4";
}
.fa-shield-exclamation {
--fa: "\e247";
--fa--fa: "\e247\e247";
}
.fa-stopwatch-20 {
--fa: "\e06f";
--fa--fa: "\e06f\e06f";
}
.fa-square-full {
--fa: "\f45c";
--fa--fa: "\f45c\f45c";
}
.fa-grip-dots {
--fa: "\e410";
--fa--fa: "\e410\e410";
}
.fa-comment-exclamation {
--fa: "\f4af";
--fa--fa: "\f4af\f4af";
}
.fa-pen-swirl {
--fa: "\e214";
--fa--fa: "\e214\e214";
}
.fa-falafel {
--fa: "\e40a";
--fa--fa: "\e40a\e40a";
}
.fa-circle-2 {
--fa: "\e0ef";
--fa--fa: "\e0ef\e0ef";
}
.fa-magnet {
--fa: "\f076";
--fa--fa: "\f076\f076";
}
.fa-jar {
--fa: "\e516";
--fa--fa: "\e516\e516";
}
.fa-gramophone {
--fa: "\f8bd";
--fa--fa: "\f8bd\f8bd";
}
.fa-dice-d12 {
--fa: "\f6ce";
--fa--fa: "\f6ce\f6ce";
}
.fa-note-sticky,
.fa-sticky-note {
--fa: "\f249";
--fa--fa: "\f249\f249";
}
.fa-arrow-alt-down,
.fa-down {
--fa: "\f354";
--fa--fa: "\f354\f354";
}
.fa-100,
.fa-hundred-points {
--fa: "\e41c";
--fa--fa: "\e41c\e41c";
}
.fa-paperclip-vertical {
--fa: "\e3c2";
--fa--fa: "\e3c2\e3c2";
}
.fa-wind-circle-exclamation,
.fa-wind-warning {
--fa: "\f776";
--fa--fa: "\f776\f776";
}
.fa-location-pin-slash,
.fa-map-marker-slash {
--fa: "\f60c";
--fa--fa: "\f60c\f60c";
}
.fa-face-sad-sweat {
--fa: "\e38a";
--fa--fa: "\e38a\e38a";
}
.fa-bug-slash {
--fa: "\e490";
--fa--fa: "\e490\e490";
}
.fa-cupcake {
--fa: "\e402";
--fa--fa: "\e402\e402";
}
.fa-light-switch-off {
--fa: "\e018";
--fa--fa: "\e018\e018";
}
.fa-toggle-large-off {
--fa: "\e5b0";
--fa--fa: "\e5b0\e5b0";
}
.fa-pen-fancy-slash {
--fa: "\e210";
--fa--fa: "\e210\e210";
}
.fa-truck-container {
--fa: "\f4dc";
--fa--fa: "\f4dc\f4dc";
}
.fa-boot {
--fa: "\f782";
--fa--fa: "\f782\f782";
}
.fa-arrow-up-from-water-pump {
--fa: "\e4b6";
--fa--fa: "\e4b6\e4b6";
}
.fa-file-check {
--fa: "\f316";
--fa--fa: "\f316\f316";
}
.fa-bone {
--fa: "\f5d7";
--fa--fa: "\f5d7\f5d7";
}
.fa-cards-blank {
--fa: "\e4df";
--fa--fa: "\e4df\e4df";
}
.fa-circle-3 {
--fa: "\e0f0";
--fa--fa: "\e0f0\e0f0";
}
.fa-bench-tree {
--fa: "\e2e7";
--fa--fa: "\e2e7\e2e7";
}
.fa-keyboard-brightness-low {
--fa: "\e1c1";
--fa--fa: "\e1c1\e1c1";
}
.fa-ski-boot-ski {
--fa: "\e3cd";
--fa--fa: "\e3cd\e3cd";
}
.fa-brain-circuit {
--fa: "\e0c6";
--fa--fa: "\e0c6\e0c6";
}
.fa-table-cells-row-unlock {
--fa: "\e691";
--fa--fa: "\e691\e691";
}
.fa-user-injured {
--fa: "\f728";
--fa--fa: "\f728\f728";
}
.fa-block-brick-fire,
.fa-firewall {
--fa: "\e3dc";
--fa--fa: "\e3dc\e3dc";
}
.fa-face-sad-tear,
.fa-sad-tear {
--fa: "\f5b4";
--fa--fa: "\f5b4\f5b4";
}
.fa-plane {
--fa: "\f072";
--fa--fa: "\f072\f072";
}
.fa-tent-arrows-down {
--fa: "\e581";
--fa--fa: "\e581\e581";
}
.fa-exclamation {
--fa: "!";
--fa--fa: "!!";
}
.fa-arrows-spin {
--fa: "\e4bb";
--fa--fa: "\e4bb\e4bb";
}
.fa-face-smile-relaxed {
--fa: "\e392";
--fa--fa: "\e392\e392";
}
.fa-comment-times,
.fa-comment-xmark {
--fa: "\f4b5";
--fa--fa: "\f4b5\f4b5";
}
.fa-print {
--fa: "\f02f";
--fa--fa: "\f02f\f02f";
}
.fa-try,
.fa-turkish-lira,
.fa-turkish-lira-sign {
--fa: "\e2bb";
--fa--fa: "\e2bb\e2bb";
}
.fa-face-nose-steam {
--fa: "\e382";
--fa--fa: "\e382\e382";
}
.fa-circle-waveform-lines,
.fa-waveform-circle {
--fa: "\e12d";
--fa--fa: "\e12d\e12d";
}
.fa-dollar,
.fa-dollar-sign,
.fa-usd {
--fa: "$";
--fa--fa: "$$";
}
.fa-ferris-wheel {
--fa: "\e174";
--fa--fa: "\e174\e174";
}
.fa-computer-speaker {
--fa: "\f8b2";
--fa--fa: "\f8b2\f8b2";
}
.fa-skull-cow {
--fa: "\f8de";
--fa--fa: "\f8de\f8de";
}
.fa-x {
--fa: "X";
--fa--fa: "XX";
}
.fa-magnifying-glass-dollar,
.fa-search-dollar {
--fa: "\f688";
--fa--fa: "\f688\f688";
}
.fa-users-cog,
.fa-users-gear {
--fa: "\f509";
--fa--fa: "\f509\f509";
}
.fa-person-military-pointing {
--fa: "\e54a";
--fa--fa: "\e54a\e54a";
}
.fa-bank,
.fa-building-columns,
.fa-institution,
.fa-museum,
.fa-university {
--fa: "\f19c";
--fa--fa: "\f19c\f19c";
}
.fa-circle-t {
--fa: "\e124";
--fa--fa: "\e124\e124";
}
.fa-sack {
--fa: "\f81c";
--fa--fa: "\f81c\f81c";
}
.fa-grid-2 {
--fa: "\e196";
--fa--fa: "\e196\e196";
}
.fa-camera-cctv,
.fa-cctv {
--fa: "\f8ac";
--fa--fa: "\f8ac\f8ac";
}
.fa-umbrella {
--fa: "\f0e9";
--fa--fa: "\f0e9\f0e9";
}
.fa-trowel {
--fa: "\e589";
--fa--fa: "\e589\e589";
}
.fa-horizontal-rule {
--fa: "\f86c";
--fa--fa: "\f86c\f86c";
}
.fa-bed-alt,
.fa-bed-front {
--fa: "\f8f7";
--fa--fa: "\f8f7\f8f7";
}
.fa-d {
--fa: "D";
--fa--fa: "DD";
}
.fa-stapler {
--fa: "\e5af";
--fa--fa: "\e5af\e5af";
}
.fa-masks-theater,
.fa-theater-masks {
--fa: "\f630";
--fa--fa: "\f630\f630";
}
.fa-file-gif {
--fa: "\e645";
--fa--fa: "\e645\e645";
}
.fa-kip-sign {
--fa: "\e1c4";
--fa--fa: "\e1c4\e1c4";
}
.fa-face-woozy {
--fa: "\e3a2";
--fa--fa: "\e3a2\e3a2";
}
.fa-cloud-question {
--fa: "\e492";
--fa--fa: "\e492\e492";
}
.fa-pineapple {
--fa: "\e31f";
--fa--fa: "\e31f\e31f";
}
.fa-hand-point-left {
--fa: "\f0a5";
--fa--fa: "\f0a5\f0a5";
}
.fa-gallery-thumbnails {
--fa: "\e3aa";
--fa--fa: "\e3aa\e3aa";
}
.fa-circle-j {
--fa: "\e112";
--fa--fa: "\e112\e112";
}
.fa-eyes {
--fa: "\e367";
--fa--fa: "\e367\e367";
}
.fa-handshake-alt,
.fa-handshake-simple {
--fa: "\f4c6";
--fa--fa: "\f4c6\f4c6";
}
.fa-file-caret-up,
.fa-page-caret-up {
--fa: "\e42a";
--fa--fa: "\e42a\e42a";
}
.fa-fighter-jet,
.fa-jet-fighter {
--fa: "\f0fb";
--fa--fa: "\f0fb\f0fb";
}
.fa-comet {
--fa: "\e003";
--fa--fa: "\e003\e003";
}
.fa-share-alt-square,
.fa-square-share-nodes {
--fa: "\f1e1";
--fa--fa: "\f1e1\f1e1";
}
.fa-reflect-vertical {
--fa: "\e665";
--fa--fa: "\e665\e665";
}
.fa-shield-keyhole {
--fa: "\e248";
--fa--fa: "\e248\e248";
}
.fa-file-mp4 {
--fa: "\e649";
--fa--fa: "\e649\e649";
}
.fa-barcode {
--fa: "\f02a";
--fa--fa: "\f02a\f02a";
}
.fa-bulldozer {
--fa: "\e655";
--fa--fa: "\e655\e655";
}
.fa-plus-minus {
--fa: "\e43c";
--fa--fa: "\e43c\e43c";
}
.fa-sliders-v-square,
.fa-square-sliders-vertical {
--fa: "\f3f2";
--fa--fa: "\f3f2\f3f2";
}
.fa-video,
.fa-video-camera {
--fa: "\f03d";
--fa--fa: "\f03d\f03d";
}
.fa-comment-middle-alt,
.fa-message-middle {
--fa: "\e1e1";
--fa--fa: "\e1e1\e1e1";
}
.fa-graduation-cap,
.fa-mortar-board {
--fa: "\f19d";
--fa--fa: "\f19d\f19d";
}
.fa-hand-holding-medical {
--fa: "\e05c";
--fa--fa: "\e05c\e05c";
}
.fa-person-circle-check {
--fa: "\e53e";
--fa--fa: "\e53e\e53e";
}
.fa-square-z {
--fa: "\e288";
--fa--fa: "\e288\e288";
}
.fa-comment-alt-text,
.fa-message-text {
--fa: "\e1e6";
--fa--fa: "\e1e6\e1e6";
}
.fa-level-up-alt,
.fa-turn-up {
--fa: "\f3bf";
--fa--fa: "\f3bf\f3bf";
}
.fa-sr-only,
.fa-sr-only-focusable:not(:focus),
.sr-only,
.sr-only-focusable:not(:focus) {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
:host,
:root {
--fa-style-family-brands: "Font Awesome 6 Brands";
--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}
@font-face {
font-family: "Font Awesome 6 Brands";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-eab2fb84cd7282752ccac0151b1e60403441217a9aebf0d5cc6148de234b8f87.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-8ac2fd44ca6f81834a1a8d7f88d0f85f0c1abf48701acedba26aceee47036f8e.ttf) format("truetype");
}
.fa-brands,
.fab {
font-weight: 400;
}
.fa-monero {
--fa: "\f3d0";
}
.fa-hooli {
--fa: "\f427";
}
.fa-yelp {
--fa: "\f1e9";
}
.fa-cc-visa {
--fa: "\f1f0";
}
.fa-lastfm {
--fa: "\f202";
}
.fa-shopware {
--fa: "\f5b5";
}
.fa-creative-commons-nc {
--fa: "\f4e8";
}
.fa-aws {
--fa: "\f375";
}
.fa-redhat {
--fa: "\f7bc";
}
.fa-yoast {
--fa: "\f2b1";
}
.fa-cloudflare {
--fa: "\e07d";
}
.fa-ups {
--fa: "\f7e0";
}
.fa-pixiv {
--fa: "\e640";
}
.fa-wpexplorer {
--fa: "\f2de";
}
.fa-dyalog {
--fa: "\f399";
}
.fa-bity {
--fa: "\f37a";
}
.fa-stackpath {
--fa: "\f842";
}
.fa-buysellads {
--fa: "\f20d";
}
.fa-first-order {
--fa: "\f2b0";
}
.fa-modx {
--fa: "\f285";
}
.fa-guilded {
--fa: "\e07e";
}
.fa-vnv {
--fa: "\f40b";
}
.fa-js-square,
.fa-square-js {
--fa: "\f3b9";
}
.fa-microsoft {
--fa: "\f3ca";
}
.fa-qq {
--fa: "\f1d6";
}
.fa-orcid {
--fa: "\f8d2";
}
.fa-java {
--fa: "\f4e4";
}
.fa-invision {
--fa: "\f7b0";
}
.fa-creative-commons-pd-alt {
--fa: "\f4ed";
}
.fa-centercode {
--fa: "\f380";
}
.fa-glide-g {
--fa: "\f2a6";
}
.fa-drupal {
--fa: "\f1a9";
}
.fa-jxl {
--fa: "\e67b";
}
.fa-dart-lang {
--fa: "\e693";
}
.fa-hire-a-helper {
--fa: "\f3b0";
}
.fa-creative-commons-by {
--fa: "\f4e7";
}
.fa-unity {
--fa: "\e049";
}
.fa-whmcs {
--fa: "\f40d";
}
.fa-rocketchat {
--fa: "\f3e8";
}
.fa-vk {
--fa: "\f189";
}
.fa-untappd {
--fa: "\f405";
}
.fa-mailchimp {
--fa: "\f59e";
}
.fa-css3-alt {
--fa: "\f38b";
}
.fa-reddit-square,
.fa-square-reddit {
--fa: "\f1a2";
}
.fa-vimeo-v {
--fa: "\f27d";
}
.fa-contao {
--fa: "\f26d";
}
.fa-square-font-awesome {
--fa: "\e5ad";
}
.fa-deskpro {
--fa: "\f38f";
}
.fa-brave {
--fa: "\e63c";
}
.fa-sistrix {
--fa: "\f3ee";
}
.fa-instagram-square,
.fa-square-instagram {
--fa: "\e055";
}
.fa-battle-net {
--fa: "\f835";
}
.fa-the-red-yeti {
--fa: "\f69d";
}
.fa-hacker-news-square,
.fa-square-hacker-news {
--fa: "\f3af";
}
.fa-edge {
--fa: "\f282";
}
.fa-threads {
--fa: "\e618";
}
.fa-napster {
--fa: "\f3d2";
}
.fa-snapchat-square,
.fa-square-snapchat {
--fa: "\f2ad";
}
.fa-google-plus-g {
--fa: "\f0d5";
}
.fa-artstation {
--fa: "\f77a";
}
.fa-markdown {
--fa: "\f60f";
}
.fa-sourcetree {
--fa: "\f7d3";
}
.fa-google-plus {
--fa: "\f2b3";
}
.fa-diaspora {
--fa: "\f791";
}
.fa-foursquare {
--fa: "\f180";
}
.fa-stack-overflow {
--fa: "\f16c";
}
.fa-github-alt {
--fa: "\f113";
}
.fa-phoenix-squadron {
--fa: "\f511";
}
.fa-pagelines {
--fa: "\f18c";
}
.fa-algolia {
--fa: "\f36c";
}
.fa-red-river {
--fa: "\f3e3";
}
.fa-creative-commons-sa {
--fa: "\f4ef";
}
.fa-safari {
--fa: "\f267";
}
.fa-google {
--fa: "\f1a0";
}
.fa-font-awesome-alt,
.fa-square-font-awesome-stroke {
--fa: "\f35c";
}
.fa-atlassian {
--fa: "\f77b";
}
.fa-linkedin-in {
--fa: "\f0e1";
}
.fa-digital-ocean {
--fa: "\f391";
}
.fa-nimblr {
--fa: "\f5a8";
}
.fa-chromecast {
--fa: "\f838";
}
.fa-evernote {
--fa: "\f839";
}
.fa-hacker-news {
--fa: "\f1d4";
}
.fa-creative-commons-sampling {
--fa: "\f4f0";
}
.fa-adversal {
--fa: "\f36a";
}
.fa-creative-commons {
--fa: "\f25e";
}
.fa-watchman-monitoring {
--fa: "\e087";
}
.fa-fonticons {
--fa: "\f280";
}
.fa-weixin {
--fa: "\f1d7";
}
.fa-shirtsinbulk {
--fa: "\f214";
}
.fa-codepen {
--fa: "\f1cb";
}
.fa-git-alt {
--fa: "\f841";
}
.fa-lyft {
--fa: "\f3c3";
}
.fa-rev {
--fa: "\f5b2";
}
.fa-windows {
--fa: "\f17a";
}
.fa-wizards-of-the-coast {
--fa: "\f730";
}
.fa-square-viadeo,
.fa-viadeo-square {
--fa: "\f2aa";
}
.fa-meetup {
--fa: "\f2e0";
}
.fa-centos {
--fa: "\f789";
}
.fa-adn {
--fa: "\f170";
}
.fa-cloudsmith {
--fa: "\f384";
}
.fa-opensuse {
--fa: "\e62b";
}
.fa-pied-piper-alt {
--fa: "\f1a8";
}
.fa-dribbble-square,
.fa-square-dribbble {
--fa: "\f397";
}
.fa-codiepie {
--fa: "\f284";
}
.fa-node {
--fa: "\f419";
}
.fa-mix {
--fa: "\f3cb";
}
.fa-steam {
--fa: "\f1b6";
}
.fa-cc-apple-pay {
--fa: "\f416";
}
.fa-scribd {
--fa: "\f28a";
}
.fa-debian {
--fa: "\e60b";
}
.fa-openid {
--fa: "\f19b";
}
.fa-instalod {
--fa: "\e081";
}
.fa-files-pinwheel {
--fa: "\e69f";
}
.fa-expeditedssl {
--fa: "\f23e";
}
.fa-sellcast {
--fa: "\f2da";
}
.fa-square-twitter,
.fa-twitter-square {
--fa: "\f081";
}
.fa-r-project {
--fa: "\f4f7";
}
.fa-delicious {
--fa: "\f1a5";
}
.fa-freebsd {
--fa: "\f3a4";
}
.fa-vuejs {
--fa: "\f41f";
}
.fa-accusoft {
--fa: "\f369";
}
.fa-ioxhost {
--fa: "\f208";
}
.fa-fonticons-fi {
--fa: "\f3a2";
}
.fa-app-store {
--fa: "\f36f";
}
.fa-cc-mastercard {
--fa: "\f1f1";
}
.fa-itunes-note {
--fa: "\f3b5";
}
.fa-golang {
--fa: "\e40f";
}
.fa-kickstarter,
.fa-square-kickstarter {
--fa: "\f3bb";
}
.fa-grav {
--fa: "\f2d6";
}
.fa-weibo {
--fa: "\f18a";
}
.fa-uncharted {
--fa: "\e084";
}
.fa-firstdraft {
--fa: "\f3a1";
}
.fa-square-youtube,
.fa-youtube-square {
--fa: "\f431";
}
.fa-wikipedia-w {
--fa: "\f266";
}
.fa-rendact,
.fa-wpressr {
--fa: "\f3e4";
}
.fa-angellist {
--fa: "\f209";
}
.fa-galactic-republic {
--fa: "\f50c";
}
.fa-nfc-directional {
--fa: "\e530";
}
.fa-skype {
--fa: "\f17e";
}
.fa-joget {
--fa: "\f3b7";
}
.fa-fedora {
--fa: "\f798";
}
.fa-stripe-s {
--fa: "\f42a";
}
.fa-meta {
--fa: "\e49b";
}
.fa-laravel {
--fa: "\f3bd";
}
.fa-hotjar {
--fa: "\f3b1";
}
.fa-bluetooth-b {
--fa: "\f294";
}
.fa-square-letterboxd {
--fa: "\e62e";
}
.fa-sticker-mule {
--fa: "\f3f7";
}
.fa-creative-commons-zero {
--fa: "\f4f3";
}
.fa-hips {
--fa: "\f452";
}
.fa-css {
--fa: "\e6a2";
}
.fa-behance {
--fa: "\f1b4";
}
.fa-reddit {
--fa: "\f1a1";
}
.fa-discord {
--fa: "\f392";
}
.fa-chrome {
--fa: "\f268";
}
.fa-app-store-ios {
--fa: "\f370";
}
.fa-cc-discover {
--fa: "\f1f2";
}
.fa-wpbeginner {
--fa: "\f297";
}
.fa-confluence {
--fa: "\f78d";
}
.fa-shoelace {
--fa: "\e60c";
}
.fa-mdb {
--fa: "\f8ca";
}
.fa-dochub {
--fa: "\f394";
}
.fa-accessible-icon {
--fa: "\f368";
}
.fa-ebay {
--fa: "\f4f4";
}
.fa-amazon {
--fa: "\f270";
}
.fa-unsplash {
--fa: "\e07c";
}
.fa-yarn {
--fa: "\f7e3";
}
.fa-square-steam,
.fa-steam-square {
--fa: "\f1b7";
}
.fa-500px {
--fa: "\f26e";
}
.fa-square-vimeo,
.fa-vimeo-square {
--fa: "\f194";
}
.fa-asymmetrik {
--fa: "\f372";
}
.fa-font-awesome,
.fa-font-awesome-flag,
.fa-font-awesome-logo-full {
--fa: "\f2b4";
}
.fa-gratipay {
--fa: "\f184";
}
.fa-apple {
--fa: "\f179";
}
.fa-hive {
--fa: "\e07f";
}
.fa-gitkraken {
--fa: "\f3a6";
}
.fa-keybase {
--fa: "\f4f5";
}
.fa-apple-pay {
--fa: "\f415";
}
.fa-padlet {
--fa: "\e4a0";
}
.fa-amazon-pay {
--fa: "\f42c";
}
.fa-github-square,
.fa-square-github {
--fa: "\f092";
}
.fa-stumbleupon {
--fa: "\f1a4";
}
.fa-fedex {
--fa: "\f797";
}
.fa-phoenix-framework {
--fa: "\f3dc";
}
.fa-shopify {
--fa: "\e057";
}
.fa-neos {
--fa: "\f612";
}
.fa-square-threads {
--fa: "\e619";
}
.fa-hackerrank {
--fa: "\f5f7";
}
.fa-researchgate {
--fa: "\f4f8";
}
.fa-swift {
--fa: "\f8e1";
}
.fa-angular {
--fa: "\f420";
}
.fa-speakap {
--fa: "\f3f3";
}
.fa-angrycreative {
--fa: "\f36e";
}
.fa-y-combinator {
--fa: "\f23b";
}
.fa-empire {
--fa: "\f1d1";
}
.fa-envira {
--fa: "\f299";
}
.fa-google-scholar {
--fa: "\e63b";
}
.fa-gitlab-square,
.fa-square-gitlab {
--fa: "\e5ae";
}
.fa-studiovinari {
--fa: "\f3f8";
}
.fa-pied-piper {
--fa: "\f2ae";
}
.fa-wordpress {
--fa: "\f19a";
}
.fa-product-hunt {
--fa: "\f288";
}
.fa-firefox {
--fa: "\f269";
}
.fa-linode {
--fa: "\f2b8";
}
.fa-goodreads {
--fa: "\f3a8";
}
.fa-odnoklassniki-square,
.fa-square-odnoklassniki {
--fa: "\f264";
}
.fa-jsfiddle {
--fa: "\f1cc";
}
.fa-sith {
--fa: "\f512";
}
.fa-themeisle {
--fa: "\f2b2";
}
.fa-page4 {
--fa: "\f3d7";
}
.fa-hashnode {
--fa: "\e499";
}
.fa-react {
--fa: "\f41b";
}
.fa-cc-paypal {
--fa: "\f1f4";
}
.fa-squarespace {
--fa: "\f5be";
}
.fa-cc-stripe {
--fa: "\f1f5";
}
.fa-creative-commons-share {
--fa: "\f4f2";
}
.fa-bitcoin {
--fa: "\f379";
}
.fa-keycdn {
--fa: "\f3ba";
}
.fa-opera {
--fa: "\f26a";
}
.fa-itch-io {
--fa: "\f83a";
}
.fa-umbraco {
--fa: "\f8e8";
}
.fa-galactic-senate {
--fa: "\f50d";
}
.fa-ubuntu {
--fa: "\f7df";
}
.fa-draft2digital {
--fa: "\f396";
}
.fa-stripe {
--fa: "\f429";
}
.fa-houzz {
--fa: "\f27c";
}
.fa-gg {
--fa: "\f260";
}
.fa-dhl {
--fa: "\f790";
}
.fa-pinterest-square,
.fa-square-pinterest {
--fa: "\f0d3";
}
.fa-xing {
--fa: "\f168";
}
.fa-blackberry {
--fa: "\f37b";
}
.fa-creative-commons-pd {
--fa: "\f4ec";
}
.fa-playstation {
--fa: "\f3df";
}
.fa-quinscape {
--fa: "\f459";
}
.fa-less {
--fa: "\f41d";
}
.fa-blogger-b {
--fa: "\f37d";
}
.fa-opencart {
--fa: "\f23d";
}
.fa-vine {
--fa: "\f1ca";
}
.fa-signal-messenger {
--fa: "\e663";
}
.fa-paypal {
--fa: "\f1ed";
}
.fa-gitlab {
--fa: "\f296";
}
.fa-typo3 {
--fa: "\f42b";
}
.fa-reddit-alien {
--fa: "\f281";
}
.fa-yahoo {
--fa: "\f19e";
}
.fa-dailymotion {
--fa: "\e052";
}
.fa-affiliatetheme {
--fa: "\f36b";
}
.fa-pied-piper-pp {
--fa: "\f1a7";
}
.fa-bootstrap {
--fa: "\f836";
}
.fa-odnoklassniki {
--fa: "\f263";
}
.fa-nfc-symbol {
--fa: "\e531";
}
.fa-mintbit {
--fa: "\e62f";
}
.fa-ethereum {
--fa: "\f42e";
}
.fa-speaker-deck {
--fa: "\f83c";
}
.fa-creative-commons-nc-eu {
--fa: "\f4e9";
}
.fa-patreon {
--fa: "\f3d9";
}
.fa-avianex {
--fa: "\f374";
}
.fa-ello {
--fa: "\f5f1";
}
.fa-gofore {
--fa: "\f3a7";
}
.fa-bimobject {
--fa: "\f378";
}
.fa-brave-reverse {
--fa: "\e63d";
}
.fa-facebook-f {
--fa: "\f39e";
}
.fa-google-plus-square,
.fa-square-google-plus {
--fa: "\f0d4";
}
.fa-web-awesome {
--fa: "\e682";
}
.fa-mandalorian {
--fa: "\f50f";
}
.fa-first-order-alt {
--fa: "\f50a";
}
.fa-osi {
--fa: "\f41a";
}
.fa-google-wallet {
--fa: "\f1ee";
}
.fa-d-and-d-beyond {
--fa: "\f6ca";
}
.fa-periscope {
--fa: "\f3da";
}
.fa-fulcrum {
--fa: "\f50b";
}
.fa-cloudscale {
--fa: "\f383";
}
.fa-forumbee {
--fa: "\f211";
}
.fa-mizuni {
--fa: "\f3cc";
}
.fa-schlix {
--fa: "\f3ea";
}
.fa-square-xing,
.fa-xing-square {
--fa: "\f169";
}
.fa-bandcamp {
--fa: "\f2d5";
}
.fa-wpforms {
--fa: "\f298";
}
.fa-cloudversify {
--fa: "\f385";
}
.fa-usps {
--fa: "\f7e1";
}
.fa-megaport {
--fa: "\f5a3";
}
.fa-magento {
--fa: "\f3c4";
}
.fa-spotify {
--fa: "\f1bc";
}
.fa-optin-monster {
--fa: "\f23c";
}
.fa-fly {
--fa: "\f417";
}
.fa-square-bluesky {
--fa: "\e6a3";
}
.fa-aviato {
--fa: "\f421";
}
.fa-itunes {
--fa: "\f3b4";
}
.fa-cuttlefish {
--fa: "\f38c";
}
.fa-blogger {
--fa: "\f37c";
}
.fa-flickr {
--fa: "\f16e";
}
.fa-viber {
--fa: "\f409";
}
.fa-soundcloud {
--fa: "\f1be";
}
.fa-digg {
--fa: "\f1a6";
}
.fa-tencent-weibo {
--fa: "\f1d5";
}
.fa-letterboxd {
--fa: "\e62d";
}
.fa-symfony {
--fa: "\f83d";
}
.fa-maxcdn {
--fa: "\f136";
}
.fa-etsy {
--fa: "\f2d7";
}
.fa-facebook-messenger {
--fa: "\f39f";
}
.fa-audible {
--fa: "\f373";
}
.fa-think-peaks {
--fa: "\f731";
}
.fa-bilibili {
--fa: "\e3d9";
}
.fa-erlang {
--fa: "\f39d";
}
.fa-x-twitter {
--fa: "\e61b";
}
.fa-cotton-bureau {
--fa: "\f89e";
}
.fa-dashcube {
--fa: "\f210";
}
.fa-42-group,
.fa-innosoft {
--fa: "\e080";
}
.fa-stack-exchange {
--fa: "\f18d";
}
.fa-elementor {
--fa: "\f430";
}
.fa-pied-piper-square,
.fa-square-pied-piper {
--fa: "\e01e";
}
.fa-creative-commons-nd {
--fa: "\f4eb";
}
.fa-palfed {
--fa: "\f3d8";
}
.fa-superpowers {
--fa: "\f2dd";
}
.fa-resolving {
--fa: "\f3e7";
}
.fa-xbox {
--fa: "\f412";
}
.fa-square-web-awesome-stroke {
--fa: "\e684";
}
.fa-searchengin {
--fa: "\f3eb";
}
.fa-tiktok {
--fa: "\e07b";
}
.fa-facebook-square,
.fa-square-facebook {
--fa: "\f082";
}
.fa-renren {
--fa: "\f18b";
}
.fa-linux {
--fa: "\f17c";
}
.fa-glide {
--fa: "\f2a5";
}
.fa-linkedin {
--fa: "\f08c";
}
.fa-hubspot {
--fa: "\f3b2";
}
.fa-deploydog {
--fa: "\f38e";
}
.fa-twitch {
--fa: "\f1e8";
}
.fa-flutter {
--fa: "\e694";
}
.fa-ravelry {
--fa: "\f2d9";
}
.fa-mixer {
--fa: "\e056";
}
.fa-lastfm-square,
.fa-square-lastfm {
--fa: "\f203";
}
.fa-vimeo {
--fa: "\f40a";
}
.fa-mendeley {
--fa: "\f7b3";
}
.fa-uniregistry {
--fa: "\f404";
}
.fa-figma {
--fa: "\f799";
}
.fa-creative-commons-remix {
--fa: "\f4ee";
}
.fa-cc-amazon-pay {
--fa: "\f42d";
}
.fa-dropbox {
--fa: "\f16b";
}
.fa-instagram {
--fa: "\f16d";
}
.fa-cmplid {
--fa: "\e360";
}
.fa-upwork {
--fa: "\e641";
}
.fa-facebook {
--fa: "\f09a";
}
.fa-gripfire {
--fa: "\f3ac";
}
.fa-jedi-order {
--fa: "\f50e";
}
.fa-uikit {
--fa: "\f403";
}
.fa-fort-awesome-alt {
--fa: "\f3a3";
}
.fa-phabricator {
--fa: "\f3db";
}
.fa-ussunnah {
--fa: "\f407";
}
.fa-earlybirds {
--fa: "\f39a";
}
.fa-trade-federation {
--fa: "\f513";
}
.fa-autoprefixer {
--fa: "\f41c";
}
.fa-whatsapp {
--fa: "\f232";
}
.fa-square-upwork {
--fa: "\e67c";
}
.fa-slideshare {
--fa: "\f1e7";
}
.fa-google-play {
--fa: "\f3ab";
}
.fa-viadeo {
--fa: "\f2a9";
}
.fa-line {
--fa: "\f3c0";
}
.fa-google-drive {
--fa: "\f3aa";
}
.fa-servicestack {
--fa: "\f3ec";
}
.fa-simplybuilt {
--fa: "\f215";
}
.fa-bitbucket {
--fa: "\f171";
}
.fa-imdb {
--fa: "\f2d8";
}
.fa-deezer {
--fa: "\e077";
}
.fa-raspberry-pi {
--fa: "\f7bb";
}
.fa-jira {
--fa: "\f7b1";
}
.fa-docker {
--fa: "\f395";
}
.fa-screenpal {
--fa: "\e570";
}
.fa-bluetooth {
--fa: "\f293";
}
.fa-gitter {
--fa: "\f426";
}
.fa-d-and-d {
--fa: "\f38d";
}
.fa-microblog {
--fa: "\e01a";
}
.fa-cc-diners-club {
--fa: "\f24c";
}
.fa-gg-circle {
--fa: "\f261";
}
.fa-pied-piper-hat {
--fa: "\f4e5";
}
.fa-kickstarter-k {
--fa: "\f3bc";
}
.fa-yandex {
--fa: "\f413";
}
.fa-readme {
--fa: "\f4d5";
}
.fa-html5 {
--fa: "\f13b";
}
.fa-sellsy {
--fa: "\f213";
}
.fa-square-web-awesome {
--fa: "\e683";
}
.fa-sass {
--fa: "\f41e";
}
.fa-wirsindhandwerk,
.fa-wsh {
--fa: "\e2d0";
}
.fa-buromobelexperte {
--fa: "\f37f";
}
.fa-salesforce {
--fa: "\f83b";
}
.fa-octopus-deploy {
--fa: "\e082";
}
.fa-medapps {
--fa: "\f3c6";
}
.fa-ns8 {
--fa: "\f3d5";
}
.fa-pinterest-p {
--fa: "\f231";
}
.fa-apper {
--fa: "\f371";
}
.fa-fort-awesome {
--fa: "\f286";
}
.fa-waze {
--fa: "\f83f";
}
.fa-bluesky {
--fa: "\e671";
}
.fa-cc-jcb {
--fa: "\f24b";
}
.fa-snapchat,
.fa-snapchat-ghost {
--fa: "\f2ab";
}
.fa-fantasy-flight-games {
--fa: "\f6dc";
}
.fa-rust {
--fa: "\e07a";
}
.fa-wix {
--fa: "\f5cf";
}
.fa-behance-square,
.fa-square-behance {
--fa: "\f1b5";
}
.fa-supple {
--fa: "\f3f9";
}
.fa-webflow {
--fa: "\e65c";
}
.fa-rebel {
--fa: "\f1d0";
}
.fa-css3 {
--fa: "\f13c";
}
.fa-staylinked {
--fa: "\f3f5";
}
.fa-kaggle {
--fa: "\f5fa";
}
.fa-space-awesome {
--fa: "\e5ac";
}
.fa-deviantart {
--fa: "\f1bd";
}
.fa-cpanel {
--fa: "\f388";
}
.fa-goodreads-g {
--fa: "\f3a9";
}
.fa-git-square,
.fa-square-git {
--fa: "\f1d2";
}
.fa-square-tumblr,
.fa-tumblr-square {
--fa: "\f174";
}
.fa-trello {
--fa: "\f181";
}
.fa-creative-commons-nc-jp {
--fa: "\f4ea";
}
.fa-get-pocket {
--fa: "\f265";
}
.fa-perbyte {
--fa: "\e083";
}
.fa-grunt {
--fa: "\f3ad";
}
.fa-weebly {
--fa: "\f5cc";
}
.fa-connectdevelop {
--fa: "\f20e";
}
.fa-leanpub {
--fa: "\f212";
}
.fa-black-tie {
--fa: "\f27e";
}
.fa-themeco {
--fa: "\f5c6";
}
.fa-python {
--fa: "\f3e2";
}
.fa-android {
--fa: "\f17b";
}
.fa-bots {
--fa: "\e340";
}
.fa-free-code-camp {
--fa: "\f2c5";
}
.fa-hornbill {
--fa: "\f592";
}
.fa-js {
--fa: "\f3b8";
}
.fa-ideal {
--fa: "\e013";
}
.fa-git {
--fa: "\f1d3";
}
.fa-dev {
--fa: "\f6cc";
}
.fa-sketch {
--fa: "\f7c6";
}
.fa-yandex-international {
--fa: "\f414";
}
.fa-cc-amex {
--fa: "\f1f3";
}
.fa-uber {
--fa: "\f402";
}
.fa-github {
--fa: "\f09b";
}
.fa-php {
--fa: "\f457";
}
.fa-alipay {
--fa: "\f642";
}
.fa-youtube {
--fa: "\f167";
}
.fa-skyatlas {
--fa: "\f216";
}
.fa-firefox-browser {
--fa: "\e007";
}
.fa-replyd {
--fa: "\f3e6";
}
.fa-suse {
--fa: "\f7d6";
}
.fa-jenkins {
--fa: "\f3b6";
}
.fa-twitter {
--fa: "\f099";
}
.fa-rockrms {
--fa: "\f3e9";
}
.fa-pinterest {
--fa: "\f0d2";
}
.fa-buffer {
--fa: "\f837";
}
.fa-npm {
--fa: "\f3d4";
}
.fa-yammer {
--fa: "\f840";
}
.fa-btc {
--fa: "\f15a";
}
.fa-dribbble {
--fa: "\f17d";
}
.fa-stumbleupon-circle {
--fa: "\f1a3";
}
.fa-internet-explorer {
--fa: "\f26b";
}
.fa-stubber {
--fa: "\e5c7";
}
.fa-telegram,
.fa-telegram-plane {
--fa: "\f2c6";
}
.fa-old-republic {
--fa: "\f510";
}
.fa-odysee {
--fa: "\e5c6";
}
.fa-square-whatsapp,
.fa-whatsapp-square {
--fa: "\f40c";
}
.fa-node-js {
--fa: "\f3d3";
}
.fa-edge-legacy {
--fa: "\e078";
}
.fa-slack,
.fa-slack-hash {
--fa: "\f198";
}
.fa-medrt {
--fa: "\f3c8";
}
.fa-usb {
--fa: "\f287";
}
.fa-tumblr {
--fa: "\f173";
}
.fa-vaadin {
--fa: "\f408";
}
.fa-quora {
--fa: "\f2c4";
}
.fa-square-x-twitter {
--fa: "\e61a";
}
.fa-reacteurope {
--fa: "\f75d";
}
.fa-medium,
.fa-medium-m {
--fa: "\f23a";
}
.fa-amilia {
--fa: "\f36d";
}
.fa-mixcloud {
--fa: "\f289";
}
.fa-flipboard {
--fa: "\f44d";
}
.fa-viacoin {
--fa: "\f237";
}
.fa-critical-role {
--fa: "\f6c9";
}
.fa-sitrox {
--fa: "\e44a";
}
.fa-discourse {
--fa: "\f393";
}
.fa-joomla {
--fa: "\f1aa";
}
.fa-mastodon {
--fa: "\f4f6";
}
.fa-airbnb {
--fa: "\f834";
}
.fa-wolf-pack-battalion {
--fa: "\f514";
}
.fa-buy-n-large {
--fa: "\f8a6";
}
.fa-gulp {
--fa: "\f3ae";
}
.fa-creative-commons-sampling-plus {
--fa: "\f4f1";
}
.fa-strava {
--fa: "\f428";
}
.fa-ember {
--fa: "\f423";
}
.fa-canadian-maple-leaf {
--fa: "\f785";
}
.fa-teamspeak {
--fa: "\f4f9";
}
.fa-pushed {
--fa: "\f3e1";
}
.fa-wordpress-simple {
--fa: "\f411";
}
.fa-nutritionix {
--fa: "\f3d6";
}
.fa-wodu {
--fa: "\e088";
}
.fa-google-pay {
--fa: "\e079";
}
.fa-intercom {
--fa: "\f7af";
}
.fa-zhihu {
--fa: "\f63f";
}
.fa-korvue {
--fa: "\f42f";
}
.fa-pix {
--fa: "\e43a";
}
.fa-steam-symbol {
--fa: "\f3f6";
}
:host,
:root {
--fa-style-family-duotone: "Font Awesome 6 Duotone";
--fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
}
@font-face {
font-family: "Font Awesome 6 Duotone";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-duotone-900-5db3ebfa59b9ee3932472955c9d6aa0eefcb5eead4e7539fc84829bc52ebf292.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-duotone-900-62375b8f455dbc81e689c2a821ce934757c3b88bcae92891a473292c989d0e49.ttf) format("truetype");
}
.fa-duotone,
.fad {
position: relative;
font-weight: 900;
letter-spacing: normal;
}
.fa-duotone:before,
.fad:before {
position: absolute;
color: var(--fa-primary-color,inherit);
opacity: var(--fa-primary-opacity,1);
}
.fa-duotone:after,
.fad:after {
color: var(--fa-secondary-color,inherit);
}
.fa-duotone.fa-swap-opacity:before,
.fa-duotone:after,
.fa-swap-opacity .fa-duotone:before,
.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before,
.fad:after {
opacity: var(--fa-secondary-opacity,.4);
}
.fa-duotone.fa-swap-opacity:after,
.fa-swap-opacity .fa-duotone:after,
.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
opacity: var(--fa-primary-opacity,1);
}
.fa-duotone.fa-inverse,
.fad.fa-inverse {
color: var(--fa-inverse,#fff);
}
.fa-duotone.fa-stack-1x,
.fa-duotone.fa-stack-2x,
.fad.fa-stack-1x,
.fad.fa-stack-2x {
position: absolute;
}
:host,
:root {
--fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
}
@font-face {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 300;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-light-300-7936ccc5a43ba8761f3286a141ea2a5c7ddf018b2c3e92e1c1ea082c2c81400c.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-light-300-dc6444881fc0cbe88fb1dd9e5f2de8604e249f5e398815c3cf2d198d5460ca5f.ttf) format("truetype");
}
.fa-light,
.fal {
font-weight: 300;
}
:host,
:root {
--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
}
@font-face {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-9d598eae62c5baf2810ec6a011050f22fbf9b622accb4c6b617d544dadbfedbb.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-a612ddcdae5db3efe39edde367a6be2cd770cf4d0dcb8cc3cb1f59c7ec6d4792.ttf) format("truetype");
}
.fa-regular,
.far {
font-weight: 400;
}
:host,
:root {
--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
}
@font-face {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5ab5802144152acdd3cb251074ee114187f689568f9c1ebf0f3b4b79e42f426a.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5a9438fc17ea210fd94a0cf5760e17435bdd03cf3928e57369f45d5f02cc0648.ttf) format("truetype");
}
.fa-solid,
.fas {
font-weight: 900;
}
:host,
:root {
--fa-style-family-classic: "Font Awesome 6 Pro";
--fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
}
@font-face {
font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 100;
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-thin-100-e68245486fca6047a09fb4527e0cd83bcb18f809d90e30c334f7979bc35967d5.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-thin-100-bf2b796bf88037dcccf09b9ec10e6cec53005405fad0f34cce0626e922544c16.ttf) format("truetype");
}
.fa-thin,
.fat {
font-weight: 100;
}
@font-face {
font-family: "Font Awesome 5 Brands";
font-display: block;
font-weight: 400;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-eab2fb84cd7282752ccac0151b1e60403441217a9aebf0d5cc6148de234b8f87.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-8ac2fd44ca6f81834a1a8d7f88d0f85f0c1abf48701acedba26aceee47036f8e.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome 5 Pro";
font-display: block;
font-weight: 900;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5ab5802144152acdd3cb251074ee114187f689568f9c1ebf0f3b4b79e42f426a.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5a9438fc17ea210fd94a0cf5760e17435bdd03cf3928e57369f45d5f02cc0648.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome 5 Pro";
font-display: block;
font-weight: 400;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-9d598eae62c5baf2810ec6a011050f22fbf9b622accb4c6b617d544dadbfedbb.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-a612ddcdae5db3efe39edde367a6be2cd770cf4d0dcb8cc3cb1f59c7ec6d4792.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome 5 Pro";
font-display: block;
font-weight: 300;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-light-300-7936ccc5a43ba8761f3286a141ea2a5c7ddf018b2c3e92e1c1ea082c2c81400c.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-light-300-dc6444881fc0cbe88fb1dd9e5f2de8604e249f5e398815c3cf2d198d5460ca5f.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome 5 Duotone";
font-display: block;
font-weight: 900;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-duotone-900-5db3ebfa59b9ee3932472955c9d6aa0eefcb5eead4e7539fc84829bc52ebf292.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-duotone-900-62375b8f455dbc81e689c2a821ce934757c3b88bcae92891a473292c989d0e49.ttf) format("truetype");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5ab5802144152acdd3cb251074ee114187f689568f9c1ebf0f3b4b79e42f426a.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5a9438fc17ea210fd94a0cf5760e17435bdd03cf3928e57369f45d5f02cc0648.ttf) format("truetype");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-eab2fb84cd7282752ccac0151b1e60403441217a9aebf0d5cc6148de234b8f87.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-8ac2fd44ca6f81834a1a8d7f88d0f85f0c1abf48701acedba26aceee47036f8e.ttf) format("truetype");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-9d598eae62c5baf2810ec6a011050f22fbf9b622accb4c6b617d544dadbfedbb.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-a612ddcdae5db3efe39edde367a6be2cd770cf4d0dcb8cc3cb1f59c7ec6d4792.ttf) format("truetype");
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(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-v4compatibility-c06c5de42830b3140a31047c8095d6b665369bd43c82d94245ff4fbf641f5bbe.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-v4compatibility-6c4854f1cfdb8b1fa21acf3a2ceeed852521d7574cdb765d5934c62a83fa9b90.ttf) format("truetype");
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;
}
.fa.fa-glass {
--fa: "\f000";
}
.fa.fa-envelope-o {
--fa: "\f0e0";
}
.fa.fa-envelope-o,
.fa.fa-star-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-star-o {
--fa: "\f005";
}
.fa.fa-close,
.fa.fa-remove {
--fa: "\f00d";
}
.fa.fa-gear {
--fa: "\f013";
}
.fa.fa-trash-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f2ed";
}
.fa.fa-home {
--fa: "\f015";
}
.fa.fa-file-o {
--fa: "\f15b";
}
.fa.fa-clock-o,
.fa.fa-file-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-clock-o {
--fa: "\f017";
}
.fa.fa-arrow-circle-o-down {
--fa: "\f358";
}
.fa.fa-arrow-circle-o-down,
.fa.fa-arrow-circle-o-up {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-arrow-circle-o-up {
--fa: "\f35b";
}
.fa.fa-play-circle-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f144";
}
.fa.fa-repeat,
.fa.fa-rotate-right {
--fa: "\f01e";
}
.fa.fa-refresh {
--fa: "\f021";
}
.fa.fa-list-alt {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f022";
}
.fa.fa-dedent {
--fa: "\f03b";
}
.fa.fa-video-camera {
--fa: "\f03d";
}
.fa.fa-picture-o {
--fa: "\f03e";
}
.fa.fa-photo,
.fa.fa-picture-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-photo {
--fa: "\f03e";
}
.fa.fa-image {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f03e";
}
.fa.fa-map-marker {
--fa: "\f3c5";
}
.fa.fa-pencil-square-o {
--fa: "\f044";
}
.fa.fa-edit,
.fa.fa-pencil-square-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-edit {
--fa: "\f044";
}
.fa.fa-share-square-o {
--fa: "\f14d";
}
.fa.fa-check-square-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f14a";
}
.fa.fa-arrows {
--fa: "\f0b2";
}
.fa.fa-times-circle-o {
--fa: "\f057";
}
.fa.fa-check-circle-o,
.fa.fa-times-circle-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-check-circle-o {
--fa: "\f058";
}
.fa.fa-mail-forward {
--fa: "\f064";
}
.fa.fa-expand {
--fa: "\f424";
}
.fa.fa-compress {
--fa: "\f422";
}
.fa.fa-eye,
.fa.fa-eye-slash {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-warning {
--fa: "\f071";
}
.fa.fa-calendar {
--fa: "\f073";
}
.fa.fa-arrows-v {
--fa: "\f338";
}
.fa.fa-arrows-h {
--fa: "\f337";
}
.fa.fa-bar-chart,
.fa.fa-bar-chart-o {
--fa: "\e0e3";
}
.fa.fa-twitter-square {
--fa: "\f081";
}
.fa.fa-facebook-square,
.fa.fa-twitter-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook-square {
--fa: "\f082";
}
.fa.fa-gears {
--fa: "\f085";
}
.fa.fa-thumbs-o-up {
--fa: "\f164";
}
.fa.fa-thumbs-o-down,
.fa.fa-thumbs-o-up {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-thumbs-o-down {
--fa: "\f165";
}
.fa.fa-heart-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f004";
}
.fa.fa-sign-out {
--fa: "\f2f5";
}
.fa.fa-linkedin-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
--fa: "\f08c";
}
.fa.fa-thumb-tack {
--fa: "\f08d";
}
.fa.fa-external-link {
--fa: "\f35d";
}
.fa.fa-sign-in {
--fa: "\f2f6";
}
.fa.fa-github-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
--fa: "\f092";
}
.fa.fa-lemon-o {
--fa: "\f094";
}
.fa.fa-lemon-o,
.fa.fa-square-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-square-o {
--fa: "\f0c8";
}
.fa.fa-bookmark-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f02e";
}
.fa.fa-facebook,
.fa.fa-twitter {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-facebook {
--fa: "\f39e";
}
.fa.fa-facebook-f {
--fa: "\f39e";
}
.fa.fa-facebook-f,
.fa.fa-github {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-credit-card {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-feed {
--fa: "\f09e";
}
.fa.fa-hdd-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0a0";
}
.fa.fa-hand-o-right {
--fa: "\f0a4";
}
.fa.fa-hand-o-left,
.fa.fa-hand-o-right {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-o-left {
--fa: "\f0a5";
}
.fa.fa-hand-o-up {
--fa: "\f0a6";
}
.fa.fa-hand-o-down,
.fa.fa-hand-o-up {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-o-down {
--fa: "\f0a7";
}
.fa.fa-globe {
--fa: "\f57d";
}
.fa.fa-tasks {
--fa: "\f828";
}
.fa.fa-arrows-alt {
--fa: "\f31e";
}
.fa.fa-group {
--fa: "\f0c0";
}
.fa.fa-chain {
--fa: "\f0c1";
}
.fa.fa-cut {
--fa: "\f0c4";
}
.fa.fa-files-o {
--fa: "\f0c5";
}
.fa.fa-files-o,
.fa.fa-floppy-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-floppy-o {
--fa: "\f0c7";
}
.fa.fa-save {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0c7";
}
.fa.fa-navicon,
.fa.fa-reorder {
--fa: "\f0c9";
}
.fa.fa-magic {
--fa: "\e2ca";
}
.fa.fa-pinterest,
.fa.fa-pinterest-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pinterest-square {
--fa: "\f0d3";
}
.fa.fa-google-plus-square {
--fa: "\f0d4";
}
.fa.fa-google-plus,
.fa.fa-google-plus-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus {
--fa: "\f0d5";
}
.fa.fa-money {
--fa: "\f3d1";
}
.fa.fa-unsorted {
--fa: "\f0dc";
}
.fa.fa-sort-desc {
--fa: "\f0dd";
}
.fa.fa-sort-asc {
--fa: "\f0de";
}
.fa.fa-linkedin {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
--fa: "\f0e1";
}
.fa.fa-rotate-left {
--fa: "\f0e2";
}
.fa.fa-legal {
--fa: "\f0e3";
}
.fa.fa-dashboard,
.fa.fa-tachometer {
--fa: "\f625";
}
.fa.fa-comment-o {
--fa: "\f075";
}
.fa.fa-comment-o,
.fa.fa-comments-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-comments-o {
--fa: "\f086";
}
.fa.fa-flash {
--fa: "\f0e7";
}
.fa.fa-clipboard {
--fa: "\f0ea";
}
.fa.fa-lightbulb-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0eb";
}
.fa.fa-exchange {
--fa: "\f362";
}
.fa.fa-cloud-download {
--fa: "\f0ed";
}
.fa.fa-cloud-upload {
--fa: "\f0ee";
}
.fa.fa-bell-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0f3";
}
.fa.fa-cutlery {
--fa: "\f2e7";
}
.fa.fa-file-text-o {
--fa: "\f15c";
}
.fa.fa-building-o,
.fa.fa-file-text-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-building-o {
--fa: "\f1ad";
}
.fa.fa-hospital-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0f8";
}
.fa.fa-tablet {
--fa: "\f3fa";
}
.fa.fa-mobile,
.fa.fa-mobile-phone {
--fa: "\f3cd";
}
.fa.fa-circle-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f111";
}
.fa.fa-mail-reply {
--fa: "\f3e5";
}
.fa.fa-github-alt {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-folder-o {
--fa: "\f07b";
}
.fa.fa-folder-o,
.fa.fa-folder-open-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-folder-open-o {
--fa: "\f07c";
}
.fa.fa-smile-o {
--fa: "\f118";
}
.fa.fa-frown-o,
.fa.fa-smile-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-frown-o {
--fa: "\f119";
}
.fa.fa-meh-o {
--fa: "\f11a";
}
.fa.fa-keyboard-o,
.fa.fa-meh-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-keyboard-o {
--fa: "\f11c";
}
.fa.fa-flag-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f024";
}
.fa.fa-mail-reply-all {
--fa: "\f122";
}
.fa.fa-star-half-o {
--fa: "\f5c0";
}
.fa.fa-star-half-empty,
.fa.fa-star-half-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-star-half-empty {
--fa: "\f5c0";
}
.fa.fa-star-half-full {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f5c0";
}
.fa.fa-code-fork {
--fa: "\f126";
}
.fa.fa-chain-broken,
.fa.fa-unlink {
--fa: "\f127";
}
.fa.fa-calendar-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f133";
}
.fa.fa-css3,
.fa.fa-html5,
.fa.fa-maxcdn {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-unlock-alt {
--fa: "\f09c";
}
.fa.fa-minus-square-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f146";
}
.fa.fa-level-up {
--fa: "\f3bf";
}
.fa.fa-level-down {
--fa: "\f3be";
}
.fa.fa-pencil-square {
--fa: "\f14b";
}
.fa.fa-external-link-square {
--fa: "\f360";
}
.fa.fa-compass {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-caret-square-o-down {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f150";
}
.fa.fa-toggle-down {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f150";
}
.fa.fa-caret-square-o-up {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f151";
}
.fa.fa-toggle-up {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f151";
}
.fa.fa-caret-square-o-right {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f152";
}
.fa.fa-toggle-right {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f152";
}
.fa.fa-eur,
.fa.fa-euro {
--fa: "\f153";
}
.fa.fa-gbp {
--fa: "\f154";
}
.fa.fa-dollar,
.fa.fa-usd {
--fa: "$";
}
.fa.fa-inr,
.fa.fa-rupee {
--fa: "\e1bc";
}
.fa.fa-cny,
.fa.fa-jpy,
.fa.fa-rmb,
.fa.fa-yen {
--fa: "\f157";
}
.fa.fa-rouble,
.fa.fa-rub,
.fa.fa-ruble {
--fa: "\f158";
}
.fa.fa-krw,
.fa.fa-won {
--fa: "\f159";
}
.fa.fa-bitcoin,
.fa.fa-btc {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitcoin {
--fa: "\f15a";
}
.fa.fa-file-text {
--fa: "\f15c";
}
.fa.fa-sort-alpha-asc {
--fa: "\f15d";
}
.fa.fa-sort-alpha-desc {
--fa: "\f881";
}
.fa.fa-sort-amount-asc {
--fa: "\f884";
}
.fa.fa-sort-amount-desc {
--fa: "\f160";
}
.fa.fa-sort-numeric-asc {
--fa: "\f162";
}
.fa.fa-sort-numeric-desc {
--fa: "\f886";
}
.fa.fa-youtube-square {
--fa: "\f431";
}
.fa.fa-xing,
.fa.fa-xing-square,
.fa.fa-youtube,
.fa.fa-youtube-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-xing-square {
--fa: "\f169";
}
.fa.fa-youtube-play {
--fa: "\f167";
}
.fa.fa-adn,
.fa.fa-bitbucket,
.fa.fa-bitbucket-square,
.fa.fa-dropbox,
.fa.fa-flickr,
.fa.fa-instagram,
.fa.fa-stack-overflow,
.fa.fa-youtube-play {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bitbucket-square {
--fa: "\f171";
}
.fa.fa-tumblr,
.fa.fa-tumblr-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-tumblr-square {
--fa: "\f174";
}
.fa.fa-long-arrow-down {
--fa: "\f309";
}
.fa.fa-long-arrow-up {
--fa: "\f30c";
}
.fa.fa-long-arrow-left {
--fa: "\f30a";
}
.fa.fa-long-arrow-right {
--fa: "\f30b";
}
.fa.fa-android,
.fa.fa-apple,
.fa.fa-dribbble,
.fa.fa-foursquare,
.fa.fa-gittip,
.fa.fa-gratipay,
.fa.fa-linux,
.fa.fa-skype,
.fa.fa-trello,
.fa.fa-windows {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-gittip {
--fa: "\f184";
}
.fa.fa-sun-o {
--fa: "\f185";
}
.fa.fa-moon-o,
.fa.fa-sun-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-moon-o {
--fa: "\f186";
}
.fa.fa-pagelines,
.fa.fa-renren,
.fa.fa-stack-exchange,
.fa.fa-vk,
.fa.fa-weibo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-arrow-circle-o-right {
--fa: "\f35a";
}
.fa.fa-arrow-circle-o-left,
.fa.fa-arrow-circle-o-right {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-arrow-circle-o-left {
--fa: "\f359";
}
.fa.fa-caret-square-o-left {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f191";
}
.fa.fa-toggle-left {
--fa: "\f191";
}
.fa.fa-dot-circle-o,
.fa.fa-toggle-left {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-dot-circle-o {
--fa: "\f192";
}
.fa.fa-vimeo-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
--fa: "\f194";
}
.fa.fa-try,
.fa.fa-turkish-lira {
--fa: "\e2bb";
}
.fa.fa-plus-square-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f0fe";
}
.fa.fa-openid,
.fa.fa-slack,
.fa.fa-wordpress {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bank,
.fa.fa-institution {
--fa: "\f19c";
}
.fa.fa-mortar-board {
--fa: "\f19d";
}
.fa.fa-google,
.fa.fa-reddit,
.fa.fa-reddit-square,
.fa.fa-yahoo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-reddit-square {
--fa: "\f1a2";
}
.fa.fa-behance,
.fa.fa-behance-square,
.fa.fa-delicious,
.fa.fa-digg,
.fa.fa-drupal,
.fa.fa-joomla,
.fa.fa-pied-piper-alt,
.fa.fa-pied-piper-pp,
.fa.fa-stumbleupon,
.fa.fa-stumbleupon-circle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-behance-square {
--fa: "\f1b5";
}
.fa.fa-steam,
.fa.fa-steam-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-steam-square {
--fa: "\f1b7";
}
.fa.fa-automobile {
--fa: "\f1b9";
}
.fa.fa-cab {
--fa: "\f1ba";
}
.fa.fa-deviantart,
.fa.fa-soundcloud,
.fa.fa-spotify {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-file-pdf-o {
--fa: "\f1c1";
}
.fa.fa-file-pdf-o,
.fa.fa-file-word-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-word-o {
--fa: "\f1c2";
}
.fa.fa-file-excel-o {
--fa: "\f1c3";
}
.fa.fa-file-excel-o,
.fa.fa-file-powerpoint-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-powerpoint-o {
--fa: "\f1c4";
}
.fa.fa-file-image-o {
--fa: "\f1c5";
}
.fa.fa-file-image-o,
.fa.fa-file-photo-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-photo-o {
--fa: "\f1c5";
}
.fa.fa-file-picture-o {
--fa: "\f1c5";
}
.fa.fa-file-archive-o,
.fa.fa-file-picture-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-archive-o {
--fa: "\f1c6";
}
.fa.fa-file-zip-o {
--fa: "\f1c6";
}
.fa.fa-file-audio-o,
.fa.fa-file-zip-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-audio-o {
--fa: "\f1c7";
}
.fa.fa-file-sound-o {
--fa: "\f1c7";
}
.fa.fa-file-sound-o,
.fa.fa-file-video-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-video-o {
--fa: "\f1c8";
}
.fa.fa-file-movie-o {
--fa: "\f1c8";
}
.fa.fa-file-code-o,
.fa.fa-file-movie-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-file-code-o {
--fa: "\f1c9";
}
.fa.fa-codepen,
.fa.fa-jsfiddle,
.fa.fa-vine {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-life-bouy,
.fa.fa-life-buoy,
.fa.fa-life-saver,
.fa.fa-support {
--fa: "\f1cd";
}
.fa.fa-circle-o-notch {
--fa: "\f1ce";
}
.fa.fa-ra,
.fa.fa-rebel {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ra {
--fa: "\f1d0";
}
.fa.fa-resistance {
--fa: "\f1d0";
}
.fa.fa-empire,
.fa.fa-ge,
.fa.fa-resistance {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-ge {
--fa: "\f1d1";
}
.fa.fa-git-square {
--fa: "\f1d2";
}
.fa.fa-git,
.fa.fa-git-square,
.fa.fa-hacker-news,
.fa.fa-y-combinator-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-y-combinator-square {
--fa: "\f1d4";
}
.fa.fa-yc-square {
--fa: "\f1d4";
}
.fa.fa-qq,
.fa.fa-tencent-weibo,
.fa.fa-wechat,
.fa.fa-weixin,
.fa.fa-yc-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wechat {
--fa: "\f1d7";
}
.fa.fa-send {
--fa: "\f1d8";
}
.fa.fa-paper-plane-o {
--fa: "\f1d8";
}
.fa.fa-paper-plane-o,
.fa.fa-send-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-send-o {
--fa: "\f1d8";
}
.fa.fa-circle-thin {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f111";
}
.fa.fa-header {
--fa: "\f1dc";
}
.fa.fa-futbol-o {
--fa: "\f1e3";
}
.fa.fa-futbol-o,
.fa.fa-soccer-ball-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-soccer-ball-o {
--fa: "\f1e3";
}
.fa.fa-slideshare,
.fa.fa-twitch,
.fa.fa-yelp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-newspaper-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f1ea";
}
.fa.fa-cc-amex,
.fa.fa-cc-discover,
.fa.fa-cc-mastercard,
.fa.fa-cc-paypal,
.fa.fa-cc-stripe,
.fa.fa-cc-visa,
.fa.fa-google-wallet,
.fa.fa-paypal {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-bell-slash-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f1f6";
}
.fa.fa-trash {
--fa: "\f2ed";
}
.fa.fa-copyright {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-eyedropper {
--fa: "\f1fb";
}
.fa.fa-area-chart {
--fa: "\f1fe";
}
.fa.fa-pie-chart {
--fa: "\f200";
}
.fa.fa-line-chart {
--fa: "\f201";
}
.fa.fa-lastfm,
.fa.fa-lastfm-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-lastfm-square {
--fa: "\f203";
}
.fa.fa-angellist,
.fa.fa-ioxhost {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-cc {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f20a";
}
.fa.fa-ils,
.fa.fa-shekel,
.fa.fa-sheqel {
--fa: "\f20b";
}
.fa.fa-buysellads,
.fa.fa-connectdevelop,
.fa.fa-dashcube,
.fa.fa-forumbee,
.fa.fa-leanpub,
.fa.fa-sellsy,
.fa.fa-shirtsinbulk,
.fa.fa-simplybuilt,
.fa.fa-skyatlas {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-diamond {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f3a5";
}
.fa.fa-intersex,
.fa.fa-transgender {
--fa: "\f224";
}
.fa.fa-transgender-alt {
--fa: "\f225";
}
.fa.fa-facebook-official {
--fa: "\f09a";
}
.fa.fa-facebook-official,
.fa.fa-pinterest-p,
.fa.fa-whatsapp {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-hotel {
--fa: "\f236";
}
.fa.fa-medium,
.fa.fa-viacoin,
.fa.fa-y-combinator,
.fa.fa-yc {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-yc {
--fa: "\f23b";
}
.fa.fa-expeditedssl,
.fa.fa-opencart,
.fa.fa-optin-monster {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-battery,
.fa.fa-battery-4 {
--fa: "\f240";
}
.fa.fa-battery-3 {
--fa: "\f241";
}
.fa.fa-battery-2 {
--fa: "\f242";
}
.fa.fa-battery-1 {
--fa: "\f243";
}
.fa.fa-battery-0 {
--fa: "\f244";
}
.fa.fa-object-group,
.fa.fa-object-ungroup,
.fa.fa-sticky-note-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-sticky-note-o {
--fa: "\f249";
}
.fa.fa-cc-diners-club,
.fa.fa-cc-jcb {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-clone {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hourglass-o {
--fa: "\f254";
}
.fa.fa-hourglass-1 {
--fa: "\f251";
}
.fa.fa-hourglass-2 {
--fa: "\f252";
}
.fa.fa-hourglass-3 {
--fa: "\f253";
}
.fa.fa-hand-rock-o {
--fa: "\f255";
}
.fa.fa-hand-grab-o,
.fa.fa-hand-rock-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-grab-o {
--fa: "\f255";
}
.fa.fa-hand-paper-o {
--fa: "\f256";
}
.fa.fa-hand-paper-o,
.fa.fa-hand-stop-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-stop-o {
--fa: "\f256";
}
.fa.fa-hand-scissors-o {
--fa: "\f257";
}
.fa.fa-hand-lizard-o,
.fa.fa-hand-scissors-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-lizard-o {
--fa: "\f258";
}
.fa.fa-hand-spock-o {
--fa: "\f259";
}
.fa.fa-hand-pointer-o,
.fa.fa-hand-spock-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-hand-pointer-o {
--fa: "\f25a";
}
.fa.fa-hand-peace-o {
--fa: "\f25b";
}
.fa.fa-hand-peace-o,
.fa.fa-registered {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-creative-commons,
.fa.fa-gg,
.fa.fa-gg-circle,
.fa.fa-odnoklassniki,
.fa.fa-odnoklassniki-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-odnoklassniki-square {
--fa: "\f264";
}
.fa.fa-chrome,
.fa.fa-firefox,
.fa.fa-get-pocket,
.fa.fa-internet-explorer,
.fa.fa-opera,
.fa.fa-safari,
.fa.fa-wikipedia-w {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-television {
--fa: "\f26c";
}
.fa.fa-500px,
.fa.fa-amazon,
.fa.fa-contao {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-calendar-plus-o {
--fa: "\f271";
}
.fa.fa-calendar-minus-o,
.fa.fa-calendar-plus-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-calendar-minus-o {
--fa: "\f272";
}
.fa.fa-calendar-times-o {
--fa: "\f273";
}
.fa.fa-calendar-check-o,
.fa.fa-calendar-times-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-calendar-check-o {
--fa: "\f274";
}
.fa.fa-map-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f279";
}
.fa.fa-commenting {
--fa: "\f4ad";
}
.fa.fa-commenting-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f4ad";
}
.fa.fa-houzz,
.fa.fa-vimeo {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-vimeo {
--fa: "\f27d";
}
.fa.fa-black-tie,
.fa.fa-edge,
.fa.fa-fonticons,
.fa.fa-reddit-alien {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-credit-card-alt {
--fa: "\f09d";
}
.fa.fa-codiepie,
.fa.fa-fort-awesome,
.fa.fa-mixcloud,
.fa.fa-modx,
.fa.fa-product-hunt,
.fa.fa-scribd,
.fa.fa-usb {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-pause-circle-o {
--fa: "\f28b";
}
.fa.fa-pause-circle-o,
.fa.fa-stop-circle-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-stop-circle-o {
--fa: "\f28d";
}
.fa.fa-bluetooth,
.fa.fa-bluetooth-b,
.fa.fa-envira,
.fa.fa-gitlab,
.fa.fa-wheelchair-alt,
.fa.fa-wpbeginner,
.fa.fa-wpforms {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-wheelchair-alt {
--fa: "\f368";
}
.fa.fa-question-circle-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f059";
}
.fa.fa-volume-control-phone {
--fa: "\f2a0";
}
.fa.fa-asl-interpreting {
--fa: "\f2a3";
}
.fa.fa-deafness,
.fa.fa-hard-of-hearing {
--fa: "\f2a4";
}
.fa.fa-glide,
.fa.fa-glide-g {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-signing {
--fa: "\f2a7";
}
.fa.fa-viadeo,
.fa.fa-viadeo-square {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-viadeo-square {
--fa: "\f2aa";
}
.fa.fa-snapchat,
.fa.fa-snapchat-ghost {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-snapchat-ghost {
--fa: "\f2ab";
}
.fa.fa-snapchat-square {
--fa: "\f2ad";
}
.fa.fa-first-order,
.fa.fa-google-plus-official,
.fa.fa-pied-piper,
.fa.fa-snapchat-square,
.fa.fa-themeisle,
.fa.fa-yoast {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-google-plus-official {
--fa: "\f2b3";
}
.fa.fa-google-plus-circle {
--fa: "\f2b3";
}
.fa.fa-fa,
.fa.fa-font-awesome,
.fa.fa-google-plus-circle {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-fa {
--fa: "\f2b4";
}
.fa.fa-handshake-o {
--fa: "\f2b5";
}
.fa.fa-envelope-open-o,
.fa.fa-handshake-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-envelope-open-o {
--fa: "\f2b6";
}
.fa.fa-linode {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-address-book-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f2b9";
}
.fa.fa-vcard {
--fa: "\f2bb";
}
.fa.fa-address-card-o {
--fa: "\f2bb";
}
.fa.fa-address-card-o,
.fa.fa-vcard-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-vcard-o {
--fa: "\f2bb";
}
.fa.fa-user-circle-o {
--fa: "\f2bd";
}
.fa.fa-user-circle-o,
.fa.fa-user-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-user-o {
--fa: "\f007";
}
.fa.fa-id-badge {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-drivers-license {
--fa: "\f2c2";
}
.fa.fa-id-card-o {
--fa: "\f2c2";
}
.fa.fa-drivers-license-o,
.fa.fa-id-card-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-drivers-license-o {
--fa: "\f2c2";
}
.fa.fa-free-code-camp,
.fa.fa-quora,
.fa.fa-telegram {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-thermometer,
.fa.fa-thermometer-4 {
--fa: "\f2c7";
}
.fa.fa-thermometer-3 {
--fa: "\f2c8";
}
.fa.fa-thermometer-2 {
--fa: "\f2c9";
}
.fa.fa-thermometer-1 {
--fa: "\f2ca";
}
.fa.fa-thermometer-0 {
--fa: "\f2cb";
}
.fa.fa-bathtub,
.fa.fa-s15 {
--fa: "\f2cd";
}
.fa.fa-window-maximize,
.fa.fa-window-restore {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-times-rectangle {
--fa: "\f410";
}
.fa.fa-window-close-o {
--fa: "\f410";
}
.fa.fa-times-rectangle-o,
.fa.fa-window-close-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
}
.fa.fa-times-rectangle-o {
--fa: "\f410";
}
.fa.fa-bandcamp,
.fa.fa-eercast,
.fa.fa-etsy,
.fa.fa-grav,
.fa.fa-imdb,
.fa.fa-ravelry {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
.fa.fa-eercast {
--fa: "\f2da";
}
.fa.fa-snowflake-o {
font-family: "Font Awesome 6 Pro";
font-weight: 400;
--fa: "\f2dc";
}
.fa.fa-meetup,
.fa.fa-superpowers,
.fa.fa-wpexplorer {
font-family: "Font Awesome 6 Brands";
font-weight: 400;
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5ab5802144152acdd3cb251074ee114187f689568f9c1ebf0f3b4b79e42f426a.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-solid-900-5a9438fc17ea210fd94a0cf5760e17435bdd03cf3928e57369f45d5f02cc0648.ttf) format("truetype");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-eab2fb84cd7282752ccac0151b1e60403441217a9aebf0d5cc6148de234b8f87.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-brands-400-8ac2fd44ca6f81834a1a8d7f88d0f85f0c1abf48701acedba26aceee47036f8e.ttf) format("truetype");
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-9d598eae62c5baf2810ec6a011050f22fbf9b622accb4c6b617d544dadbfedbb.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-regular-400-a612ddcdae5db3efe39edde367a6be2cd770cf4d0dcb8cc3cb1f59c7ec6d4792.ttf) format("truetype");
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(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-v4compatibility-c06c5de42830b3140a31047c8095d6b665369bd43c82d94245ff4fbf641f5bbe.woff2) format("woff2"), url(/assets/media/node_modules/@fortawesome/fontawesome-pro/webfonts/fa-v4compatibility-6c4854f1cfdb8b1fa21acf3a2ceeed852521d7574cdb765d5934c62a83fa9b90.ttf) format("truetype");
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;
}
}
@layer theme, base, components, utilities;
@layer theme {
:root,
:host {
--font-sans:
"Inter",
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
"Noto Sans",
Arial,
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
--font-mono:
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
"Courier New",
monospace;
--color-red-50: rgb(var(--eva-color-red-50, 254 242 242) / 1);
--color-red-100: rgb(var(--eva-color-red-100, 255 228 228) / 1);
--color-red-200: rgb(var(--eva-color-red-200, 251 213 213) / 1);
--color-red-300: rgb(var(--eva-color-red-300, 217 96 112) / 1);
--color-red-400: rgb(var(--eva-color-red-400, 255 167 167) / 1);
--color-red-500: rgb(var(--eva-color-red-500, 198 18 42) / 1);
--color-red-600: rgb(var(--eva-color-red-600, 224 36 36) / 1);
--color-red-700: rgb(var(--eva-color-red-700, 185 26 26) / 1);
--color-red-800: rgb(var(--eva-color-red-800, 119 29 29) / 1);
--color-red-900: rgb(var(--eva-color-red-900, 79 6 6) / 1);
--color-orange-50: rgb(var(--eva-color-orange-50, 255 248 241) / 1);
--color-orange-100: rgb(var(--eva-color-orange-100, 255 230 209) / 1);
--color-orange-200: rgb(var(--eva-color-orange-200, 252 217 189) / 1);
--color-orange-400: rgb(var(--eva-color-orange-400, 255 163 115) / 1);
--color-orange-500: rgb(var(--eva-color-orange-500, 234 92 31) / 1);
--color-orange-600: rgb(var(--eva-color-orange-600, 233 99 24) / 1);
--color-orange-700: rgb(var(--eva-color-orange-700, 202 102 30) / 1);
--color-orange-800: rgb(var(--eva-color-orange-800, 146 45 2) / 1);
--color-orange-900: rgb(var(--eva-color-orange-900, 98 22 6) / 1);
--color-amber-50: #fffbeb;
--color-amber-100: #fef3c7;
--color-amber-200: #fde68a;
--color-amber-300: #fcd34d;
--color-amber-400: #fbbf24;
--color-amber-500: #f59e0b;
--color-amber-600: #d97706;
--color-amber-700: #b45309;
--color-amber-800: #92400e;
--color-amber-900: #78350f;
--color-yellow-50: rgb(var(--eva-color-yellow-50, 253 253 234) / 1);
--color-yellow-100: rgb(var(--eva-color-yellow-100, 255 247 197) / 1);
--color-yellow-200: rgb(var(--eva-color-yellow-200, 255 240 141) / 1);
--color-yellow-300: rgb(var(--eva-color-yellow-300, 254 208 148) / 1);
--color-yellow-400: rgb(var(--eva-color-yellow-400, 255 219 92) / 1);
--color-yellow-500: rgb(var(--eva-color-yellow-500, 234 179 8) / 1);
--color-yellow-600: rgb(var(--eva-color-yellow-600, 241 174 0) / 1);
--color-yellow-700: rgb(var(--eva-color-yellow-700, 180 131 68) / 1);
--color-yellow-800: rgb(var(--eva-color-yellow-800, 152 100 0) / 1);
--color-yellow-900: rgb(var(--eva-color-yellow-900, 98 49 4) / 1);
--color-green-50: rgb(var(--eva-color-green-50, 243 250 247) / 1);
--color-green-100: rgb(var(--eva-color-green-100, 213 254 237) / 1);
--color-green-200: rgb(var(--eva-color-green-200, 188 240 218) / 1);
--color-green-300: rgb(var(--eva-color-green-300, 189 220 169) / 1);
--color-green-400: rgb(var(--eva-color-green-400, 91 222 173) / 1);
--color-green-500: rgb(var(--eva-color-green-500, 34 197 94) / 1);
--color-green-600: rgb(var(--eva-color-green-600, 0 152 104) / 1);
--color-green-700: rgb(var(--eva-color-green-700, 103 162 63) / 1);
--color-green-800: rgb(var(--eva-color-green-800, 1 71 55) / 1);
--color-green-900: rgb(var(--eva-color-green-900, 2 53 41) / 1);
--color-emerald-50: #ecfdf5;
--color-emerald-100: #d1fae5;
--color-emerald-200: #a7f3d0;
--color-emerald-400: #34d399;
--color-emerald-500: #10b981;
--color-emerald-600: #059669;
--color-emerald-700: #047857;
--color-emerald-900: #064e3b;
--color-teal-50: rgb(var(--eva-color-teal-50, 237 250 250) / 1);
--color-teal-100: rgb(var(--eva-color-teal-100, 204 245 246) / 1);
--color-teal-200: rgb(var(--eva-color-teal-200, 175 236 239) / 1);
--color-teal-400: rgb(var(--eva-color-teal-400, 81 216 227) / 1);
--color-teal-500: #14b8a6;
--color-teal-600: rgb(var(--eva-color-teal-600, 0 148 166) / 1);
--color-teal-700: #0f766e;
--color-teal-800: rgb(var(--eva-color-teal-800, 1 68 81) / 1);
--color-teal-900: rgb(var(--eva-color-teal-900, 0 48 58) / 1);
--color-cyan-300: #67e8f9;
--color-cyan-400: #22d3ee;
--color-cyan-500: #06b6d4;
--color-cyan-600: #0891b2;
--color-sky-100: #e0f2fe;
--color-sky-500: #0ea5e9;
--color-blue-50: rgb(var(--eva-color-blue-50, 235 245 255) / 1);
--color-blue-100: rgb(var(--eva-color-blue-100, 221 237 253) / 1);
--color-blue-200: rgb(var(--eva-color-blue-200, 207 228 250) / 1);
--color-blue-300: #93c5fd;
--color-blue-400: rgb(var(--eva-color-blue-400, 164 202 254) / 1);
--color-blue-500: rgb(var(--eva-color-blue-500, 34 170 246) / 1);
--color-blue-600: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--color-blue-700: #1d4ed8;
--color-blue-800: rgb(var(--eva-color-blue-800, 16 58 165) / 1);
--color-blue-900: rgb(var(--eva-color-blue-900, 7 27 71) / 1);
--color-indigo-50: rgb(var(--eva-color-indigo-50, 240 245 255) / 1);
--color-indigo-100: rgb(var(--eva-color-indigo-100, 220 230 255) / 1);
--color-indigo-200: rgb(var(--eva-color-indigo-200, 205 219 254) / 1);
--color-indigo-300: #a5b4fc;
--color-indigo-400: rgb(var(--eva-color-indigo-400, 168 185 255) / 1);
--color-indigo-500: #6366f1;
--color-indigo-600: rgb(var(--eva-color-indigo-600, 88 80 236) / 1);
--color-indigo-700: #4338ca;
--color-indigo-800: rgb(var(--eva-color-indigo-800, 54 47 120) / 1);
--color-indigo-900: rgb(var(--eva-color-indigo-900, 38 33 94) / 1);
--color-violet-400: #a78bfa;
--color-violet-500: #8b5cf6;
--color-purple-50: rgb(var(--eva-color-purple-50, 246 245 255) / 1);
--color-purple-100: rgb(var(--eva-color-purple-100, 231 227 254) / 1);
--color-purple-200: rgb(var(--eva-color-purple-200, 220 215 254) / 1);
--color-purple-300: #d8b4fe;
--color-purple-400: rgb(var(--eva-color-purple-400, 194 174 255) / 1);
--color-purple-500: #a855f7;
--color-purple-600: rgb(var(--eva-color-purple-600, 126 58 242) / 1);
--color-purple-700: #7e22ce;
--color-purple-800: rgb(var(--eva-color-purple-800, 74 29 150) / 1);
--color-purple-900: rgb(var(--eva-color-purple-900, 46 18 91) / 1);
--color-pink-50: rgb(var(--eva-color-pink-50, 253 242 248) / 1);
--color-pink-100: rgb(var(--eva-color-pink-100, 255 227 243) / 1);
--color-pink-300: #f9a8d4;
--color-pink-500: #ec4899;
--color-pink-600: rgb(var(--eva-color-pink-600, 214 31 105) / 1);
--color-pink-900: rgb(var(--eva-color-pink-900, 82 5 34) / 1);
--color-rose-50: #fff1f2;
--color-rose-100: #ffe4e6;
--color-rose-200: #fecdd3;
--color-rose-400: #fb7185;
--color-rose-500: #f43f5e;
--color-rose-600: #e11d48;
--color-rose-700: #be123c;
--color-slate-50: #f8fafc;
--color-slate-200: #e2e8f0;
--color-slate-300: #cbd5e1;
--color-slate-400: #94a3b8;
--color-slate-500: #64748b;
--color-slate-600: #475569;
--color-slate-700: #334155;
--color-slate-800: #1e293b;
--color-slate-900: #0f172a;
--color-gray-50: rgb(var(--eva-color-coolGray-50, 248 249 250) / 1);
--color-gray-100: rgb(var(--eva-color-coolGray-100, 241 245 249) / 1);
--color-gray-200: rgb(var(--eva-color-coolGray-200, 215 224 229) / 1);
--color-gray-300: #d1d5db;
--color-gray-400: rgb(var(--eva-color-coolGray-400, 183 198 206) / 1);
--color-gray-500: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
--color-gray-600: rgb(var(--eva-color-coolGray-600, 86 105 123) / 1);
--color-gray-700: #374151;
--color-gray-800: rgb(var(--eva-color-coolGray-800, 54 69 87) / 1);
--color-gray-900: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1);
--color-gray-950: #030712;
--color-zinc-200: #e4e4e7;
--color-black: rgb(var(--eva-color-black, 0 0 0) / 1);
--color-white: rgb(var(--eva-color-white, 255 255 255) / 1);
--spacing: 0.25rem;
--breakpoint-sm: 640px;
--breakpoint-md: 768px;
--breakpoint-lg: 1024px;
--breakpoint-xl: 1280px;
--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);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-6xl: 3.75rem;
--text-6xl--line-height: 1;
--text-8xl: 6rem;
--text-8xl--line-height: 1;
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--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-tighter: -0.05em;
--tracking-tight: -0.025em;
--tracking-normal: 0em;
--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-xs: 6px;
--radius-sm: 7px;
--radius-md: 10px;
--radius-lg: 14px;
--radius-xl: 16px;
--radius-2xl: 20px;
--radius-3xl: 1.5rem;
--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
--drop-shadow-lg: 0 4px 4px 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-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
--animate-bounce: bounce 1s infinite;
--blur-sm: 8px;
--blur-md: 12px;
--default-transition-duration: 150ms;
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
--default-font-family: var(--font-sans);
--default-mono-font-family: var(--font-mono);
--color-gray-150: rgb(var(--eva-color-coolGray-150, 236 240 245) / 1);
--color-gray-175: rgb(var(--eva-color-coolGray-175, 224 229 234) / 1);
--color-gray: rgb(var(--eva-color-coolGray, 98 120 141) / 1);
--color-red: rgb(var(--eva-color-red, 224 36 36) / 1);
--color-orange: rgb(var(--eva-color-orange, 233 99 24) / 1);
--color-yellow: rgb(var(--eva-color-yellow, 241 174 0) / 1);
--color-green: rgb(var(--eva-color-green, 0 152 104) / 1);
--color-blue-550: rgb(var(--eva-color-blue-550, 0 72 181) / 1);
--color-blue: rgb(var(--eva-color-blue, 34 119 246) / 1);
--color-indigo: rgb(var(--eva-color-indigo, 88 80 236) / 1);
--color-purple: rgb(var(--eva-color-purple, 126 58 242) / 1);
--color-coolGray-50: rgb(var(--eva-color-coolGray-50, 248 249 250) / 1);
--color-coolGray-100: rgb(var(--eva-color-coolGray-100, 241 245 249) / 1);
--color-coolGray-150: rgb(var(--eva-color-coolGray-150, 236 240 245) / 1);
--color-coolGray-175: rgb(var(--eva-color-coolGray-175, 224 229 234) / 1);
--color-coolGray-200: rgb(var(--eva-color-coolGray-200, 215 224 229) / 1);
--color-coolGray-400: rgb(var(--eva-color-coolGray-400, 183 198 206) / 1);
--color-coolGray-500: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
--color-coolGray-600: rgb(var(--eva-color-coolGray-600, 86 105 123) / 1);
--color-coolGray-800: rgb(var(--eva-color-coolGray-800, 54 69 87) / 1);
--color-coolGray-900: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1);
--color-coolGray: rgb(var(--eva-color-coolGray, 98 120 141) / 1);
--color-trueGray-25: rgb(var(--eva-color-trueGray-25, 252 252 253) / 1);
--color-trueGray-50: rgb(var(--eva-color-trueGray-50, 249 250 251) / 1);
--color-trueGray-100: rgb(var(--eva-color-trueGray-100, 244 245 247) / 1);
--color-trueGray-150: rgb(var(--eva-color-trueGray-150, 243 243 243) / 1);
--color-trueGray-200: rgb(var(--eva-color-trueGray-200, 234 234 234) / 1);
--color-trueGray-400: rgb(var(--eva-color-trueGray-400, 190 190 190) / 1);
--color-trueGray-500: rgb(var(--eva-color-trueGray-500, 123 123 123) / 1);
--color-trueGray-600: rgb(var(--eva-color-trueGray-600, 105 105 105) / 1);
--color-trueGray-800: rgb(var(--eva-color-trueGray-800, 45 45 45) / 1);
--color-secondary: rgb(var(--eva-color-coolGray-100, 241 245 249) / 1);
--color-skyward-50: rgb(var(--eva-color-skyward-50, 245 249 251) / 1);
--color-skyward-100: rgb(var(--eva-color-skyward-100, 223 236 244) / 1);
--color-skyward-200: rgb(var(--eva-color-skyward-200, 208 226 238) / 1);
--color-skyward-500: rgb(var(--eva-color-skyward-500, 152 193 218) / 1);
--color-skyward-600: rgb(var(--eva-color-skyward-600, 138 176 198) / 1);
--color-skyward-800: rgb(var(--eva-color-skyward-800, 84 106 120) / 1);
--color-skyward: rgb(var(--eva-color-skyward, 152 193 218) / 1);
--color-midnightOil-50: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
--color-midnightOil-100: rgb(var(--eva-color-midnightOil-100, 220 217 255) / 1);
--color-midnightOil-200: rgb(var(--eva-color-midnightOil-200, 196 193 233) / 1);
--color-midnightOil-300: rgb(var(--eva-color-midnightOil-300, 173 170 210) / 1);
--color-midnightOil-400: rgb(var(--eva-color-midnightOil-400, 149 146 188) / 1);
--color-midnightOil-500: rgb(var(--eva-color-midnightOil-500, 126 122 166) / 1);
--color-midnightOil-600: rgb(var(--eva-color-midnightOil-600, 102 99 143) / 1);
--color-midnightOil-700: rgb(var(--eva-color-midnightOil-700, 79 75 121) / 1);
--color-midnightOil-800: rgb(var(--eva-color-midnightOil-800, 55 51 99) / 1);
--color-midnightOil-900: rgb(var(--eva-color-midnightOil-900, 32 28 76) / 1);
--color-midnightOil-950: rgb(var(--eva-color-midnightOil-950, 25 22 60) / 1);
--color-midnightOil-1000: rgb(var(--eva-color-midnightOil-1000, 8 4 54) / 1);
--color-grit-50: rgb(var(--eva-color-grit-50, 242 241 238) / 1);
--color-grit-100: rgb(var(--eva-color-grit-100, 213 210 201) / 1);
--color-grit-200: rgb(var(--eva-color-grit-200, 193 189 175) / 1);
--color-grit-600: rgb(var(--eva-color-grit-600, 109 101 75) / 1);
--color-grit-800: rgb(var(--eva-color-grit-800, 66 61 45) / 1);
--color-cloudNine-50: rgb(var(--eva-color-cloudNine-50, 250 250 249) / 1);
--color-cloudNine-100: rgb(var(--eva-color-cloudNine-100, 246 245 244) / 1);
--color-cloudNine-150: rgb(var(--eva-color-cloudNine-150, 234 232 230) / 1);
--color-cloudNine-200: rgb(var(--eva-color-cloudNine-200, 224 220 217) / 1);
--color-cloudNine-300: rgb(var(--eva-color-cloudNine-300, 197 195 192) / 1);
--color-cloudNine-400: rgb(var(--eva-color-cloudNine-400, 171 169 166) / 1);
--color-cloudNine-500: rgb(var(--eva-color-cloudNine-500, 148 144 141) / 1);
--color-cloudNine-600: rgb(var(--eva-color-cloudNine-600, 123 119 116) / 1);
--color-cloudNine-700: rgb(var(--eva-color-cloudNine-700, 97 93 90) / 1);
--color-cloudNine-800: rgb(var(--eva-color-cloudNine-800, 72 68 65) / 1);
--color-cloudNine-900: rgb(var(--eva-color-cloudNine-900, 46 42 39) / 1);
--color-cloudNine-1000: rgb(var(--eva-color-cloudNine-1000, 21 17 14) / 1);
--color-cloudNine: rgb(var(--eva-color-cloudNine, 148 144 141) / 1);
--color-heart-100: rgb(var(--eva-color-heart-100, 254 220 225) / 1);
--color-heart-200: rgb(var(--eva-color-heart-200, 253 171 181) / 1);
--color-heart-300: rgb(var(--eva-color-heart-300, 250 122 139) / 1);
--color-heart-400: rgb(var(--eva-color-heart-400, 239 83 104) / 1);
--color-heart-500: rgb(var(--eva-color-heart-500, 247 24 53) / 1);
--color-heart-600: rgb(var(--eva-color-heart-600, 201 18 43) / 1);
--color-heart-800: rgb(var(--eva-color-heart-800, 108 10 23) / 1);
--color-heart: rgb(var(--eva-color-heart, 247 24 53) / 1);
--color-surge-50: rgb(var(--eva-color-surge-50, 255 248 239) / 1);
--color-surge-100: rgb(var(--eva-color-surge-100, 255 233 205) / 1);
--color-surge-200: rgb(var(--eva-color-surge-200, 255 223 181) / 1);
--color-surge-300: rgb(var(--eva-color-surge-300, 254 208 148) / 1);
--color-surge-400: rgb(var(--eva-color-surge-400, 254 199 127) / 1);
--color-surge-500: rgb(var(--eva-color-surge-500, 254 185 95) / 1);
--color-surge-600: rgb(var(--eva-color-surge-600, 231 168 86) / 1);
--color-surge-800: rgb(var(--eva-color-surge-800, 140 102 52) / 1);
--color-surge-900: rgb(var(--eva-color-surge-900, 107 78 40) / 1);
--color-surge: rgb(var(--eva-color-surge, 254 185 95) / 1);
--color-moss-50: rgb(var(--eva-color-moss-50, 241 247 236) / 1);
--color-moss-100: rgb(var(--eva-color-moss-100, 221 236 209) / 1);
--color-moss-200: rgb(var(--eva-color-moss-200, 189 220 169) / 1);
--color-moss-300: rgb(var(--eva-color-moss-300, 159 203 130) / 1);
--color-moss-400: rgb(var(--eva-color-moss-400, 141 193 106) / 1);
--color-moss-500: rgb(var(--eva-color-moss-500, 112 178 69) / 1);
--color-moss-600: rgb(var(--eva-color-moss-600, 102 162 63) / 1);
--color-moss-700: rgb(var(--eva-color-moss-700, 80 126 49) / 1);
--color-moss-800: rgb(var(--eva-color-moss-800, 62 98 38) / 1);
--color-moss-900: rgb(var(--eva-color-moss-900, 47 75 29) / 1);
--color-moss: rgb(var(--eva-color-moss, 112 178 69) / 1);
--color-mars-50: rgb(var(--eva-color-mars-50, 253 239 233) / 1);
--color-mars-100: rgb(var(--eva-color-mars-100, 248 204 186) / 1);
--color-mars-200: rgb(var(--eva-color-mars-200, 245 180 152) / 1);
--color-mars-300: rgb(var(--eva-color-mars-300, 241 146 105) / 1);
--color-mars-500: rgb(var(--eva-color-mars-500, 234 92 31) / 1);
--color-mars-600: rgb(var(--eva-color-mars-600, 213 84 28) / 1);
--color-mars-800: rgb(var(--eva-color-mars-800, 129 51 17) / 1);
--color-wave-50: rgb(var(--eva-color-wave-50, 230 241 251) / 1);
--color-wave-100: rgb(var(--eva-color-wave-100, 176 212 244) / 1);
--color-wave-200: rgb(var(--eva-color-wave-200, 138 192 238) / 1);
--color-wave-300: rgb(var(--eva-color-wave-300, 84 163 231) / 1);
--color-wave-400: rgb(var(--eva-color-wave-400, 51 145 226) / 1);
--color-wave-500: rgb(var(--eva-color-wave-500, 0 117 219) / 1);
--color-wave-600: rgb(var(--eva-color-wave-600, 0 106 199) / 1);
--color-wave-700: rgb(var(--eva-color-wave-700, 0 83 155) / 1);
--color-wave-800: rgb(var(--eva-color-wave-800, 0 64 120) / 1);
--color-wave-900: rgb(var(--eva-color-wave-900, 0 49 92) / 1);
--color-wave: rgb(var(--eva-color-wave, 0 117 219) / 1);
--color-reef-50: rgb(var(--eva-color-reef-50, 232 250 251) / 1);
--color-reef-100: rgb(var(--eva-color-reef-100, 184 238 243) / 1);
--color-reef-200: rgb(var(--eva-color-reef-200, 150 230 237) / 1);
--color-reef-400: rgb(var(--eva-color-reef-400, 73 211 224) / 1);
--color-reef-500: rgb(var(--eva-color-reef-500, 27 200 216) / 1);
--color-reef-700: rgb(var(--eva-color-reef-700, 19 142 153) / 1);
--color-reef-800: rgb(var(--eva-color-reef-800, 15 110 119) / 1);
--color-plasma-50: rgb(var(--eva-color-plasma-50, 239 237 251) / 1);
--color-plasma-100: rgb(var(--eva-color-plasma-100, 204 200 241) / 1);
--color-plasma-200: rgb(var(--eva-color-plasma-200, 179 173 235) / 1);
--color-plasma-300: rgb(var(--eva-color-plasma-300, 144 136 226) / 1);
--color-plasma-400: rgb(var(--eva-color-plasma-400, 123 113 220) / 1);
--color-plasma-500: rgb(var(--eva-color-plasma-500, 90 77 211) / 1);
--color-plasma-600: rgb(var(--eva-color-plasma-600, 82 70 192) / 1);
--color-plasma-700: rgb(var(--eva-color-plasma-700, 64 55 150) / 1);
--color-plasma-800: rgb(var(--eva-color-plasma-800, 50 42 116) / 1);
--color-plasma-900: rgb(var(--eva-color-plasma-900, 38 32 89) / 1);
--color-daydream-50: rgb(var(--eva-color-daydream-50, 255 251 249) / 1);
--color-daydream-500: rgb(var(--eva-color-daydream-500, 204 170 155) / 1);
--color-dawn-100: rgb(var(--eva-color-dawn-100, 244 208 241) / 1);
--color-dawn-200: rgb(var(--eva-color-dawn-200, 238 185 235) / 1);
--color-dawn-300: rgb(var(--eva-color-dawn-300, 231 153 226) / 1);
--color-dawn-500: rgb(var(--eva-color-dawn-500, 219 103 211) / 1);
--radius-2xs: 2px;
--breakpoint-content: 1040px;
--text-2xs: .65rem;
--font-secondary: "Work Sans", Arial;
--leading-3: 0.75rem;
--leading-4: 1rem;
--leading-5: 1.25rem;
--leading-6: 1.5rem;
--leading-7: 1.75rem;
--leading-8: 2rem;
--leading-9: 2.25rem;
--leading-10: 2.5rem;
--leading-11: 2.75rem;
--leading-3\.5: 14px;
--leading-4\.5: 1.35;
--leading-9\.5: 38px;
}
}
@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%;
tab-size: 4;
font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
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;
}
::placeholder {
opacity: 1;
}
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
::placeholder {
color: currentcolor;
@supports (color: color-mix(in lab, red, red)) {
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 {
appearance: button;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[hidden]:where(:not([hidden=until-found])) {
display: none !important;
}
}
@layer utilities {
.\@container\/pagy-nav {
container-type: inline-size;
container-name: pagy-nav;
}
.\@container {
container-type: inline-size;
}
.pointer-events-auto {
pointer-events: auto;
}
.pointer-events-none {
pointer-events: none;
}
.collapse {
visibility: collapse;
}
.invisible {
visibility: hidden;
}
.visible {
visibility: visible;
}
.pricing-page-background-fade {
&:before {
content: "";
position: absolute;
right: -40px;
top: -200px;
width: 1000px;
height: 600px;
background-image:
linear-gradient(
90deg,
rgba(227, 231, 248, 0) 0%,
#E8F2FC 100%);
z-index: -1;
}
position: absolute;
right: -800px;
top: 0px;
width: 800px;
height: 600px;
background-image:
linear-gradient(
90deg,
rgba(227, 231, 248, 0) 0%,
#8BBAF5 100%);
transform: translate(-360px, 0px) rotate(-45deg);
z-index: -1;
}
.pricing-page-background-fade-container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100vw;
max-width: 100vw;
overflow: hidden;
z-index: -1;
}
.selected-check {
position: relative;
&:before {
position: absolute;
top: 8px;
left: 8px;
z-index: 10;
border-radius: calc(infinity * 1px);
border-color: var(--color-white);
background-color: var(--color-white);
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
color: var(--color-green-600);
border-width: 1px;
content: "\f058";
font-family: "Font Awesome 6 Pro";
font-size: 1.125rem;
line-height: 1.125rem;
}
}
.button-group {
position: relative;
z-index: 0;
display: inline-flex;
& .cf-button-outline {
position: relative;
display: inline-flex;
border-radius: 0;
background-image: none;
&:focus {
z-index: 10;
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:first-of-type {
border-top-left-radius: var(--radius-2xs);
border-bottom-left-radius: var(--radius-2xs);
}
&:last-of-type {
border-top-right-radius: var(--radius-2xs);
border-bottom-right-radius: var(--radius-2xs);
}
}
& .button-active {
z-index: 10;
background-color: var(--color-blue-50);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-blue);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.relative {
position: relative;
}
.static {
position: static;
}
.sticky {
position: sticky;
}
.inset-0 {
inset: 0;
}
.inset-1\.5 {
inset: 6px;
}
.inset-x-0 {
inset-inline: 0;
}
.inset-y-0 {
inset-block: 0;
}
.-top-0\.5 {
top: calc(2px * -1);
}
.-top-1 {
top: calc(4px * -1);
}
.-top-1\.5 {
top: calc(6px * -1);
}
.-top-2 {
top: calc(8px * -1);
}
.-top-2\.5 {
top: calc(10px * -1);
}
.-top-3 {
top: calc(12px * -1);
}
.-top-4 {
top: calc(16px * -1);
}
.-top-6 {
top: calc(24px * -1);
}
.-top-8 {
top: calc(32px * -1);
}
.-top-\[14px\] {
top: calc(14px * -1);
}
.-top-px {
top: -1px;
}
.top-0 {
top: 0;
}
.top-0\.5 {
top: 2px;
}
.top-1 {
top: 4px;
}
.top-1\/2 {
top: 50%;
}
.top-2 {
top: 8px;
}
.top-2\.5 {
top: 10px;
}
.top-3 {
top: 12px;
}
.top-4 {
top: 16px;
}
.top-5 {
top: 20px;
}
.top-6 {
top: 24px;
}
.top-8 {
top: 32px;
}
.top-9 {
top: 36px;
}
.top-10 {
top: 40px;
}
.top-13 {
top: 52px;
}
.top-14 {
top: 56px;
}
.top-20 {
top: 80px;
}
.top-\[-4px\] {
top: -4px;
}
.top-\[73px\] {
top: 73px;
}
.top-full {
top: 100%;
}
.-right-1 {
right: calc(4px * -1);
}
.-right-1\.5 {
right: calc(6px * -1);
}
.-right-2 {
right: calc(8px * -1);
}
.-right-3 {
right: calc(12px * -1);
}
.-right-4 {
right: calc(16px * -1);
}
.-right-8 {
right: calc(32px * -1);
}
.-right-\[12\%\] {
right: calc(12% * -1);
}
.right-0 {
right: 0;
}
.right-0\.5 {
right: 2px;
}
.right-1 {
right: 4px;
}
.right-1\.5 {
right: 6px;
}
.right-2 {
right: 8px;
}
.right-2\.5 {
right: 10px;
}
.right-3 {
right: 12px;
}
.right-4 {
right: 16px;
}
.right-4\.5 {
right: 18px;
}
.right-5 {
right: 20px;
}
.right-6 {
right: 24px;
}
.right-8 {
right: 32px;
}
.right-9 {
right: 36px;
}
.right-12 {
right: 48px;
}
.right-\[-4px\] {
right: -4px;
}
.right-\[-6px\] {
right: -6px;
}
.right-\[25\%\] {
right: 25%;
}
.-bottom-0\.5 {
bottom: calc(2px * -1);
}
.-bottom-1 {
bottom: calc(4px * -1);
}
.-bottom-1\.5 {
bottom: calc(6px * -1);
}
.-bottom-3 {
bottom: calc(12px * -1);
}
.-bottom-6 {
bottom: calc(24px * -1);
}
.-bottom-8 {
bottom: calc(32px * -1);
}
.-bottom-\[43\%\] {
bottom: calc(43% * -1);
}
.bottom-0 {
bottom: 0;
}
.bottom-1\.5 {
bottom: 6px;
}
.bottom-2 {
bottom: 8px;
}
.bottom-3 {
bottom: 12px;
}
.bottom-4 {
bottom: 16px;
}
.bottom-\[-6px\] {
bottom: -6px;
}
.bottom-full {
bottom: 100%;
}
.\!-left-2 {
left: calc(8px * -1) !important;
}
.-left-0\.5 {
left: calc(2px * -1);
}
.-left-1 {
left: calc(4px * -1);
}
.-left-4 {
left: calc(16px * -1);
}
.left-0 {
left: 0;
}
.left-1 {
left: 4px;
}
.left-1\/2 {
left: 50%;
}
.left-2\.5 {
left: 10px;
}
.left-3 {
left: 12px;
}
.left-4 {
left: 16px;
}
.left-5 {
left: 20px;
}
.left-6 {
left: 24px;
}
.left-65 {
left: 260px;
}
.left-\[25\%\] {
left: 25%;
}
.isolate {
isolation: isolate;
}
.-z-1 {
z-index: calc(1 * -1);
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-40 {
z-index: 40;
}
.z-50 {
z-index: 50;
}
.z-60 {
z-index: 60;
}
.z-90 {
z-index: 90;
}
.z-99 {
z-index: 99;
}
.z-100 {
z-index: 100;
}
.z-110 {
z-index: 110;
}
.z-1000 {
z-index: 1000;
}
.z-\[60\] {
z-index: 60;
}
.z-\[100\] {
z-index: 100;
}
.z-\[200\] {
z-index: 200;
}
.z-\[999\] {
z-index: 999;
}
.z-\[1000\] {
z-index: 1000;
}
.z-\[2000\] {
z-index: 2000;
}
.z-\[9999\] {
z-index: 9999;
}
.-order-1 {
order: calc(1 * -1);
}
.order-0 {
order: 0;
}
.order-1 {
order: 1;
}
.order-2 {
order: 2;
}
.order-3 {
order: 3;
}
.order-first {
order: -9999;
}
.order-last {
order: 9999;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-3 {
grid-column: span 3 / span 3;
}
.col-span-4 {
grid-column: span 4 / span 4;
}
.col-span-5 {
grid-column: span 5 / span 5;
}
.col-span-6 {
grid-column: span 6 / span 6;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.col-span-full {
grid-column: 1 / -1;
}
.col-start-2 {
grid-column-start: 2;
}
.col-end-7 {
grid-column-end: 7;
}
.row-2 {
grid-row: 2;
}
.row-3 {
grid-row: 3;
}
.row-span-2 {
grid-row: span 2 / span 2;
}
.row-span-3 {
grid-row: span 3 / span 3;
}
.row-start-1 {
grid-row-start: 1;
}
.row-start-2 {
grid-row-start: 2;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.container {
width: 100%;
@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 >= 1040px) {
max-width: 1040px;
}
@media (width >= 1280px) {
max-width: 1280px;
}
@media (width >= 1536px) {
max-width: 1536px;
}
}
.container\! {
width: 100% !important;
@media (width >= 425px) {
max-width: 425px !important;
}
@media (width >= 640px) {
max-width: 640px !important;
}
@media (width >= 768px) {
max-width: 768px !important;
}
@media (width >= 1024px) {
max-width: 1024px !important;
}
@media (width >= 1040px) {
max-width: 1040px !important;
}
@media (width >= 1280px) {
max-width: 1280px !important;
}
@media (width >= 1536px) {
max-width: 1536px !important;
}
}
.-m-2 {
margin: calc(8px * -1);
}
.-m-3 {
margin: calc(12px * -1);
}
.-m-6 {
margin: calc(24px * -1);
}
.m-0 {
margin: 0;
}
.m-0\! {
margin: 0 !important;
}
.m-1 {
margin: 4px;
}
.m-1\.5 {
margin: 6px;
}
.m-2 {
margin: 8px;
}
.m-3 {
margin: 12px;
}
.m-4 {
margin: 16px;
}
.m-5 {
margin: 20px;
}
.m-6 {
margin: 24px;
}
.m-8 {
margin: 32px;
}
.m-10 {
margin: 40px;
}
.m-auto {
margin: auto;
}
.-mx-1 {
margin-inline: calc(4px * -1);
}
.-mx-2 {
margin-inline: calc(8px * -1);
}
.-mx-2\.5 {
margin-inline: calc(10px * -1);
}
.-mx-3 {
margin-inline: calc(12px * -1);
}
.-mx-4 {
margin-inline: calc(16px * -1);
}
.-mx-6 {
margin-inline: calc(24px * -1);
}
.mx-0 {
margin-inline: 0;
}
.mx-0\.5 {
margin-inline: 2px;
}
.mx-1 {
margin-inline: 4px;
}
.mx-1\.5 {
margin-inline: 6px;
}
.mx-2 {
margin-inline: 8px;
}
.mx-3 {
margin-inline: 12px;
}
.mx-4 {
margin-inline: 16px;
}
.mx-5 {
margin-inline: 20px;
}
.mx-6 {
margin-inline: 24px;
}
.mx-10 {
margin-inline: 40px;
}
.mx-12 {
margin-inline: 48px;
}
.mx-auto {
margin-inline: auto;
}
.-my-1 {
margin-block: calc(4px * -1);
}
.-my-2 {
margin-block: calc(8px * -1);
}
.-my-4 {
margin-block: calc(16px * -1);
}
.-my-5 {
margin-block: calc(20px * -1);
}
.-my-6 {
margin-block: calc(24px * -1);
}
.my-1 {
margin-block: 4px;
}
.my-2 {
margin-block: 8px;
}
.my-3 {
margin-block: 12px;
}
.my-4 {
margin-block: 16px;
}
.my-5 {
margin-block: 20px;
}
.my-6 {
margin-block: 24px;
}
.my-8 {
margin-block: 32px;
}
.my-10 {
margin-block: 40px;
}
.my-12 {
margin-block: 48px;
}
.my-16 {
margin-block: 64px;
}
.my-19 {
margin-block: 76px;
}
.my-auto {
margin-block: auto;
}
:where(.buttons > :not(:last-child)) {
margin-inline-end: 12px;
}
:where(.space-x > :not(:last-child)) {
margin-inline-end: 12px;
}
:where(.space-y > :not(:last-child)) {
margin-block-end: 20px;
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
:where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
:where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
:where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-links);
text-decoration: underline;
font-weight: 500;
}
:where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-bold);
font-weight: 600;
}
:where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: decimal;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
:where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-alpha;
}
:where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-alpha;
}
:where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-alpha;
}
:where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-alpha;
}
:where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-roman;
}
:where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-roman;
}
:where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: upper-roman;
}
:where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: lower-roman;
}
:where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: decimal;
}
:where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
list-style-type: disc;
margin-top: 1.25em;
margin-bottom: 1.25em;
padding-left: 1.625em;
}
:where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
font-weight: 400;
color: var(--tw-prose-counters);
}
:where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
color: var(--tw-prose-bullets);
}
:where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
:where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1;
margin-top: 3em;
margin-bottom: 3em;
}
:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 500;
font-style: italic;
color: var(--tw-prose-quotes);
border-left-width: 0.25rem;
border-left-color: var(--tw-prose-quote-borders);
quotes: "\201c""\201d""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
:where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
content: open-quote;
}
:where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
content: close-quote;
}
:where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
:where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 900;
color: inherit;
}
:where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
:where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 800;
color: inherit;
}
:where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
:where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 700;
color: inherit;
}
:where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
:where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 700;
color: inherit;
}
:where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
:where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
display: block;
margin-top: 2em;
margin-bottom: 2em;
}
:where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-weight: 500;
font-family: inherit;
color: var(--tw-prose-kbd);
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size: 0.875em;
border-radius: 0.3125rem;
padding-top: 0.1875em;
padding-right: 0.375em;
padding-bottom: 0.1875em;
padding-left: 0.375em;
}
:where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-code);
font-weight: 600;
font-size: 0.875em;
}
:where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
content: "`";
}
:where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
content: "`";
}
:where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
font-size: 0.875em;
}
:where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
font-size: 0.9em;
}
:where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: inherit;
}
:where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-pre-code);
background-color: var(--tw-prose-pre-bg);
overflow-x: auto;
font-weight: 400;
font-size: 0.875em;
line-height: 1.7142857;
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
border-radius: 0.375rem;
padding-top: 0.8571429em;
padding-right: 1.1428571em;
padding-bottom: 0.8571429em;
padding-left: 1.1428571em;
}
:where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: inherit;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
:where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
content: none;
}
:where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
content: none;
}
:where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
:where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-th-borders);
}
:where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
:where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 1px;
border-bottom-color: var(--tw-prose-td-borders);
}
:where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-bottom-width: 0;
}
:where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
vertical-align: baseline;
}
:where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
border-top-width: 1px;
border-top-color: var(--tw-prose-th-borders);
}
:where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
vertical-align: top;
}
:where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
:where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
:where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
:where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.375em;
}
:where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.375em;
}
:where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
:where(.prose > ul > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
}
:where(.prose > ul > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.25em;
}
:where(.prose > ol > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
}
:where(.prose > ol > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.25em;
}
:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
:where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
:where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.5em;
padding-left: 1.625em;
}
:where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
:where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2em;
margin-bottom: 2em;
}
:where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 0;
}
}
.prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
:where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
:where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
:where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
:where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
:where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
:where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
:where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
:where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
:where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
:where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
border-radius: 0.3125rem;
padding-top: 0.2222222em;
padding-right: 0.4444444em;
padding-bottom: 0.2222222em;
padding-left: 0.4444444em;
}
:where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
}
:where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8666667em;
}
:where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.875em;
}
:where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
:where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
:where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.5555556em;
}
:where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
:where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.4444444em;
}
:where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.4444444em;
}
:where(.prose-lg > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
:where(.prose-lg > ul > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
}
:where(.prose-lg > ul > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.3333333em;
}
:where(.prose-lg > ol > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
}
:where(.prose-lg > ol > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.3333333em;
}
:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
:where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
:where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
}
:where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.6666667em;
padding-left: 1.5555556em;
}
:where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
:where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
line-height: 1.5;
}
:where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
:where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
:where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
:where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
:where(.prose-lg > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(.prose-lg > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 0;
}
}
.prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
:where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
:where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
:where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
:where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
:where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
:where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
:where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
:where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
:where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
:where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
:where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8571429em;
border-radius: 0.3125rem;
padding-top: 0.1428571em;
padding-right: 0.3571429em;
padding-bottom: 0.1428571em;
padding-left: 0.3571429em;
}
:where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8571429em;
}
:where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.9em;
}
:where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8888889em;
}
:where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
:where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
padding-left: 1.5714286em;
}
:where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
padding-left: 1.5714286em;
}
:where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
:where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.4285714em;
}
:where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0.4285714em;
}
:where(.prose-sm > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
:where(.prose-sm > ul > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
}
:where(.prose-sm > ul > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.1428571em;
}
:where(.prose-sm > ol > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
}
:where(.prose-sm > ol > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 1.1428571em;
}
:where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
:where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
:where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.1428571em;
}
:where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0.2857143em;
padding-left: 1.5714286em;
}
:where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
:where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8571429em;
line-height: 1.5;
}
:where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
:where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
:where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-left: 0;
}
:where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
padding-right: 0;
}
:where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
:where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
margin-bottom: 0;
}
:where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
:where(.prose-sm > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-top: 0;
}
:where(.prose-sm > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
margin-bottom: 0;
}
}
.-mt-0\.5 {
margin-top: calc(2px * -1);
}
.-mt-1 {
margin-top: calc(4px * -1);
}
.-mt-1\.5 {
margin-top: calc(6px * -1);
}
.-mt-2 {
margin-top: calc(8px * -1);
}
.-mt-3 {
margin-top: calc(12px * -1);
}
.-mt-4 {
margin-top: calc(16px * -1);
}
.-mt-4\.5 {
margin-top: calc(18px * -1);
}
.-mt-5 {
margin-top: calc(20px * -1);
}
.-mt-\[5\%\] {
margin-top: calc(5% * -1);
}
.mt-0 {
margin-top: 0;
}
.mt-0\! {
margin-top: 0 !important;
}
.mt-0\.5 {
margin-top: 2px;
}
.mt-1 {
margin-top: 4px;
}
.mt-1\.5 {
margin-top: 6px;
}
.mt-2 {
margin-top: 8px;
}
.mt-2\.5 {
margin-top: 10px;
}
.mt-3 {
margin-top: 12px;
}
.mt-4 {
margin-top: 16px;
}
.mt-5 {
margin-top: 20px;
}
.mt-6 {
margin-top: 24px;
}
.mt-6\! {
margin-top: 24px !important;
}
.mt-7 {
margin-top: 28px;
}
.mt-8 {
margin-top: 32px;
}
.mt-9 {
margin-top: 36px;
}
.mt-10 {
margin-top: 40px;
}
.mt-12 {
margin-top: 48px;
}
.mt-14 {
margin-top: 56px;
}
.mt-20 {
margin-top: 80px;
}
.mt-48 {
margin-top: 192px;
}
.mt-\[3px\] {
margin-top: 3px;
}
.mt-\[5px\] {
margin-top: 5px;
}
.mt-\[80px\] {
margin-top: 80px;
}
.mt-auto {
margin-top: auto;
}
.-mr-0\.5 {
margin-right: calc(2px * -1);
}
.-mr-1 {
margin-right: calc(4px * -1);
}
.-mr-1\.5 {
margin-right: calc(6px * -1);
}
.-mr-2 {
margin-right: calc(8px * -1);
}
.mr-0 {
margin-right: 0;
}
.mr-0\.5 {
margin-right: 2px;
}
.mr-1 {
margin-right: 4px;
}
.mr-1\.5 {
margin-right: 6px;
}
.mr-2 {
margin-right: 8px;
}
.mr-2\.5 {
margin-right: 10px;
}
.mr-3 {
margin-right: 12px;
}
.mr-4 {
margin-right: 16px;
}
.mr-5 {
margin-right: 20px;
}
.mr-6 {
margin-right: 24px;
}
.mr-8 {
margin-right: 32px;
}
.mr-9 {
margin-right: 36px;
}
.mr-10 {
margin-right: 40px;
}
.mr-12 {
margin-right: 48px;
}
.mr-16 {
margin-right: 64px;
}
.mr-20 {
margin-right: 80px;
}
.mr-auto {
margin-right: auto;
}
.-mb-1 {
margin-bottom: calc(4px * -1);
}
.-mb-1\.5 {
margin-bottom: calc(6px * -1);
}
.-mb-4 {
margin-bottom: calc(16px * -1);
}
.-mb-5 {
margin-bottom: calc(20px * -1);
}
.-mb-6 {
margin-bottom: calc(24px * -1);
}
.-mb-px {
margin-bottom: -1px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-0\! {
margin-bottom: 0 !important;
}
.mb-0\.5 {
margin-bottom: 2px;
}
.mb-1 {
margin-bottom: 4px;
}
.mb-1\.5 {
margin-bottom: 6px;
}
.mb-2 {
margin-bottom: 8px;
}
.mb-2\.5 {
margin-bottom: 10px;
}
.mb-3 {
margin-bottom: 12px;
}
.mb-4 {
margin-bottom: 16px;
}
.mb-4\! {
margin-bottom: 16px !important;
}
.mb-5 {
margin-bottom: 20px;
}
.mb-6 {
margin-bottom: 24px;
}
.mb-8 {
margin-bottom: 32px;
}
.mb-9 {
margin-bottom: 36px;
}
.mb-10 {
margin-bottom: 40px;
}
.mb-12 {
margin-bottom: 48px;
}
.mb-16 {
margin-bottom: 64px;
}
.mb-20 {
margin-bottom: 80px;
}
.mb-\[6px\] {
margin-bottom: 6px;
}
.mb-auto {
margin-bottom: auto;
}
.-ml-0\.5 {
margin-left: calc(2px * -1);
}
.-ml-1 {
margin-left: calc(4px * -1);
}
.-ml-1\.5 {
margin-left: calc(6px * -1);
}
.-ml-2 {
margin-left: calc(8px * -1);
}
.-ml-3 {
margin-left: calc(12px * -1);
}
.-ml-4 {
margin-left: calc(16px * -1);
}
.-ml-5 {
margin-left: calc(20px * -1);
}
.-ml-6 {
margin-left: calc(24px * -1);
}
.-ml-8 {
margin-left: calc(32px * -1);
}
.-ml-\[26px\] {
margin-left: calc(26px * -1);
}
.-ml-px {
margin-left: -1px;
}
.ml-0 {
margin-left: 0;
}
.ml-0\! {
margin-left: 0 !important;
}
.ml-0\.5 {
margin-left: 2px;
}
.ml-1 {
margin-left: 4px;
}
.ml-1\.5 {
margin-left: 6px;
}
.ml-1\/2 {
margin-left: 50%;
}
.ml-2 {
margin-left: 8px;
}
.ml-2\.5 {
margin-left: 10px;
}
.ml-3 {
margin-left: 12px;
}
.ml-3\.5 {
margin-left: 14px;
}
.ml-4 {
margin-left: 16px;
}
.ml-5 {
margin-left: 20px;
}
.ml-6 {
margin-left: 24px;
}
.ml-7 {
margin-left: 28px;
}
.ml-8 {
margin-left: 32px;
}
.ml-9 {
margin-left: 36px;
}
.ml-10 {
margin-left: 40px;
}
.ml-12 {
margin-left: 48px;
}
.ml-50 {
margin-left: 200px;
}
.ml-auto {
margin-left: auto;
}
.box-border {
box-sizing: border-box;
}
.form-checkbox {
appearance: none;
padding: 0;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
background-color: #fff;
border-color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
border-width: 1px;
--tw-shadow: 0 0 #0000;
border-radius: 0px;
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
&:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
@media (forced-colors: active) {
appearance: auto;
}
}
&:checked:hover {
border-color: transparent;
background-color: currentColor;
}
&:checked:focus {
border-color: transparent;
background-color: currentColor;
}
&:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@media (forced-colors: active) {
appearance: auto;
}
}
&:indeterminate:hover {
border-color: transparent;
background-color: currentColor;
}
&:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
}
.form-input {
appearance: none;
background-color: #fff;
border-color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
border-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
}
&::placeholder {
color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
opacity: 1;
}
&::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
&::-webkit-date-and-time-value {
min-height: 1.5em;
}
&::-webkit-date-and-time-value {
text-align: inherit;
}
&::-webkit-datetime-edit {
display: inline-flex;
}
&::-webkit-datetime-edit {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-year-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-month-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-day-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-hour-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-minute-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-second-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-millisecond-field {
padding-top: 0;
padding-bottom: 0;
}
&::-webkit-datetime-edit-meridiem-field {
padding-top: 0;
padding-bottom: 0;
}
}
.cf-button {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
--theme-color-text: var(--eva-color-cloudNine-1000);
--theme-color-bg: var(--eva-color-surge-400);
--theme-color-border: var(--eva-color-surge-500);
--theme-color-shadow: var(--eva-color-surge-500);
--theme-color-highlight: var(--eva-color-surge-100);
--theme-color-hover-bg: var(--eva-color-surge-500);
--theme-color-hover-highlight: var(--eva-color-surge-200);
--theme-color-active-bg: var(--eva-color-surge-600);
--theme-color-active-border: var(--eva-color-surge-600);
--theme-color-active-shadow: var(--eva-color-surge-600);
--theme-color-active-highlight: var(--eva-color-surge-400);
border: 1px solid rgb(var(--theme-color-border));
background: rgb(var(--theme-color-bg));
box-shadow:
0px -4px 4px 0px rgb(var(--theme-color-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-highlight)) inset;
&:hover {
background: rgb(var(--theme-color-hover-bg));
box-shadow:
0px -4px 4px 0px rgb(var(--theme-color-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-hover-highlight)) inset;
}
&:active {
border: 1px solid rgb(var(--theme-color-active-border));
background: rgb(var(--theme-color-active-bg));
box-shadow:
0px 4px 4px 0px rgb(var(--theme-color-active-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-active-highlight)) inset;
}
&[style*="--theme: 'wave'"],
&[style*='--theme: "wave"'] {
--theme-color-text: var(--eva-color-wave-50);
--theme-color-bg: var(--eva-color-wave-500);
--theme-color-border: var(--eva-color-wave-600);
--theme-color-shadow: var(--eva-color-wave-600);
--theme-color-highlight: var(--eva-color-wave-100);
--theme-color-hover-bg: var(--eva-color-wave-500);
--theme-color-hover-highlight: var(--eva-color-wave-200);
--theme-color-active-bg: var(--eva-color-wave-600);
--theme-color-active-border: var(--eva-color-wave-600);
--theme-color-active-shadow: var(--eva-color-wave-600);
--theme-color-active-highlight: var(--eva-color-wave-400);
}
}
.cf-button-flat {
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
--theme-color-text: var(--eva-color-cloudNine-1000);
--theme-color-bg: var(--eva-color-surge-400);
--theme-color-hover-bg: var(--eva-color-surge-500);
--theme-color-active-bg: var(--eva-color-surge-600);
background: rgb(var(--theme-color-bg));
&:hover {
background: rgb(var(--theme-color-hover-bg));
}
&:active {
background: rgb(var(--theme-color-active-bg));
}
&[style*="--theme: 'plasma'"],
&[style*='--theme: "plasma"'] {
--theme-color-text: var(--eva-color-white);
--theme-color-bg: var(--eva-color-plasma-700);
--theme-color-hover-bg: var(--eva-color-plasma-800);
--theme-color-active-bg: var(--eva-color-plasma-900);
}
}
.cf-button-legacy {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-cloudNine-1000));
background: rgb(var(--eva-color-cloudNine-1000));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-1000)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-500)) inset;
color: rgb(var(--eva-color-white));
&:hover {
background: rgb(var(--eva-color-cloudNine-900));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
&:active {
background: rgb(var(--eva-color-cloudNine-1000));
border: 1px solid rgb(var(--eva-color-cloudNine-700));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
}
.cf-button-secondary {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-cloudNine-200));
background: rgb(var(--eva-color-cloudNine-100));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-150)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
&:hover {
border: 1px solid rgb(var(--eva-color-cloudNine-200));
background: rgb(var(--eva-color-cloudNine-150));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-175)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
}
&:active {
border: 1px solid rgb(var(--eva-color-cloudNine-175));
background: rgb(var(--eva-color-cloudNine-175));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-cloudNine-200)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
}
}
.cf-button-zendrop {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-zendrop-700));
background: rgb(var(--eva-color-zendrop-500));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-zendrop-500)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-300)) inset;
color: rgb(var(--eva-color-white));
&:hover {
background: rgb(var(--eva-color-zendrop-600));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-zendrop-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-400)) inset;
}
&:active {
background: rgb(var(--eva-color-zendrop-700));
border: 1px solid rgb(var(--eva-color-zendrop-700));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-zendrop-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-400)) inset;
}
}
.cf-button-danger {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-heart-500));
background: transparent;
color: rgb(var(--eva-color-heart-500));
&:hover {
background: rgb(var(--eva-color-heart-50));
}
&:active {
background: rgb(var(--eva-color-heart-100));
}
}
.cf-button-outline {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-cloudNine-175));
color: rgb(var(--eva-color-cloudNine-600));
&:hover {
background: rgb(var(--eva-color-cloudNine-175));
}
&:active {
background: rgb(var(--eva-color-cloudNine-300));
border: 1px solid rgb(var(--eva-color-cloudNine-300));
}
}
.cf-button-plain-text {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid transparent;
color: rgb(var(--eva-color-cloudNine-900));
&:hover {
background: rgb(var(--eva-color-cloudNine-150));
}
&:active {
background: rgb(var(--eva-color-cloudNine-200));
}
}
.cf-button-icon {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
border: 1px solid transparent;
color: rgb(var(--eva-color-cloudNine-600));
&:hover {
background: rgb(var(--eva-color-cloudNine-100));
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04) inset;
}
&:active {
background: rgb(var(--eva-color-cloudNine-150));
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04) inset;
}
&.disabled,
&:disabled,
&[disabled] {
cursor: not-allowed;
background: none;
color: rgb(var(--eva-color-cloudNine-400));
box-shadow: none;
border: none;
outline: none;
}
}
.cf-link {
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
color: rgb(var(--eva-color-wave-500));
display: inline-flex;
justify-content: center;
align-items: center;
gap: 4px;
border: 1px solid transparent;
border-radius: 4px;
font-size: inherit;
font-style: normal;
font-weight: 600;
line-height: inherit;
transition: color 0.2s ease-in-out;
text-decoration: underline;
text-underline-position: from-font;
&:hover {
color: rgb(var(--eva-color-wave-700));
}
&:active {
color: rgb(var(--eva-color-wave-900));
}
&.disabled,
&:disabled,
&[disabled] {
cursor: not-allowed;
color: rgb(var(--eva-color-cloudNine-400));
text-decoration: none;
}
}
.hide-scrollbar-visually {
-ms-overflow-style: none;
scrollbar-width: none;
&::-webkit-scrollbar {
display: none;
}
}
.line-clamp-1 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.line-clamp-2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.line-clamp-3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.line-clamp-4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.line-clamp-\[var\(--read-more-line-clamp\,2\)\] {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--read-more-line-clamp,2);
}
.block {
display: block;
}
.contents {
display: contents;
}
.flex {
display: flex;
}
.flex\! {
display: flex !important;
}
.flow-root {
display: flow-root;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.hidden\! {
display: none !important;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
.inline-flex {
display: inline-flex;
}
.inline-grid {
display: inline-grid;
}
.list-item {
display: list-item;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
}
.table-header-group {
display: table-header-group;
}
.aspect-\[3\/2\] {
aspect-ratio: 3/2;
}
.aspect-\[4\/3\] {
aspect-ratio: 4/3;
}
.aspect-\[10\/7\] {
aspect-ratio: 10/7;
}
.aspect-\[11\/8\] {
aspect-ratio: 11/8;
}
.aspect-\[16\/9\] {
aspect-ratio: 16/9;
}
.aspect-\[196\/172\] {
aspect-ratio: 196/172;
}
.aspect-\[375\/211\] {
aspect-ratio: 375/211;
}
.aspect-square {
aspect-ratio: 1 / 1;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
.\!size-6 {
width: 24px !important;
height: 24px !important;
}
.size-3 {
width: 12px;
height: 12px;
}
.size-4 {
width: 16px;
height: 16px;
}
.size-5 {
width: 20px;
height: 20px;
}
.size-6 {
width: 24px;
height: 24px;
}
.size-7 {
width: 28px;
height: 28px;
}
.size-8 {
width: 32px;
height: 32px;
}
.size-9 {
width: 36px;
height: 36px;
}
.size-10 {
width: 40px;
height: 40px;
}
.size-16 {
width: 64px;
height: 64px;
}
.size-24 {
width: 96px;
height: 96px;
}
.size-25 {
width: 100px;
height: 100px;
}
.size-\[18px\] {
width: 18px;
height: 18px;
}
.size-\[52px\] {
width: 52px;
height: 52px;
}
.size-\[92px\] {
width: 92px;
height: 92px;
}
.h-0 {
height: 0;
}
.h-0\.5 {
height: 2px;
}
.h-1 {
height: 4px;
}
.h-1\.5 {
height: 6px;
}
.h-1\/2 {
height: 50%;
}
.h-1\/3 {
height: 33%;
}
.h-2 {
height: 8px;
}
.h-2\.5 {
height: 10px;
}
.h-3 {
height: 12px;
}
.h-3\.5 {
height: 14px;
}
.h-3\/5 {
height: 60%;
}
.h-4 {
height: 16px;
}
.h-5 {
height: 20px;
}
.h-6 {
height: 24px;
}
.h-7 {
height: 28px;
}
.h-8 {
height: 32px;
}
.h-9 {
height: 36px;
}
.h-9\.5 {
height: 38px;
}
.h-10 {
height: 40px;
}
.h-11 {
height: 44px;
}
.h-12 {
height: 48px;
}
.h-13 {
height: 52px;
}
.h-13\.5 {
height: 54px;
}
.h-14 {
height: 56px;
}
.h-15 {
height: 60px;
}
.h-16 {
height: 64px;
}
.h-20 {
height: 80px;
}
.h-24 {
height: 96px;
}
.h-25 {
height: 100px;
}
.h-28 {
height: 112px;
}
.h-29 {
height: 116px;
}
.h-30 {
height: 120px;
}
.h-32 {
height: 128px;
}
.h-36 {
height: 144px;
}
.h-40 {
height: 160px;
}
.h-48 {
height: 192px;
}
.h-50 {
height: 200px;
}
.h-60 {
height: 240px;
}
.h-64 {
height: 256px;
}
.h-72 {
height: 288px;
}
.h-90 {
height: 360px;
}
.h-96 {
height: 384px;
}
.h-100 {
height: 400px;
}
.h-\[1px\] {
height: 1px;
}
.h-\[3px\] {
height: 3px;
}
.h-\[30px\] {
height: 30px;
}
.h-\[32px\] {
height: 32px;
}
.h-\[37\.2px\] {
height: 37.2px;
}
.h-\[41px\] {
height: 41px;
}
.h-\[50px\] {
height: 50px;
}
.h-\[54px\] {
height: 54px;
}
.h-\[55px\] {
height: 55px;
}
.h-\[58px\] {
height: 58px;
}
.h-\[100dvh\] {
height: 100dvh;
}
.h-\[200px\] {
height: 200px;
}
.h-\[300px\] {
height: 300px;
}
.h-\[400px\] {
height: 400px;
}
.h-\[460px\] {
height: 460px;
}
.h-\[500px\] {
height: 500px;
}
.h-\[calc\(100\%-15px\)\] {
height: calc(100% - 15px);
}
.h-\[calc\(100\%-50px\)\] {
height: calc(100% - 50px);
}
.h-\[calc\(100dvh-73px\)\] {
height: calc(100dvh - 73px);
}
.h-\[calc\(100vh-73px\)\] {
height: calc(100vh - 73px);
}
.h-\[calc\(100vh-110px\)\] {
height: calc(100vh - 110px);
}
.h-auto {
height: auto;
}
.h-dvh {
height: 100dvh;
}
.h-fit {
height: fit-content;
}
.h-full {
height: 100%;
}
.h-full-vh {
height: 100vh;
}
.h-min {
height: min-content;
}
.h-px {
height: 1px;
}
.h-screen {
height: 100vh;
}
.max-h-12 {
max-height: 48px;
}
.max-h-16 {
max-height: 64px;
}
.max-h-18 {
max-height: 72px;
}
.max-h-40 {
max-height: 160px;
}
.max-h-56 {
max-height: 224px;
}
.max-h-60 {
max-height: 240px;
}
.max-h-64 {
max-height: 256px;
}
.max-h-70vh {
max-height: 70vh;
}
.max-h-80 {
max-height: 320px;
}
.max-h-80vh {
max-height: 80vh;
}
.max-h-96 {
max-height: 384px;
}
.max-h-100 {
max-height: 400px;
}
.max-h-400 {
max-height: 28.573em;
}
.max-h-\[18\.375rem\] {
max-height: 18.375rem;
}
.max-h-\[26rem\] {
max-height: 26rem;
}
.max-h-\[35vh\] {
max-height: 35vh;
}
.max-h-\[40px\] {
max-height: 40px;
}
.max-h-\[40vh\] {
max-height: 40vh;
}
.max-h-\[55vh\] {
max-height: 55vh;
}
.max-h-\[60vh\] {
max-height: 60vh;
}
.max-h-\[70vh\] {
max-height: 70vh;
}
.max-h-\[200px\] {
max-height: 200px;
}
.max-h-\[300px\] {
max-height: 300px;
}
.max-h-\[315px\] {
max-height: 315px;
}
.max-h-\[400px\] {
max-height: 400px;
}
.max-h-\[calc\(100vh-150px\)\] {
max-height: calc(100vh - 150px);
}
.max-h-\[calc\(100vh-300px\)\] {
max-height: calc(100vh - 300px);
}
.max-h-\[calc\(100vh-316px\)\] {
max-height: calc(100vh - 316px);
}
.max-h-full {
max-height: 100%;
}
.max-h-full-sub-300 {
max-height: calc(100vh - 300px);
}
.max-h-none {
max-height: none;
}
.max-h-screen {
max-height: 100vh;
}
.max-h-screen-minus-header {
max-height: calc(100vh - 58px);
}
.min-h-0 {
min-height: 0;
}
.min-h-2\/3vh {
min-height: 67vh;
}
.min-h-10 {
min-height: 40px;
}
.min-h-32 {
min-height: 128px;
}
.min-h-52 {
min-height: 208px;
}
.min-h-56 {
min-height: 224px;
}
.min-h-96 {
min-height: 384px;
}
.min-h-\[42px\] {
min-height: 42px;
}
.min-h-\[60vh\] {
min-height: 60vh;
}
.min-h-\[70vh\] {
min-height: 70vh;
}
.min-h-\[120px\] {
min-height: 120px;
}
.min-h-\[200px\] {
min-height: 200px;
}
.min-h-full {
min-height: 100%;
}
.min-h-screen {
min-height: 100vh;
}
.w-0 {
width: 0;
}
.w-0\.5 {
width: 2px;
}
.w-1 {
width: 4px;
}
.w-1\.5 {
width: 6px;
}
.w-1\/2 {
width: 50%;
}
.w-1\/3 {
width: 33%;
}
.w-1\/4 {
width: 25%;
}
.w-1\/5 {
width: calc(1 / 5 * 100%);
}
.w-1\/6 {
width: calc(1 / 6 * 100%);
}
.w-2 {
width: 8px;
}
.w-2\.5 {
width: 10px;
}
.w-2\/3 {
width: 67%;
}
.w-3 {
width: 12px;
}
.w-3\.5 {
width: 14px;
}
.w-3\/4 {
width: 75%;
}
.w-3\/5 {
width: 60%;
}
.w-4 {
width: 16px;
}
.w-4\.5 {
width: 18px;
}
.w-4\/5 {
width: calc(4 / 5 * 100%);
}
.w-5 {
width: 20px;
}
.w-5\/6 {
width: calc(5 / 6 * 100%);
}
.w-6 {
width: 24px;
}
.w-7 {
width: 28px;
}
.w-8 {
width: 32px;
}
.w-9 {
width: 36px;
}
.w-9\.5 {
width: 38px;
}
.w-10 {
width: 40px;
}
.w-10\/12 {
width: calc(10 / 12 * 100%);
}
.w-11 {
width: 44px;
}
.w-11\/12 {
width: calc(11 / 12 * 100%);
}
.w-12 {
width: 48px;
}
.w-13 {
width: 52px;
}
.w-14 {
width: 56px;
}
.w-15 {
width: 60px;
}
.w-16 {
width: 64px;
}
.w-18 {
width: 72px;
}
.w-19 {
width: 76px;
}
.w-20 {
width: 80px;
}
.w-24 {
width: 96px;
}
.w-28 {
width: 112px;
}
.w-29 {
width: 116px;
}
.w-30 {
width: 120px;
}
.w-32 {
width: 128px;
}
.w-33 {
width: 132px;
}
.w-35 {
width: 140px;
}
.w-36 {
width: 144px;
}
.w-40 {
width: 160px;
}
.w-40\! {
width: 160px !important;
}
.w-44 {
width: 176px;
}
.w-45 {
width: 180px;
}
.w-48 {
width: 192px;
}
.w-48\! {
width: 192px !important;
}
.w-50 {
width: 200px;
}
.w-52 {
width: 208px;
}
.w-56 {
width: 224px;
}
.w-57\.5 {
width: 230px;
}
.w-60 {
width: 240px;
}
.w-64 {
width: 256px;
}
.w-65 {
width: 260px;
}
.w-70 {
width: 280px;
}
.w-72 {
width: 288px;
}
.w-75 {
width: 300px;
}
.w-76 {
width: 304px;
}
.w-80 {
width: 320px;
}
.w-90 {
width: 360px;
}
.w-96 {
width: 384px;
}
.w-99 {
width: calc(100% - 48px);
}
.w-100 {
width: 400px;
}
.w-\[1px\] {
width: 1px;
}
.w-\[18px\] {
width: 18px;
}
.w-\[22px\] {
width: 22px;
}
.w-\[30px\] {
width: 30px;
}
.w-\[45\%\] {
width: 45%;
}
.w-\[58\%\] {
width: 58%;
}
.w-\[63px\] {
width: 63px;
}
.w-\[65\%\] {
width: 65%;
}
.w-\[72px\] {
width: 72px;
}
.w-\[78\%\] {
width: 78%;
}
.w-\[80\%\] {
width: 80%;
}
.w-\[85\%\] {
width: 85%;
}
.w-\[92\%\] {
width: 92%;
}
.w-\[100\%\] {
width: 100%;
}
.w-\[115px\] {
width: 115px;
}
.w-\[168px\] {
width: 168px;
}
.w-\[170px\] {
width: 170px;
}
.w-\[276px\] {
width: 276px;
}
.w-\[280px\] {
width: 280px;
}
.w-\[300px\] {
width: 300px;
}
.w-\[380px\] {
width: 380px;
}
.w-\[400px\] {
width: 400px;
}
.w-auto {
width: auto;
}
.w-fit {
width: fit-content;
}
.w-full {
width: 100%;
}
.w-px {
width: 1px;
}
.w-screen {
width: 100vw;
}
.max-w-0 {
max-width: 0;
}
.max-w-1\/2 {
max-width: 50%;
}
.max-w-1\/3 {
max-width: 33%;
}
.max-w-1\/4 {
max-width: 25%;
}
.max-w-2\/3 {
max-width: 67%;
}
.max-w-2\/5 {
max-width: 40%;
}
.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-8\/10 {
max-width: 80%;
}
.max-w-19 {
max-width: 76px;
}
.max-w-32 {
max-width: 128px;
}
.max-w-40 {
max-width: 160px;
}
.max-w-45 {
max-width: 180px;
}
.max-w-48 {
max-width: 192px;
}
.max-w-50 {
max-width: 200px;
}
.max-w-52 {
max-width: 208px;
}
.max-w-54 {
max-width: 220px;
}
.max-w-56 {
max-width: 224px;
}
.max-w-60 {
max-width: 240px;
}
.max-w-62 {
max-width: 248px;
}
.max-w-64 {
max-width: 256px;
}
.max-w-70 {
max-width: 280px;
}
.max-w-80 {
max-width: 320px;
}
.max-w-90 {
max-width: 360px;
}
.max-w-90vw {
max-width: 90vw;
}
.max-w-96 {
max-width: 384px;
}
.max-w-100 {
max-width: 400px;
}
.max-w-\[35vw\] {
max-width: 35vw;
}
.max-w-\[169px\] {
max-width: 169px;
}
.max-w-\[200px\] {
max-width: 200px;
}
.max-w-\[220px\] {
max-width: 220px;
}
.max-w-\[256px\] {
max-width: 256px;
}
.max-w-\[271px\] {
max-width: 271px;
}
.max-w-\[300px\] {
max-width: 300px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[840px\] {
max-width: 840px;
}
.max-w-\[1040px\] {
max-width: 1040px;
}
.max-w-\[1280px\] {
max-width: 1280px;
}
.max-w-\[1340px\] {
max-width: 1340px;
}
.max-w-\[calc\(100vw-2rem\)\] {
max-width: calc(100vw - 2rem);
}
.max-w-\[calc\(100vw-376px\)\] {
max-width: calc(100vw - 376px);
}
.max-w-fit {
max-width: fit-content;
}
.max-w-full {
max-width: 100%;
}
.max-w-lg {
max-width: var(--container-lg);
}
.max-w-max {
max-width: max-content;
}
.max-w-md {
max-width: var(--container-md);
}
.max-w-none {
max-width: none;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-screen-content {
max-width: var(--breakpoint-content);
}
.max-w-screen-lg {
max-width: var(--breakpoint-lg);
}
.max-w-screen-md {
max-width: var(--breakpoint-md);
}
.max-w-screen-sm {
max-width: var(--breakpoint-sm);
}
.max-w-screen-xl {
max-width: var(--breakpoint-xl);
}
.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: 0;
}
.min-w-3 {
min-width: 12px;
}
.min-w-10 {
min-width: 40px;
}
.min-w-12 {
min-width: 48px;
}
.min-w-14 {
min-width: 56px;
}
.min-w-15 {
min-width: 60px;
}
.min-w-20 {
min-width: 80px;
}
.min-w-24 {
min-width: 96px;
}
.min-w-28 {
min-width: 112px;
}
.min-w-32 {
min-width: 128px;
}
.min-w-33 {
min-width: 132px;
}
.min-w-36 {
min-width: 144px;
}
.min-w-40 {
min-width: 160px;
}
.min-w-48 {
min-width: 192px;
}
.min-w-56 {
min-width: 224px;
}
.min-w-60 {
min-width: 240px;
}
.min-w-64 {
min-width: 256px;
}
.min-w-70 {
min-width: 280px;
}
.min-w-72 {
min-width: 288px;
}
.min-w-96 {
min-width: 384px;
}
.min-w-400 {
min-width: 28.573em;
}
.min-w-\[18px\] {
min-width: 18px;
}
.min-w-\[88px\] {
min-width: 88px;
}
.min-w-\[140px\] {
min-width: 140px;
}
.min-w-\[160px\] {
min-width: 160px;
}
.min-w-\[200px\] {
min-width: 200px;
}
.min-w-\[300px\] {
min-width: 300px;
}
.min-w-\[320px\] {
min-width: 320px;
}
.min-w-\[380px\] {
min-width: 380px;
}
.min-w-\[534px\] {
min-width: 534px;
}
.min-w-full {
min-width: 100%;
}
.min-w-max {
min-width: max-content;
}
.flex-1 {
flex: 1;
}
.flex-auto {
flex: auto;
}
.flex-initial {
flex: 0 auto;
}
.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;
}
.grow-0 {
flex-grow: 0;
}
.basis-1\/2 {
flex-basis: 50%;
}
.table-auto {
table-layout: auto;
}
.table-fixed {
table-layout: fixed;
}
.border-collapse {
border-collapse: collapse;
}
.origin-bottom-right {
transform-origin: 100% 100%;
}
.origin-top-left {
transform-origin: 0 0;
}
.origin-top-right {
transform-origin: 100% 0;
}
.-translate-x-1\/2 {
--tw-translate-x: calc(50% * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-5 {
--tw-translate-x: calc(20px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-full {
--tw-translate-x: -100%;
--tw-translate-x: calc(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-y-1\/2 {
--tw-translate-y: calc(50% * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-2 {
--tw-translate-y: calc(8px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-4 {
--tw-translate-y: calc(16px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-\[40\%\] {
--tw-translate-y: calc(40% * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-y-px {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-0 {
--tw-translate-y: 0;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-1 {
--tw-translate-y: 4px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-4 {
--tw-translate-y: 16px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-6 {
--tw-translate-y: 24px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-14 {
--tw-translate-y: 56px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.translate-y-px {
--tw-translate-y: 1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-50 {
--tw-scale-x: 50%;
--tw-scale-y: 50%;
--tw-scale-z: 50%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-75 {
--tw-scale-x: 75%;
--tw-scale-y: 75%;
--tw-scale-z: 75%;
scale: var(--tw-scale-x) var(--tw-scale-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);
}
.scale-110 {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-125 {
--tw-scale-x: 125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-\[var\(--ao-hover-scale\)\] {
scale: var(--ao-hover-scale);
}
.rotate-0 {
rotate: 0deg;
}
.rotate-45 {
rotate: 45deg;
}
.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-\[ping_2s_ease-out_infinite\] {
animation: ping 2s ease-out infinite;
}
.animate-\[ping_2s_ease-out_infinite_0\.6s\] {
animation: ping 2s ease-out infinite 0.6s;
}
.animate-\[widthGrow_2s_ease-out_forwards\] {
animation: widthGrow 2s ease-out forwards;
}
.animate-bounce {
animation: var(--animate-bounce);
}
.animate-fade {
animation: fadeOut 2s ease-in-out;
}
.animate-ping {
animation: var(--animate-ping);
}
.animate-pulse {
animation: var(--animate-pulse);
}
.animate-spin {
animation: var(--animate-spin);
}
.cf-button.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-flat.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-flat.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-secondary.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-secondary.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-outline.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-outline.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-danger.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-danger.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-plain-text.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-plain-text.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-zendrop.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-zendrop.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-legacy.\!disabled {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-legacy.\!disabled:hover {
cursor: not-allowed !important;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-flat.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-flat.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-secondary.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-secondary.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-outline.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-outline.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-danger.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-danger.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-plain-text.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-plain-text.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-zendrop.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-zendrop.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-legacy.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button-legacy.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cursor-default {
cursor: default;
}
.cursor-grab {
cursor: grab;
}
.cursor-grabbing {
cursor: grabbing;
}
.cursor-help {
cursor: help;
}
.cursor-move {
cursor: move;
}
.cursor-not-allowed {
cursor: not-allowed;
}
.cursor-not-allowed\! {
cursor: not-allowed !important;
}
.cursor-ns-resize {
cursor: ns-resize;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-text {
cursor: text;
}
.resize {
resize: both;
}
.resize\! {
resize: both !important;
}
.resize-none {
resize: none;
}
.snap-x {
scroll-snap-type: x var(--tw-scroll-snap-strictness);
}
.snap-mandatory {
--tw-scroll-snap-strictness: mandatory;
}
.snap-start {
scroll-snap-align: start;
}
.snap-always {
scroll-snap-stop: always;
}
.\[scrollbar-width\:none\] {
scrollbar-width: none;
}
.list-inside {
list-style-position: inside;
}
.list-outside {
list-style-position: outside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.form-select {
appearance: none;
background-color: #fff;
border-color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
border-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
}
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgb(var(--eva-color-coolGray-500%2c 81 110 134) / 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
print-color-adjust: exact;
&:where([size]:not([size="1"])) {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset;
}
}
.\[appearance\:textfield\] {
appearance: textfield;
}
.appearance-none {
appearance: none;
}
.columns-2 {
columns: 2;
}
.break-in-avoid {
break-inside: avoid;
}
.auto-cols-max {
grid-auto-columns: max-content;
}
.grid-flow-col {
grid-auto-flow: column;
}
.grid-flow-col-dense {
grid-auto-flow: column dense;
}
.auto-rows-min {
grid-auto-rows: min-content;
}
.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-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto\] {
grid-template-columns: 1fr auto;
}
.grid-cols-\[1fr_auto_1fr\] {
grid-template-columns: 1fr auto 1fr;
}
.grid-cols-\[1fr_min-content\] {
grid-template-columns: 1fr min-content;
}
.grid-cols-\[300px_1fr\] {
grid-template-columns: 300px 1fr;
}
.grid-cols-\[max-content_1fr\] {
grid-template-columns: max-content 1fr;
}
.grid-cols-\[min-content_1fr\] {
grid-template-columns: min-content 1fr;
}
.grid-cols-\[minmax\(363px\,1fr\)_1fr_1fr\] {
grid-template-columns: minmax(363px, 1fr) 1fr 1fr;
}
.grid-cols-\[repeat\(auto-fill\,minmax\(300px\,1fr\)\)\] {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-\[1fr_min-content\] {
grid-template-rows: 1fr min-content;
}
.grid-rows-\[auto_auto\] {
grid-template-rows: auto auto;
}
.grid-rows-\[min-content_1fr\] {
grid-template-rows: min-content 1fr;
}
.grid-rows-\[min-content_minmax\(175px\,min-content\)\] {
grid-template-rows: min-content minmax(175px, min-content);
}
.flex-col {
flex-direction: column;
}
.flex-col-reverse {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row;
}
.flex-row-reverse {
flex-direction: row-reverse;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.place-items-center {
place-items: center;
}
.content-center {
align-content: center;
}
.content-end {
align-content: flex-end;
}
.items-baseline {
align-items: baseline;
}
.items-center {
align-items: center;
}
.items-end {
align-items: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-stretch {
align-items: stretch;
}
.justify-around {
justify-content: space-around;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-start {
justify-content: flex-start;
}
.justify-items-center {
justify-items: center;
}
.gap-0 {
gap: 0;
}
.gap-0\.5 {
gap: 2px;
}
.gap-1 {
gap: 4px;
}
.gap-1\.5 {
gap: 6px;
}
.gap-2 {
gap: 8px;
}
.gap-2\.5 {
gap: 10px;
}
.gap-3 {
gap: 12px;
}
.gap-3\.5 {
gap: 14px;
}
.gap-4 {
gap: 16px;
}
.gap-5 {
gap: 20px;
}
.gap-6 {
gap: 24px;
}
.gap-7 {
gap: 28px;
}
.gap-8 {
gap: 32px;
}
.gap-9 {
gap: 36px;
}
.gap-10 {
gap: 40px;
}
.gap-11 {
gap: 44px;
}
.gap-12 {
gap: 48px;
}
.gap-px {
gap: 1px;
}
:where(.space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(.space-y-1 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(4px * var(--tw-space-y-reverse));
margin-block-end: calc(4px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-1\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(6px * var(--tw-space-y-reverse));
margin-block-end: calc(6px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-2 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(8px * var(--tw-space-y-reverse));
margin-block-end: calc(8px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-3 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(12px * var(--tw-space-y-reverse));
margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(16px * var(--tw-space-y-reverse));
margin-block-end: calc(16px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-4\.5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(18px * var(--tw-space-y-reverse));
margin-block-end: calc(18px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-5 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(20px * var(--tw-space-y-reverse));
margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-6 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(24px * var(--tw-space-y-reverse));
margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-8 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(32px * var(--tw-space-y-reverse));
margin-block-end: calc(32px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-10 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(40px * var(--tw-space-y-reverse));
margin-block-end: calc(40px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-12 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(48px * var(--tw-space-y-reverse));
margin-block-end: calc(48px * calc(1 - var(--tw-space-y-reverse)));
}
:where(.space-y-16 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(64px * var(--tw-space-y-reverse));
margin-block-end: calc(64px * calc(1 - var(--tw-space-y-reverse)));
}
.gap-x {
column-gap: 16px;
}
.gap-x-2 {
column-gap: 8px;
}
.gap-x-3 {
column-gap: 12px;
}
.gap-x-4 {
column-gap: 16px;
}
.gap-x-6 {
column-gap: 24px;
}
.gap-x-8 {
column-gap: 32px;
}
.gap-x-12 {
column-gap: 48px;
}
:where(.-space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(4px * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(4px * -1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(calc(8px * -1) * var(--tw-space-x-reverse));
margin-inline-end: calc(calc(8px * -1) * calc(1 - var(--tw-space-x-reverse)));
}
:where(.-space-x-px > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(-1px * var(--tw-space-x-reverse));
margin-inline-end: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-0\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(2px * var(--tw-space-x-reverse));
margin-inline-end: calc(2px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-1 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(4px * var(--tw-space-x-reverse));
margin-inline-end: calc(4px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-1\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(6px * var(--tw-space-x-reverse));
margin-inline-end: calc(6px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(8px * var(--tw-space-x-reverse));
margin-inline-end: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-2\.5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(10px * var(--tw-space-x-reverse));
margin-inline-end: calc(10px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(12px * var(--tw-space-x-reverse));
margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-4 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(16px * var(--tw-space-x-reverse));
margin-inline-end: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(20px * var(--tw-space-x-reverse));
margin-inline-end: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-6 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(24px * var(--tw-space-x-reverse));
margin-inline-end: calc(24px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-8 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(32px * var(--tw-space-x-reverse));
margin-inline-end: calc(32px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.space-x-9 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(36px * var(--tw-space-x-reverse));
margin-inline-end: calc(36px * calc(1 - var(--tw-space-x-reverse)));
}
.gap-y {
row-gap: 20px;
}
.gap-y-0 {
row-gap: 0;
}
.gap-y-1 {
row-gap: 4px;
}
.gap-y-2 {
row-gap: 8px;
}
.gap-y-3 {
row-gap: 12px;
}
.gap-y-4 {
row-gap: 16px;
}
.gap-y-6 {
row-gap: 24px;
}
.gap-y-8 {
row-gap: 32px;
}
.gap-y-12 {
row-gap: 48px;
}
:where(.divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
:where(.divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-y-0 > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.divide-solid > :not(:last-child)) {
--tw-border-style: solid;
border-style: solid;
}
:where(.divide-\[var\(--ao-border\)\] > :not(:last-child)) {
border-color: var(--ao-border);
}
:where(.divide-cloudNine-300 > :not(:last-child)) {
border-color: var(--color-cloudNine-300);
}
:where(.divide-coolGray-100 > :not(:last-child)) {
border-color: var(--color-coolGray-100);
}
:where(.divide-coolGray-150 > :not(:last-child)) {
border-color: var(--color-coolGray-150);
}
:where(.divide-coolGray-175 > :not(:last-child)) {
border-color: var(--color-coolGray-175);
}
:where(.divide-coolGray-200 > :not(:last-child)) {
border-color: var(--color-coolGray-200);
}
:where(.divide-gray-50 > :not(:last-child)) {
border-color: var(--color-gray-50);
}
:where(.divide-gray-100 > :not(:last-child)) {
border-color: var(--color-gray-100);
}
:where(.divide-gray-150 > :not(:last-child)) {
border-color: var(--color-gray-150);
}
:where(.divide-gray-175 > :not(:last-child)) {
border-color: var(--color-gray-175);
}
:where(.divide-gray-200 > :not(:last-child)) {
border-color: var(--color-gray-200);
}
:where(.divide-gray-300 > :not(:last-child)) {
border-color: var(--color-gray-300);
}
:where(.divide-gray-900\/5 > :not(:last-child)) {
border-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
}
}
:where(.divide-midnightOil-200 > :not(:last-child)) {
border-color: var(--color-midnightOil-200);
}
:where(.divide-slate-200 > :not(:last-child)) {
border-color: var(--color-slate-200);
}
:where(.divide-slate-500 > :not(:last-child)) {
border-color: var(--color-slate-500);
}
.self-center {
align-self: center;
}
.self-end {
align-self: flex-end;
}
.self-start {
align-self: flex-start;
}
.self-stretch {
align-self: stretch;
}
.justify-self-center {
justify-self: center;
}
.justify-self-end {
justify-self: flex-end;
}
.justify-self-start {
justify-self: flex-start;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-scroll {
overflow: scroll;
}
.table-scroller {
overflow-x: auto;
border-radius: var(--radius-sm);
}
.overflow-x-auto {
overflow-x: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.overflow-y-auto {
overflow-y: auto;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-y-scroll {
overflow-y: scroll;
}
.overflow-y-visible {
overflow-y: visible;
}
.overscroll-x-contain {
overscroll-behavior-x: contain;
}
.overscroll-y-none {
overscroll-behavior-y: none;
}
.rounded {
border-radius: 7px;
}
.rounded-2xl {
border-radius: var(--radius-2xl);
}
.rounded-2xs {
border-radius: var(--radius-2xs);
}
.rounded-3xl {
border-radius: var(--radius-3xl);
}
.rounded-\[4px\] {
border-radius: 4px;
}
.rounded-\[6px\] {
border-radius: 6px;
}
.rounded-\[7px\] {
border-radius: 7px;
}
.rounded-\[8px\] {
border-radius: 8px;
}
.rounded-\[12px\] {
border-radius: 12px;
}
.rounded-full {
border-radius: calc(infinity * 1px);
}
.rounded-lg {
border-radius: var(--radius-lg);
}
.rounded-md {
border-radius: var(--radius-md);
}
.rounded-none {
border-radius: 0;
}
.rounded-sm {
border-radius: var(--radius-sm);
}
.rounded-xl {
border-radius: var(--radius-xl);
}
.rounded-xs {
border-radius: var(--radius-xs);
}
.rounded-t {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.rounded-t-2xl {
border-top-left-radius: var(--radius-2xl);
border-top-right-radius: var(--radius-2xl);
}
.rounded-t-\[8px\] {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.rounded-t-\[32px\] {
border-top-left-radius: 32px;
border-top-right-radius: 32px;
}
.rounded-t-lg {
border-top-left-radius: var(--radius-lg);
border-top-right-radius: var(--radius-lg);
}
.rounded-t-md {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.rounded-t-none {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.rounded-l-full {
border-top-left-radius: calc(infinity * 1px);
border-bottom-left-radius: calc(infinity * 1px);
}
.rounded-l-lg {
border-top-left-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
}
.rounded-l-md {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
.rounded-l-none {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-l-xs {
border-top-left-radius: var(--radius-xs);
border-bottom-left-radius: var(--radius-xs);
}
.rounded-tl-lg {
border-top-left-radius: var(--radius-lg);
}
.rounded-tl-none {
border-top-left-radius: 0;
}
.rounded-tl-xl {
border-top-left-radius: var(--radius-xl);
}
.rounded-r-\[4px\] {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.rounded-r-full {
border-top-right-radius: calc(infinity * 1px);
border-bottom-right-radius: calc(infinity * 1px);
}
.rounded-r-lg {
border-top-right-radius: var(--radius-lg);
border-bottom-right-radius: var(--radius-lg);
}
.rounded-r-md {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
.rounded-r-none {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.rounded-r-xs {
border-top-right-radius: var(--radius-xs);
border-bottom-right-radius: var(--radius-xs);
}
.rounded-tr-xl {
border-top-right-radius: var(--radius-xl);
}
.rounded-b {
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.rounded-b-2xl {
border-bottom-right-radius: var(--radius-2xl);
border-bottom-left-radius: var(--radius-2xl);
}
.rounded-b-lg {
border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
}
.rounded-b-md {
border-bottom-right-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
.rounded-b-none {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.rounded-br-md {
border-bottom-right-radius: var(--radius-md);
}
.rounded-br-none {
border-bottom-right-radius: 0;
}
.rounded-bl-md {
border-bottom-left-radius: var(--radius-md);
}
.rounded-bl-none {
border-bottom-left-radius: 0;
}
.border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.border-0 {
border-style: var(--tw-border-style);
border-width: 0px;
}
.border-2 {
border-style: var(--tw-border-style);
border-width: 2px;
}
.border-3 {
border-style: var(--tw-border-style);
border-width: 3px;
}
.border-4 {
border-style: var(--tw-border-style);
border-width: 4px;
}
.border-\[1\.5px\] {
border-style: var(--tw-border-style);
border-width: 1.5px;
}
.border-\[1px\] {
border-style: var(--tw-border-style);
border-width: 1px;
}
.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-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
.border-t-2 {
border-top-style: var(--tw-border-style);
border-top-width: 2px;
}
.border-t-4 {
border-top-style: var(--tw-border-style);
border-top-width: 4px;
}
.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-r-2 {
border-right-style: var(--tw-border-style);
border-right-width: 2px;
}
.border-r-4 {
border-right-style: var(--tw-border-style);
border-right-width: 4px;
}
.border-b {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
}
.border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.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-dashed {
--tw-border-style: dashed;
border-style: dashed;
}
.border-dotted {
--tw-border-style: dotted;
border-style: dotted;
}
.border-none {
--tw-border-style: none;
border-style: none;
}
.border-solid {
--tw-border-style: solid;
border-style: solid;
}
.border-\[\#4f4b79\] {
border-color: #4f4b79;
}
.border-\[\#7e7aa6\] {
border-color: #7e7aa6;
}
.border-\[var\(--ao-accent\)\] {
border-color: var(--ao-accent);
}
.border-\[var\(--ao-accent-blue\)\] {
border-color: var(--ao-accent-blue);
}
.border-\[var\(--ao-border\)\] {
border-color: var(--ao-border);
}
.border-\[var\(--ao-heading\)\] {
border-color: var(--ao-heading);
}
.border-\[var\(--ao-muted\)\] {
border-color: var(--ao-muted);
}
.border-amber-200 {
border-color: var(--color-amber-200);
}
.border-amber-400\/25 {
border-color: color-mix(in srgb, #fbbf24 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-amber-400) 25%, transparent);
}
}
.border-amber-400\/40 {
border-color: color-mix(in srgb, #fbbf24 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
}
}
.border-amber-500\/20 {
border-color: color-mix(in srgb, #f59e0b 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
}
}
.border-amber-500\/40 {
border-color: color-mix(in srgb, #f59e0b 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent);
}
}
.border-black {
border-color: var(--color-black);
}
.border-blue {
border-color: var(--color-blue);
}
.border-blue-200 {
border-color: var(--color-blue-200);
}
.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-700 {
border-color: var(--color-blue-700);
}
.border-cloudNine-150 {
border-color: var(--color-cloudNine-150);
}
.border-cloudNine-200 {
border-color: var(--color-cloudNine-200);
}
.border-cloudNine-300 {
border-color: var(--color-cloudNine-300);
}
.border-cloudNine-400\! {
border-color: var(--color-cloudNine-400) !important;
}
.border-coolGray-100 {
border-color: var(--color-coolGray-100);
}
.border-coolGray-150 {
border-color: var(--color-coolGray-150);
}
.border-coolGray-175 {
border-color: var(--color-coolGray-175);
}
.border-coolGray-200 {
border-color: var(--color-coolGray-200);
}
.border-coolGray-400 {
border-color: var(--color-coolGray-400);
}
.border-coolGray-600 {
border-color: var(--color-coolGray-600);
}
.border-cyan-500\/20 {
border-color: color-mix(in srgb, #06b6d4 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);
}
}
.border-dawn-300 {
border-color: var(--color-dawn-300);
}
.border-gray-100 {
border-color: var(--color-gray-100);
}
.border-gray-150 {
border-color: var(--color-gray-150);
}
.border-gray-175 {
border-color: var(--color-gray-175);
}
.border-gray-200 {
border-color: var(--color-gray-200);
}
.border-gray-200\/60 {
border-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-200, 215 224 229) / 1) 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-gray-200) 60%, 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-600 {
border-color: var(--color-gray-600);
}
.border-gray-700 {
border-color: var(--color-gray-700);
}
.border-gray-800 {
border-color: var(--color-gray-800);
}
.border-gray-900 {
border-color: var(--color-gray-900);
}
.border-green-200 {
border-color: var(--color-green-200);
}
.border-green-300 {
border-color: var(--color-green-300);
}
.border-green-400 {
border-color: var(--color-green-400);
}
.border-grit-100 {
border-color: var(--color-grit-100);
}
.border-grit-200 {
border-color: var(--color-grit-200);
}
.border-heart-300 {
border-color: var(--color-heart-300);
}
.border-indigo-200 {
border-color: var(--color-indigo-200);
}
.border-indigo-400 {
border-color: var(--color-indigo-400);
}
.border-indigo-600 {
border-color: var(--color-indigo-600);
}
.border-mars-300 {
border-color: var(--color-mars-300);
}
.border-midnightOil-300 {
border-color: var(--color-midnightOil-300);
}
.border-midnightOil-500 {
border-color: var(--color-midnightOil-500);
}
.border-midnightOil-600 {
border-color: var(--color-midnightOil-600);
}
.border-midnightOil-800 {
border-color: var(--color-midnightOil-800);
}
.border-midnightOil-950 {
border-color: var(--color-midnightOil-950);
}
.border-moss-50 {
border-color: var(--color-moss-50);
}
.border-moss-200 {
border-color: var(--color-moss-200);
}
.border-moss-300 {
border-color: var(--color-moss-300);
}
.border-moss-400 {
border-color: var(--color-moss-400);
}
.border-orange-400 {
border-color: var(--color-orange-400);
}
.border-orange-500\/50 {
border-color: color-mix(in srgb, rgb(var(--eva-color-orange-500, 234 92 31) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);
}
}
.border-plasma-100 {
border-color: var(--color-plasma-100);
}
.border-plasma-200 {
border-color: var(--color-plasma-200);
}
.border-plasma-300 {
border-color: var(--color-plasma-300);
}
.border-plasma-500 {
border-color: var(--color-plasma-500);
}
.border-plasma-500\/10 {
border-color: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-plasma-500) 10%, transparent);
}
}
.border-plasma-500\/20 {
border-color: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-plasma-500) 20%, transparent);
}
}
.border-purple-400 {
border-color: var(--color-purple-400);
}
.border-red {
border-color: var(--color-red);
}
.border-red-200 {
border-color: var(--color-red-200);
}
.border-red-300 {
border-color: var(--color-red-300);
}
.border-red-500 {
border-color: var(--color-red-500);
}
.border-red-500\/40 {
border-color: color-mix(in srgb, rgb(var(--eva-color-red-500, 198 18 42) / 1) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
}
}
.border-red-600 {
border-color: var(--color-red-600);
}
.border-reef-500 {
border-color: var(--color-reef-500);
}
.border-rose-500\/20 {
border-color: color-mix(in srgb, #f43f5e 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent);
}
}
.border-sky-500\/40 {
border-color: color-mix(in srgb, #0ea5e9 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent);
}
}
.border-skyward-600 {
border-color: var(--color-skyward-600);
}
.border-slate-200 {
border-color: var(--color-slate-200);
}
.border-surge-500 {
border-color: var(--color-surge-500);
}
.border-teal-100 {
border-color: var(--color-teal-100);
}
.border-transparent {
border-color: transparent;
}
.border-violet-500\/20 {
border-color: color-mix(in srgb, #8b5cf6 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);
}
}
.border-violet-500\/50 {
border-color: color-mix(in srgb, #8b5cf6 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);
}
}
.border-wave-100 {
border-color: var(--color-wave-100);
}
.border-wave-200 {
border-color: var(--color-wave-200);
}
.border-wave-300 {
border-color: var(--color-wave-300);
}
.border-wave-400 {
border-color: var(--color-wave-400);
}
.border-wave-500 {
border-color: var(--color-wave-500);
}
.border-white {
border-color: var(--color-white);
}
.border-white\/10 {
border-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.border-white\/20 {
border-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.border-white\/30 {
border-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.border-yellow-200 {
border-color: var(--color-yellow-200);
}
.border-yellow-400 {
border-color: var(--color-yellow-400);
}
.border-yellow-500 {
border-color: var(--color-yellow-500);
}
.border-t-\[var\(--ao-accent\)\] {
border-top-color: var(--ao-accent);
}
.border-t-amber-400 {
border-top-color: var(--color-amber-400);
}
.border-t-blue-500 {
border-top-color: var(--color-blue-500);
}
.border-t-gray-900 {
border-top-color: var(--color-gray-900);
}
.border-t-transparent {
border-top-color: transparent;
}
.border-l-blue {
border-left-color: var(--color-blue);
}
.border-l-blue-500 {
border-left-color: var(--color-blue-500);
}
.border-l-transparent {
border-left-color: transparent;
}
.bg-\[\#0EA5E9\]\/10\! {
background-color: color-mix(in oklab, #0EA5E9 10%, transparent) !important;
}
.bg-\[\#1e1e32\] {
background-color: #1e1e32;
}
.bg-\[\#3B82F6\]\/10\! {
background-color: color-mix(in oklab, #3B82F6 10%, transparent) !important;
}
.bg-\[\#4f4b79\] {
background-color: #4f4b79;
}
.bg-\[\#5BDEAD\] {
background-color: #5BDEAD;
}
.bg-\[\#7E3AF2\]\/10\! {
background-color: color-mix(in oklab, #7E3AF2 10%, transparent) !important;
}
.bg-\[\#7fad34\] {
background-color: #7fad34;
}
.bg-\[\#51D8E3\] {
background-color: #51D8E3;
}
.bg-\[\#70b245\]\/30 {
background-color: color-mix(in oklab, #70b245 30%, transparent);
}
.bg-\[\#201c4c\] {
background-color: #201c4c;
}
.bg-\[\#003087\] {
background-color: #003087;
}
.bg-\[\#6366F1\] {
background-color: #6366F1;
}
.bg-\[\#009868\]\/10 {
background-color: color-mix(in oklab, #009868 10%, transparent);
}
.bg-\[\#009868\]\/10\! {
background-color: color-mix(in oklab, #009868 10%, transparent) !important;
}
.bg-\[\#71363a\] {
background-color: #71363a;
}
.bg-\[\#373363\] {
background-color: #373363;
}
.bg-\[\#796852\] {
background-color: #796852;
}
.bg-\[\#932134\] {
background-color: #932134;
}
.bg-\[\#A4CAFE\] {
background-color: #A4CAFE;
}
.bg-\[\#A8B9FF\] {
background-color: #A8B9FF;
}
.bg-\[\#AFECEF\] {
background-color: #AFECEF;
}
.bg-\[\#B7C6CE\] {
background-color: #B7C6CE;
}
.bg-\[\#BCF0DA\] {
background-color: #BCF0DA;
}
.bg-\[\#C2AEFF\] {
background-color: #C2AEFF;
}
.bg-\[\#CFE4FA\] {
background-color: #CFE4FA;
}
.bg-\[\#E0E7FF\] {
background-color: #E0E7FF;
}
.bg-\[\#E7E3FE\] {
background-color: #E7E3FE;
}
.bg-\[\#E96318\]\/10 {
background-color: color-mix(in oklab, #E96318 10%, transparent);
}
.bg-\[\#E96318\]\/10\! {
background-color: color-mix(in oklab, #E96318 10%, transparent) !important;
}
.bg-\[\#F1AE00\]\/10 {
background-color: color-mix(in oklab, #F1AE00 10%, transparent);
}
.bg-\[\#F1AE00\]\/10\! {
background-color: color-mix(in oklab, #F1AE00 10%, transparent) !important;
}
.bg-\[\#F3FDFF\] {
background-color: #F3FDFF;
}
.bg-\[\#F6F5FE\] {
background-color: #F6F5FE;
}
.bg-\[\#FA99CA\] {
background-color: #FA99CA;
}
.bg-\[\#FFA7A7\] {
background-color: #FFA7A7;
}
.bg-\[\#FFA373\] {
background-color: #FFA373;
}
.bg-\[\#FFE3F3\] {
background-color: #FFE3F3;
}
.bg-\[\#FFE6D1\] {
background-color: #FFE6D1;
}
.bg-\[\#FFF3E8\] {
background-color: #FFF3E8;
}
.bg-\[\#FFF7C5\] {
background-color: #FFF7C5;
}
.bg-\[\#FFF08D\] {
background-color: #FFF08D;
}
.bg-\[\#f71835\]\/30 {
background-color: color-mix(in oklab, #f71835 30%, transparent);
}
.bg-\[\#fdfdfc\] {
background-color: #fdfdfc;
}
.bg-\[\#feb95f\]\/30 {
background-color: color-mix(in oklab, #feb95f 30%, transparent);
}
.bg-\[var\(--ao-accent\)\] {
background-color: var(--ao-accent);
}
.bg-\[var\(--ao-accent-blue\)\] {
background-color: var(--ao-accent-blue);
}
.bg-\[var\(--ao-accent-soft\)\] {
background-color: var(--ao-accent-soft);
}
.bg-\[var\(--ao-bg\)\] {
background-color: var(--ao-bg);
}
.bg-\[var\(--ao-border\)\] {
background-color: var(--ao-border);
}
.bg-\[var\(--ao-card-bg\)\] {
background-color: var(--ao-card-bg);
}
.bg-\[var\(--ao-heading\)\] {
background-color: var(--ao-heading);
}
.bg-\[var\(--ao-muted\)\] {
background-color: var(--ao-muted);
}
.bg-\[var\(--ao-surface\)\] {
background-color: var(--ao-surface);
}
.bg-amber-50 {
background-color: var(--color-amber-50);
}
.bg-amber-100 {
background-color: var(--color-amber-100);
}
.bg-amber-400 {
background-color: var(--color-amber-400);
}
.bg-amber-500 {
background-color: var(--color-amber-500);
}
.bg-amber-500\/10 {
background-color: color-mix(in srgb, #f59e0b 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
}
}
.bg-black {
background-color: var(--color-black);
}
.bg-black\/0 {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 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, rgb(var(--eva-color-black, 0 0 0) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 20%, transparent);
}
}
.bg-black\/30 {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 30%, transparent);
}
}
.bg-black\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.bg-black\/75 {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 75%, transparent);
}
}
.bg-black\/80 {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
}
}
.bg-blue {
background-color: var(--color-blue);
}
.bg-blue-50 {
background-color: var(--color-blue-50);
}
.bg-blue-100 {
background-color: var(--color-blue-100);
}
.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\/20 {
background-color: color-mix(in srgb, rgb(var(--eva-color-blue-500, 34 170 246) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
}
}
.bg-blue-600 {
background-color: var(--color-blue-600);
}
.bg-blue-600\/25 {
background-color: color-mix(in srgb, rgb(var(--eva-color-blue-600, 16 107 244) / 1) 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-blue-600) 25%, transparent);
}
}
.bg-cloudNine-50 {
background-color: var(--color-cloudNine-50);
}
.bg-cloudNine-100 {
background-color: var(--color-cloudNine-100);
}
.bg-cloudNine-200 {
background-color: var(--color-cloudNine-200);
}
.bg-cloudNine-300 {
background-color: var(--color-cloudNine-300);
}
.bg-cloudNine-500 {
background-color: var(--color-cloudNine-500);
}
.bg-coolGray-50 {
background-color: var(--color-coolGray-50);
}
.bg-coolGray-100 {
background-color: var(--color-coolGray-100);
}
.bg-coolGray-150 {
background-color: var(--color-coolGray-150);
}
.bg-coolGray-200 {
background-color: var(--color-coolGray-200);
}
.bg-coolGray-400 {
background-color: var(--color-coolGray-400);
}
.bg-coolGray-500 {
background-color: var(--color-coolGray-500);
}
.bg-coolGray-600\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-600, 86 105 123) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-600) 50%, transparent);
}
}
.bg-coolGray-800\/75 {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-800, 54 69 87) / 1) 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-800) 75%, transparent);
}
}
.bg-coolGray-900 {
background-color: var(--color-coolGray-900);
}
.bg-coolGray-900\/95 {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 95%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-900) 95%, transparent);
}
}
.bg-cyan-500\/10 {
background-color: color-mix(in srgb, #06b6d4 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);
}
}
.bg-dawn-100 {
background-color: var(--color-dawn-100);
}
.bg-dawn-200 {
background-color: var(--color-dawn-200);
}
.bg-dawn-300 {
background-color: var(--color-dawn-300);
}
.bg-dawn-500 {
background-color: var(--color-dawn-500);
}
.bg-daydream-50 {
background-color: var(--color-daydream-50);
}
.bg-emerald-50 {
background-color: var(--color-emerald-50);
}
.bg-emerald-500 {
background-color: var(--color-emerald-500);
}
.bg-gray-50 {
background-color: var(--color-gray-50);
}
.bg-gray-100 {
background-color: var(--color-gray-100);
}
.bg-gray-150 {
background-color: var(--color-gray-150);
}
.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, rgb(var(--eva-color-coolGray-400, 183 198 206) / 1) 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-500\/75 {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent);
}
}
.bg-gray-600 {
background-color: var(--color-gray-600);
}
.bg-gray-700 {
background-color: var(--color-gray-700);
}
.bg-gray-800 {
background-color: var(--color-gray-800);
}
.bg-gray-800\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-800, 54 69 87) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
}
}
.bg-gray-900 {
background-color: var(--color-gray-900);
}
.bg-green-50 {
background-color: var(--color-green-50);
}
.bg-green-50\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-green-50, 243 250 247) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-green-50) 50%, transparent);
}
}
.bg-green-100 {
background-color: var(--color-green-100);
}
.bg-green-200 {
background-color: var(--color-green-200);
}
.bg-green-400 {
background-color: var(--color-green-400);
}
.bg-green-500 {
background-color: var(--color-green-500);
}
.bg-green-600 {
background-color: var(--color-green-600);
}
.bg-grit-50 {
background-color: var(--color-grit-50);
}
.bg-grit-50\/75 {
background-color: color-mix(in srgb, rgb(var(--eva-color-grit-50, 242 241 238) / 1) 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-grit-50) 75%, transparent);
}
}
.bg-grit-100 {
background-color: var(--color-grit-100);
}
.bg-heart-100 {
background-color: var(--color-heart-100);
}
.bg-heart-200 {
background-color: var(--color-heart-200);
}
.bg-heart-300 {
background-color: var(--color-heart-300);
}
.bg-heart-500 {
background-color: var(--color-heart-500);
}
.bg-indigo {
background-color: var(--color-indigo);
}
.bg-indigo-50 {
background-color: var(--color-indigo-50);
}
.bg-indigo-100 {
background-color: var(--color-indigo-100);
}
.bg-indigo-200 {
background-color: var(--color-indigo-200);
}
.bg-indigo-500 {
background-color: var(--color-indigo-500);
}
.bg-indigo-600 {
background-color: var(--color-indigo-600);
}
.bg-mars-50 {
background-color: var(--color-mars-50);
}
.bg-mars-100 {
background-color: var(--color-mars-100);
}
.bg-mars-200 {
background-color: var(--color-mars-200);
}
.bg-mars-300 {
background-color: var(--color-mars-300);
}
.bg-mars-500 {
background-color: var(--color-mars-500);
}
.bg-midnightOil-50 {
background-color: var(--color-midnightOil-50);
}
.bg-midnightOil-100 {
background-color: var(--color-midnightOil-100);
}
.bg-midnightOil-200 {
background-color: var(--color-midnightOil-200);
}
.bg-midnightOil-300 {
background-color: var(--color-midnightOil-300);
}
.bg-midnightOil-500 {
background-color: var(--color-midnightOil-500);
}
.bg-midnightOil-700 {
background-color: var(--color-midnightOil-700);
}
.bg-midnightOil-800 {
background-color: var(--color-midnightOil-800);
}
.bg-midnightOil-900 {
background-color: var(--color-midnightOil-900);
}
.bg-midnightOil-950 {
background-color: var(--color-midnightOil-950);
}
.bg-moss-50 {
background-color: var(--color-moss-50);
}
.bg-moss-50\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-moss-50, 241 247 236) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-moss-50) 50%, transparent);
}
}
.bg-moss-100 {
background-color: var(--color-moss-100);
}
.bg-moss-200 {
background-color: var(--color-moss-200);
}
.bg-moss-300 {
background-color: var(--color-moss-300);
}
.bg-moss-400 {
background-color: var(--color-moss-400);
}
.bg-moss-500 {
background-color: var(--color-moss-500);
}
.bg-moss-600 {
background-color: var(--color-moss-600);
}
.bg-orange-50 {
background-color: var(--color-orange-50);
}
.bg-orange-100 {
background-color: var(--color-orange-100);
}
.bg-orange-200 {
background-color: var(--color-orange-200);
}
.bg-orange-500 {
background-color: var(--color-orange-500);
}
.bg-orange-500\/20 {
background-color: color-mix(in srgb, rgb(var(--eva-color-orange-500, 234 92 31) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);
}
}
.bg-orange-600 {
background-color: var(--color-orange-600);
}
.bg-pink-50 {
background-color: var(--color-pink-50);
}
.bg-plasma-50 {
background-color: var(--color-plasma-50);
}
.bg-plasma-100 {
background-color: var(--color-plasma-100);
}
.bg-plasma-200 {
background-color: var(--color-plasma-200);
}
.bg-plasma-300 {
background-color: var(--color-plasma-300);
}
.bg-plasma-500 {
background-color: var(--color-plasma-500);
}
.bg-plasma-500\/10 {
background-color: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-plasma-500) 10%, transparent);
}
}
.bg-plasma-600 {
background-color: var(--color-plasma-600);
}
.bg-purple-50 {
background-color: var(--color-purple-50);
}
.bg-purple-100 {
background-color: var(--color-purple-100);
}
.bg-purple-200 {
background-color: var(--color-purple-200);
}
.bg-purple-400 {
background-color: var(--color-purple-400);
}
.bg-purple-500 {
background-color: var(--color-purple-500);
}
.bg-red-50 {
background-color: var(--color-red-50);
}
.bg-red-100 {
background-color: var(--color-red-100);
}
.bg-red-200 {
background-color: var(--color-red-200);
}
.bg-red-400 {
background-color: var(--color-red-400);
}
.bg-red-500 {
background-color: var(--color-red-500);
}
.bg-red-500\/10 {
background-color: color-mix(in srgb, rgb(var(--eva-color-red-500, 198 18 42) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);
}
}
.bg-red-600 {
background-color: var(--color-red-600);
}
.bg-red-900 {
background-color: var(--color-red-900);
}
.bg-reef-50 {
background-color: var(--color-reef-50);
}
.bg-reef-100 {
background-color: var(--color-reef-100);
}
.bg-reef-200 {
background-color: var(--color-reef-200);
}
.bg-reef-500 {
background-color: var(--color-reef-500);
}
.bg-reef-700 {
background-color: var(--color-reef-700);
}
.bg-rose-500\/10 {
background-color: color-mix(in srgb, #f43f5e 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent);
}
}
.bg-sky-500\/10 {
background-color: color-mix(in srgb, #0ea5e9 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent);
}
}
.bg-skyward-50 {
background-color: var(--color-skyward-50);
}
.bg-skyward-100 {
background-color: var(--color-skyward-100);
}
.bg-skyward-200 {
background-color: var(--color-skyward-200);
}
.bg-skyward-500 {
background-color: var(--color-skyward-500);
}
.bg-skyward-600 {
background-color: var(--color-skyward-600);
}
.bg-skyward-800 {
background-color: var(--color-skyward-800);
}
.bg-slate-50 {
background-color: var(--color-slate-50);
}
.bg-slate-200 {
background-color: var(--color-slate-200);
}
.bg-surge {
background-color: var(--color-surge);
}
.bg-surge-50 {
background-color: var(--color-surge-50);
}
.bg-surge-100 {
background-color: var(--color-surge-100);
}
.bg-surge-200 {
background-color: var(--color-surge-200);
}
.bg-surge-400 {
background-color: var(--color-surge-400);
}
.bg-surge-500 {
background-color: var(--color-surge-500);
}
.bg-teal-50 {
background-color: var(--color-teal-50);
}
.bg-teal-100 {
background-color: var(--color-teal-100);
}
.bg-teal-200 {
background-color: var(--color-teal-200);
}
.bg-teal-400 {
background-color: var(--color-teal-400);
}
.bg-teal-500 {
background-color: var(--color-teal-500);
}
.bg-transparent {
background-color: transparent;
}
.bg-transparent\! {
background-color: transparent !important;
}
.bg-trueGray-25 {
background-color: var(--color-trueGray-25);
}
.bg-trueGray-50 {
background-color: var(--color-trueGray-50);
}
.bg-trueGray-100 {
background-color: var(--color-trueGray-100);
}
.bg-trueGray-150 {
background-color: var(--color-trueGray-150);
}
.bg-trueGray-200 {
background-color: var(--color-trueGray-200);
}
.bg-trueGray-500 {
background-color: var(--color-trueGray-500);
}
.bg-violet-500\/10 {
background-color: color-mix(in srgb, #8b5cf6 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);
}
}
.bg-wave {
background-color: var(--color-wave);
}
.bg-wave-50 {
background-color: var(--color-wave-50);
}
.bg-wave-100 {
background-color: var(--color-wave-100);
}
.bg-wave-200 {
background-color: var(--color-wave-200);
}
.bg-wave-300 {
background-color: var(--color-wave-300);
}
.bg-wave-500 {
background-color: var(--color-wave-500);
}
.bg-wave-500\/10 {
background-color: color-mix(in srgb, rgb(var(--eva-color-wave-500, 0 117 219) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-wave-500) 10%, transparent);
}
}
.bg-wave-600 {
background-color: var(--color-wave-600);
}
.bg-wave-700 {
background-color: var(--color-wave-700);
}
.bg-white {
background-color: var(--color-white);
}
.bg-white\! {
background-color: var(--color-white) !important;
}
.bg-white\/0 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 0%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 0%, transparent);
}
}
.bg-white\/5 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.bg-white\/10 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.bg-white\/15 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 15%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
}
}
.bg-white\/20 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.bg-white\/25 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.bg-white\/30 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.bg-white\/40 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.bg-white\/50 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.bg-white\/60 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 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, rgb(var(--eva-color-white, 255 255 255) / 1) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.bg-white\/75 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 75%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
}
}
.bg-white\/80 {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 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, rgb(var(--eva-color-white, 255 255 255) / 1) 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.bg-white\/\[0\.03\] {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 3%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
}
}
.bg-white\/\[0\.04\] {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 4%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 4%, transparent);
}
}
.bg-white\/\[0\.08\] {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.bg-yellow-50 {
background-color: var(--color-yellow-50);
}
.bg-yellow-100 {
background-color: var(--color-yellow-100);
}
.bg-yellow-200 {
background-color: var(--color-yellow-200);
}
.bg-yellow-500 {
background-color: var(--color-yellow-500);
}
.bg-yellow-600 {
background-color: var(--color-yellow-600);
}
.bg-gradient-to-b {
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.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-t {
--tw-gradient-position: to top in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
}
.bg-theme-evalution-gradient {
background-image:
linear-gradient(rgba(8 4 54 / 0.50), rgba(8 4 54 / 0.50)),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' fill='none'%3E%3Ccircle cx='13.771' cy='13.924' r='13.924' fill='%23D9D9D9'/%3E%3Ccircle cx='68.924' cy='13.924' r='13.924' fill='%23D9D9D9'/%3E%3Ccircle cx='41.076' cy='68.924' r='13.924' fill='%23D9D9D9'/%3E%3Ccircle cx='96.076' cy='68.924' r='13.924' fill='%23D9D9D9'/%3E%3C/svg%3E"),
radial-gradient(
circle at 80% 0%,
#feb95f 0%,
#080436 35%,
#080436 50%,
#F71735 100%);
background-repeat:
no-repeat,
repeat,
no-repeat;
background-size:
100% 100%,
10px 10px,
100% 100%;
background-blend-mode:
normal,
soft-light,
normal;
}
.bg-\[conic-gradient\(theme\(colors\.coolGray\.400\)_25\%\,theme\(colors\.coolGray\.200\)_25\%_50\%\,theme\(colors\.coolGray\.400\)_50\%_75\%\,theme\(colors\.coolGray\.200\)_75\%\)\] {
background-image:
conic-gradient(
rgb(var(--eva-color-coolGray-400, 183 198 206) / 1) 25%,
rgb(var(--eva-color-coolGray-200, 215 224 229) / 1) 25% 50%,
rgb(var(--eva-color-coolGray-400, 183 198 206) / 1) 50% 75%,
rgb(var(--eva-color-coolGray-200, 215 224 229) / 1) 75%);
}
.bg-none {
background-image: none;
}
.pricing-page-background {
background-image:
linear-gradient(
to bottom,
#f8faff,
#fff);
}
.from-\[\#009868\] {
--tw-gradient-from: #009868;
--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-\[\#f71835\] {
--tw-gradient-from: #f71835;
--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-\[var\(--cfcc-color-brand-primary\,var\(--cfcc-color-brand-primary-default\)\)\] {
--tw-gradient-from: var(--cfcc-color-brand-primary,var(--cfcc-color-brand-primary-default));
--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-black\/20 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-black) 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));
}
.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-200\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-blue-200, 207 228 250) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-blue-200) 80%, 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-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-cyan-300\/80 {
--tw-gradient-from: color-mix(in srgb, #67e8f9 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-cyan-300) 80%, 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-emerald-100 {
--tw-gradient-from: 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));
}
.from-emerald-200\/80 {
--tw-gradient-from: color-mix(in srgb, #a7f3d0 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-emerald-200) 80%, 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-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-gray-200\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-coolGray-200, 215 224 229) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-gray-200) 80%, 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-gray-600 {
--tw-gradient-from: var(--color-gray-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-grit-100\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-grit-100, 213 210 201) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-grit-100) 80%, 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-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-200 {
--tw-gradient-from: var(--color-indigo-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-indigo-400\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-indigo-400, 168 185 255) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-indigo-400) 80%, 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-midnightOil-950 {
--tw-gradient-from: var(--color-midnightOil-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-moss-50 {
--tw-gradient-from: var(--color-moss-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-moss-400 {
--tw-gradient-from: var(--color-moss-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-400\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-orange-400, 255 163 115) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-orange-400) 80%, 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-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-pink-100\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-pink-100, 255 227 243) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-pink-100) 80%, 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-pink-300\/80 {
--tw-gradient-from: color-mix(in srgb, #f9a8d4 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-pink-300) 80%, 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-plasma-50 {
--tw-gradient-from: var(--color-plasma-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-plasma-100 {
--tw-gradient-from: var(--color-plasma-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-plasma-400 {
--tw-gradient-from: var(--color-plasma-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-plasma-500 {
--tw-gradient-from: var(--color-plasma-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-plasma-500\/5 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-plasma-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));
}
.from-purple-100 {
--tw-gradient-from: var(--color-purple-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-purple-100\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-purple-100, 231 227 254) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-purple-100) 80%, 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-red-300\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-red-300, 217 96 112) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-red-300) 80%, 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-surge-200 {
--tw-gradient-from: var(--color-surge-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-teal-200\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-teal-200, 175 236 239) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-teal-200) 80%, 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-transparent {
--tw-gradient-from: 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-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-wave-50 {
--tw-gradient-from: var(--color-wave-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-yellow-100\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-yellow-100, 255 247 197) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-yellow-100) 80%, 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-yellow-200\/80 {
--tw-gradient-from: color-mix(in srgb, rgb(var(--eva-color-yellow-200, 255 240 141) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-from: color-mix(in oklab, var(--color-yellow-200) 80%, 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));
}
.via-\[\#E96318\] {
--tw-gradient-via: #E96318;
--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-moss-100 {
--tw-gradient-via: var(--color-moss-100);
--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-transparent {
--tw-gradient-via: 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-white {
--tw-gradient-via: var(--color-white);
--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-\[\#F1AE00\] {
--tw-gradient-to: #F1AE00;
--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-\[\#feb95f\] {
--tw-gradient-to: #feb95f;
--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-\[var\(--cfcc-color-brand-50\,var\(--cfcc-color-brand-light-default\)\)\] {
--tw-gradient-to: var(--cfcc-color-brand-50,var(--cfcc-color-brand-light-default));
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-200 {
--tw-gradient-to: var(--color-blue-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-blue-300 {
--tw-gradient-to: var(--color-blue-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-cyan-300 {
--tw-gradient-to: var(--color-cyan-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-emerald-200 {
--tw-gradient-to: var(--color-emerald-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-200 {
--tw-gradient-to: var(--color-gray-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-gray-800 {
--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));
}
.to-green-200 {
--tw-gradient-to: var(--color-green-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-grit-200 {
--tw-gradient-to: var(--color-grit-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-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-200 {
--tw-gradient-to: var(--color-indigo-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-indigo-300 {
--tw-gradient-to: var(--color-indigo-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-indigo-400 {
--tw-gradient-to: 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));
}
.to-indigo-700 {
--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));
}
.to-midnightOil-700 {
--tw-gradient-to: var(--color-midnightOil-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-moss-200 {
--tw-gradient-to: var(--color-moss-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-moss-500 {
--tw-gradient-to: var(--color-moss-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-orange-400 {
--tw-gradient-to: var(--color-orange-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-100 {
--tw-gradient-to: var(--color-pink-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-pink-300 {
--tw-gradient-to: var(--color-pink-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-pink-500 {
--tw-gradient-to: var(--color-pink-500);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-plasma-100 {
--tw-gradient-to: var(--color-plasma-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-plasma-200 {
--tw-gradient-to: var(--color-plasma-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-plasma-500\/0 {
--tw-gradient-to: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 0%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-gradient-to: color-mix(in oklab, var(--color-plasma-500) 0%, 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-plasma-600 {
--tw-gradient-to: var(--color-plasma-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-plasma-700 {
--tw-gradient-to: var(--color-plasma-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-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-100 {
--tw-gradient-to: var(--color-purple-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-purple-300 {
--tw-gradient-to: var(--color-purple-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-purple-700 {
--tw-gradient-to: var(--color-purple-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-red-300 {
--tw-gradient-to: var(--color-red-300);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-surge-400 {
--tw-gradient-to: var(--color-surge-400);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-teal-200 {
--tw-gradient-to: var(--color-teal-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-transparent {
--tw-gradient-to: 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-wave-50 {
--tw-gradient-to: var(--color-wave-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-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));
}
.to-yellow-100 {
--tw-gradient-to: var(--color-yellow-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-yellow-200 {
--tw-gradient-to: var(--color-yellow-200);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.bg-\[size\:25px_25px\] {
background-size: 25px 25px;
}
.fill-current {
fill: currentcolor;
}
.fill-slate-400 {
fill: var(--color-slate-400);
}
.stroke-current {
stroke: currentcolor;
}
.object-contain {
object-fit: contain;
}
.object-cover {
object-fit: cover;
}
.object-scale-down {
object-fit: scale-down;
}
.object-center {
object-position: center;
}
.object-top {
object-position: top;
}
.p-0 {
padding: 0;
}
.p-1 {
padding: 4px;
}
.p-1\.5 {
padding: 6px;
}
.p-2 {
padding: 8px;
}
.p-2\.5 {
padding: 10px;
}
.p-3 {
padding: 12px;
}
.p-4 {
padding: 16px;
}
.p-5 {
padding: 20px;
}
.p-6 {
padding: 24px;
}
.p-8 {
padding: 32px;
}
.p-9 {
padding: 36px;
}
.p-10 {
padding: 40px;
}
.p-12 {
padding: 48px;
}
.p-\[10px\] {
padding: 10px;
}
.p-\[25\%\] {
padding: 25%;
}
.p-px {
padding: 1px;
}
.px-0 {
padding-inline: 0;
}
.px-0\.5 {
padding-inline: 2px;
}
.px-1 {
padding-inline: 4px;
}
.px-1\.5 {
padding-inline: 6px;
}
.px-2 {
padding-inline: 8px;
}
.px-2\! {
padding-inline: 8px !important;
}
.px-2\.5 {
padding-inline: 10px;
}
.px-3 {
padding-inline: 12px;
}
.px-3\.5 {
padding-inline: 14px;
}
.px-4 {
padding-inline: 16px;
}
.px-5 {
padding-inline: 20px;
}
.px-6 {
padding-inline: 24px;
}
.px-7 {
padding-inline: 28px;
}
.px-8 {
padding-inline: 32px;
}
.px-9 {
padding-inline: 36px;
}
.px-10 {
padding-inline: 40px;
}
.px-11 {
padding-inline: 44px;
}
.px-12 {
padding-inline: 48px;
}
.px-14 {
padding-inline: 56px;
}
.px-15 {
padding-inline: 60px;
}
.px-\[2px\] {
padding-inline: 2px;
}
.px-\[10px\] {
padding-inline: 10px;
}
.px-\[30px\] {
padding-inline: 30px;
}
.py-0 {
padding-block: 0;
}
.py-0\.5 {
padding-block: 2px;
}
.py-1 {
padding-block: 4px;
}
.py-1\.5 {
padding-block: 6px;
}
.py-2 {
padding-block: 8px;
}
.py-2\! {
padding-block: 8px !important;
}
.py-2\.5 {
padding-block: 10px;
}
.py-3 {
padding-block: 12px;
}
.py-3\.5 {
padding-block: 14px;
}
.py-4 {
padding-block: 16px;
}
.py-5 {
padding-block: 20px;
}
.py-6 {
padding-block: 24px;
}
.py-7 {
padding-block: 28px;
}
.py-8 {
padding-block: 32px;
}
.py-9 {
padding-block: 36px;
}
.py-10 {
padding-block: 40px;
}
.py-12 {
padding-block: 48px;
}
.py-16 {
padding-block: 64px;
}
.py-20 {
padding-block: 80px;
}
.py-32 {
padding-block: 128px;
}
.py-\[2px\] {
padding-block: 2px;
}
.py-\[15px\] {
padding-block: 15px;
}
.py-\[30px\] {
padding-block: 30px;
}
.pt-0 {
padding-top: 0;
}
.pt-0\! {
padding-top: 0 !important;
}
.pt-0\.5 {
padding-top: 2px;
}
.pt-1 {
padding-top: 4px;
}
.pt-1\.5 {
padding-top: 6px;
}
.pt-2 {
padding-top: 8px;
}
.pt-2\.5 {
padding-top: 10px;
}
.pt-3 {
padding-top: 12px;
}
.pt-4 {
padding-top: 16px;
}
.pt-5 {
padding-top: 20px;
}
.pt-6 {
padding-top: 24px;
}
.pt-7 {
padding-top: 28px;
}
.pt-8 {
padding-top: 32px;
}
.pt-9 {
padding-top: 36px;
}
.pt-10 {
padding-top: 40px;
}
.pt-11 {
padding-top: 44px;
}
.pt-14 {
padding-top: 56px;
}
.pt-15 {
padding-top: 60px;
}
.pt-16 {
padding-top: 64px;
}
.pt-20 {
padding-top: 80px;
}
.pt-\[15vh\] {
padding-top: 15vh;
}
.pt-\[env\(safe-area-inset-top\)\] {
padding-top: env(safe-area-inset-top);
}
.pr-0 {
padding-right: 0;
}
.pr-0\! {
padding-right: 0 !important;
}
.pr-1 {
padding-right: 4px;
}
.pr-1\! {
padding-right: 4px !important;
}
.pr-1\.5 {
padding-right: 6px;
}
.pr-2 {
padding-right: 8px;
}
.pr-3 {
padding-right: 12px;
}
.pr-3\.5 {
padding-right: 14px;
}
.pr-4 {
padding-right: 16px;
}
.pr-5 {
padding-right: 20px;
}
.pr-6 {
padding-right: 24px;
}
.pr-6\! {
padding-right: 24px !important;
}
.pr-7 {
padding-right: 28px;
}
.pr-8 {
padding-right: 32px;
}
.pr-9 {
padding-right: 36px;
}
.pr-10 {
padding-right: 40px;
}
.pr-11 {
padding-right: 44px;
}
.pr-12 {
padding-right: 48px;
}
.pr-13 {
padding-right: 52px;
}
.pr-15 {
padding-right: 60px;
}
.pr-\[46px\] {
padding-right: 46px;
}
.pb-0 {
padding-bottom: 0;
}
.pb-0\! {
padding-bottom: 0 !important;
}
.pb-1 {
padding-bottom: 4px;
}
.pb-1\.5 {
padding-bottom: 6px;
}
.pb-2 {
padding-bottom: 8px;
}
.pb-3 {
padding-bottom: 12px;
}
.pb-3\.5 {
padding-bottom: 14px;
}
.pb-4 {
padding-bottom: 16px;
}
.pb-5 {
padding-bottom: 20px;
}
.pb-6 {
padding-bottom: 24px;
}
.pb-8 {
padding-bottom: 32px;
}
.pb-10 {
padding-bottom: 40px;
}
.pb-11 {
padding-bottom: 44px;
}
.pb-12 {
padding-bottom: 48px;
}
.pb-14 {
padding-bottom: 56px;
}
.pb-16 {
padding-bottom: 64px;
}
.pb-18 {
padding-bottom: 72px;
}
.pb-20 {
padding-bottom: 80px;
}
.pb-24 {
padding-bottom: 96px;
}
.pb-32 {
padding-bottom: 128px;
}
.pb-\[72px\] {
padding-bottom: 72px;
}
.pb-\[env\(safe-area-inset-bottom\)\] {
padding-bottom: env(safe-area-inset-bottom);
}
.pl-0 {
padding-left: 0;
}
.pl-0\! {
padding-left: 0 !important;
}
.pl-1 {
padding-left: 4px;
}
.pl-1\.5 {
padding-left: 6px;
}
.pl-2 {
padding-left: 8px;
}
.pl-3 {
padding-left: 12px;
}
.pl-3\! {
padding-left: 12px !important;
}
.pl-4 {
padding-left: 16px;
}
.pl-5 {
padding-left: 20px;
}
.pl-6 {
padding-left: 24px;
}
.pl-7 {
padding-left: 28px;
}
.pl-8 {
padding-left: 32px;
}
.pl-9 {
padding-left: 36px;
}
.pl-10 {
padding-left: 40px;
}
.pl-12 {
padding-left: 48px;
}
.pl-13 {
padding-left: 52px;
}
.pl-14 {
padding-left: 56px;
}
.pl-24 {
padding-left: 96px;
}
.pl-36 {
padding-left: 144px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-start {
text-align: start;
}
.align-\[-0\.05em\] {
vertical-align: -0.05em;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.text-eyebrow-md {
font-family: "Work Sans", Arial;
font-weight: 700;
font-size: 0.875rem;
letter-spacing: 1.68px;
line-height: 120%;
text-transform: uppercase;
}
.text-eyebrow-sm {
font-family: "Work Sans", Arial;
font-weight: 700;
font-size: 0.75rem;
letter-spacing: 1.44px;
line-height: 120%;
text-transform: uppercase;
}
.text-body-lg {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 1rem;
letter-spacing: 0;
line-height: 160%;
}
.text-body-lg\! {
font-family: "Work Sans", Arial !important;
font-weight: 500 !important;
font-size: 1rem !important;
letter-spacing: 0 !important;
line-height: 160% !important;
}
.text-body-md {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 0.875rem;
letter-spacing: 0;
line-height: 140%;
}
.text-body-sm {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0;
line-height: 140%;
}
.text-caption {
font-family: "Work Sans", Arial;
font-weight: 400;
font-size: 0.75rem;
letter-spacing: 0;
line-height: 160%;
}
.text-display-lg {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 3.5rem;
letter-spacing: -0.03em;
line-height: 120%;
}
.text-display-md {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 3rem;
letter-spacing: -0.03em;
line-height: 120%;
}
.text-display-sm {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 2.5rem;
letter-spacing: -0.02em;
line-height: 120%;
}
.text-display-xl {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 4.5rem;
letter-spacing: -0.03em;
line-height: 100%;
}
.text-heading-lg {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 2rem;
letter-spacing: -0.02em;
line-height: 130%;
}
.text-heading-md {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 1.75rem;
letter-spacing: -0.02em;
line-height: 130%;
}
.text-heading-sm {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 1.5rem;
letter-spacing: -0.01em;
line-height: 130%;
}
.text-label-lg {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 1rem;
letter-spacing: 0;
line-height: 140%;
}
.text-label-md {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 0.875rem;
letter-spacing: 0;
line-height: 140%;
}
.text-label-sm {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0;
line-height: 140%;
}
.text-title-lg {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 1.375rem;
letter-spacing: 0;
line-height: 130%;
}
.text-title-md {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 1.25rem;
letter-spacing: 0;
line-height: 130%;
}
.text-title-sm {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 1.125rem;
letter-spacing: -0.03em;
line-height: 140%;
}
.font-secondary {
font-family: "Work Sans", Arial;
font-weight: 500;
letter-spacing: -0.01em;
}
.font-\[\'Work_Sans\'\,system-ui\,sans-serif\] {
font-family:
"Work Sans",
system-ui,
sans-serif;
}
.font-\[Rooftop\,sans-serif\] {
font-family: Rooftop, sans-serif;
}
.font-mono {
font-family: var(--font-mono);
}
.font-sans {
font-family: var(--font-sans);
}
.font-secondary {
font-family: var(--font-secondary);
}
.text-2xs {
text-transform: none;
font-size: 0.65rem;
line-height: 1.25rem;
letter-spacing: 0;
}
.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-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.text-6xl {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
.text-8xl {
font-size: var(--text-8xl);
line-height: var(--tw-leading, var(--text-8xl--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-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-2xs {
font-size: var(--text-2xs);
}
.text-\[0\.375rem\] {
font-size: 0.375rem;
}
.text-\[7px\] {
font-size: 7px;
}
.text-\[8px\] {
font-size: 8px;
}
.text-\[9px\] {
font-size: 9px;
}
.text-\[10px\] {
font-size: 10px;
}
.text-\[11px\] {
font-size: 11px;
}
.text-\[13px\] {
font-size: 13px;
}
.text-\[15px\] {
font-size: 15px;
}
.text-\[18px\] {
font-size: 18px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-\[36px\] {
font-size: 36px;
}
.text-\[64px\] {
font-size: 64px;
}
.\!leading-none {
--tw-leading: 1 !important;
line-height: 1 !important;
}
.leading-3 {
--tw-leading: var(--leading-3);
line-height: var(--leading-3);
}
.leading-4 {
--tw-leading: var(--leading-4);
line-height: var(--leading-4);
}
.leading-4\.5 {
--tw-leading: var(--leading-4\.5);
line-height: var(--leading-4\.5);
}
.leading-5 {
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
}
.leading-6 {
--tw-leading: var(--leading-6);
line-height: var(--leading-6);
}
.leading-7 {
--tw-leading: var(--leading-7);
line-height: var(--leading-7);
}
.leading-8 {
--tw-leading: var(--leading-8);
line-height: var(--leading-8);
}
.leading-9 {
--tw-leading: var(--leading-9);
line-height: var(--leading-9);
}
.leading-9\.5 {
--tw-leading: var(--leading-9\.5);
line-height: var(--leading-9\.5);
}
.leading-10 {
--tw-leading: var(--leading-10);
line-height: var(--leading-10);
}
.leading-\[1rem\] {
--tw-leading: 1rem;
line-height: 1rem;
}
.leading-\[8px\] {
--tw-leading: 8px;
line-height: 8px;
}
.leading-\[14px\] {
--tw-leading: 14px;
line-height: 14px;
}
.leading-\[22px\] {
--tw-leading: 22px;
line-height: 22px;
}
.leading-\[148\%\] {
--tw-leading: 148%;
line-height: 148%;
}
.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-extralight {
--tw-font-weight: var(--font-weight-extralight);
font-weight: var(--font-weight-extralight);
}
.font-light {
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.font-thin {
--tw-font-weight: var(--font-weight-thin);
font-weight: var(--font-weight-thin);
}
.-tracking-\[0\.02em\] {
--tw-tracking: calc(0.02em * -1);
letter-spacing: calc(0.02em * -1);
}
.tracking-\[-0\.13px\] {
--tw-tracking: -0.13px;
letter-spacing: -0.13px;
}
.tracking-\[0\.12em\] {
--tw-tracking: 0.12em;
letter-spacing: 0.12em;
}
.tracking-\[0\.66px\] {
--tw-tracking: 0.66px;
letter-spacing: 0.66px;
}
.tracking-normal {
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-tighter {
--tw-tracking: var(--tracking-tighter);
letter-spacing: var(--tracking-tighter);
}
.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);
}
.text-balance {
text-wrap: balance;
}
.text-nowrap {
text-wrap: nowrap;
}
.text-pretty {
text-wrap: pretty;
}
.text-wrap {
text-wrap: wrap;
}
.text-wrap\! {
text-wrap: wrap !important;
}
.break-words {
overflow-wrap: break-word;
}
.break-all {
word-break: break-all;
}
.text-ellipsis {
text-overflow: ellipsis;
}
.hyphens-auto {
-webkit-hyphens: auto;
hyphens: auto;
}
.\!whitespace-normal {
white-space: normal !important;
}
.whitespace-normal {
white-space: normal;
}
.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-\[\#0EA5E9\]\! {
color: #0EA5E9 !important;
}
.text-\[\#1a1a2e\] {
color: #1a1a2e;
}
.text-\[\#2B76FF\] {
color: #2B76FF;
}
.text-\[\#3B82F6\]\! {
color: #3B82F6 !important;
}
.text-\[\#4A1D96\] {
color: #4A1D96;
}
.text-\[\#4F46E5\] {
color: #4F46E5;
}
.text-\[\#5BDEAD\] {
color: #5BDEAD;
}
.text-\[\#7E3AF2\] {
color: #7E3AF2;
}
.text-\[\#7E3AF2\]\! {
color: #7E3AF2 !important;
}
.text-\[\#7e7aa6\] {
color: #7e7aa6;
}
.text-\[\#103AA5\] {
color: #103AA5;
}
.text-\[\#106BF4\] {
color: #106BF4;
}
.text-\[\#151D28\] {
color: #151D28;
}
.text-\[\#362F78\] {
color: #362F78;
}
.text-\[\#771D1D\] {
color: #771D1D;
}
.text-\[\#922D02\] {
color: #922D02;
}
.text-\[\#009868\] {
color: #009868;
}
.text-\[\#009868\]\! {
color: #009868 !important;
}
.text-\[\#014451\] {
color: #014451;
}
.text-\[\#014737\] {
color: #014737;
}
.text-\[\#520522\] {
color: #520522;
}
.text-\[\#986400\] {
color: #986400;
}
.text-\[\#A4CAFE\] {
color: #A4CAFE;
}
.text-\[\#D61F69\] {
color: #D61F69;
}
.text-\[\#E96318\] {
color: #E96318;
}
.text-\[\#E96318\]\! {
color: #E96318 !important;
}
.text-\[\#F1AE00\] {
color: #F1AE00;
}
.text-\[\#F1AE00\]\! {
color: #F1AE00 !important;
}
.text-\[\#F9F6F3\] {
color: #F9F6F3;
}
.text-\[\#FFFFFF\] {
color: #FFFFFF;
}
.text-\[\#adaad2\] {
color: #adaad2;
}
.text-\[\#bddca9\] {
color: #bddca9;
}
.text-\[\#e02424\] {
color: #e02424;
}
.text-\[\#f8ccba\] {
color: #f8ccba;
}
.text-\[\#fafaf9\] {
color: #fafaf9;
}
.text-\[\#fdabb5\] {
color: #fdabb5;
}
.text-\[\#fdf2f2\] {
color: #fdf2f2;
}
.text-\[\#feb95f\] {
color: #feb95f;
}
.text-\[\#fff7c5\] {
color: #fff7c5;
}
.text-\[var\(--ao-accent\)\] {
color: var(--ao-accent);
}
.text-\[var\(--ao-accent-warm\)\] {
color: var(--ao-accent-warm);
}
.text-\[var\(--ao-brand\)\] {
color: var(--ao-brand);
}
.text-\[var\(--ao-heading\)\] {
color: var(--ao-heading);
}
.text-\[var\(--ao-muted\)\] {
color: var(--ao-muted);
}
.text-\[var\(--ao-muted-light\)\] {
color: var(--ao-muted-light);
}
.text-\[var\(--ao-on-accent\)\] {
color: var(--ao-on-accent);
}
.text-amber-100 {
color: var(--color-amber-100);
}
.text-amber-300 {
color: var(--color-amber-300);
}
.text-amber-400 {
color: var(--color-amber-400);
}
.text-amber-400\/90 {
color: color-mix(in srgb, #fbbf24 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-amber-400) 90%, transparent);
}
}
.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-800 {
color: var(--color-amber-800);
}
.text-amber-900 {
color: var(--color-amber-900);
}
.text-black {
color: var(--color-black);
}
.text-blue {
color: var(--color-blue);
}
.text-blue-50 {
color: var(--color-blue-50);
}
.text-blue-200 {
color: var(--color-blue-200);
}
.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-800 {
color: var(--color-blue-800);
}
.text-blue-900 {
color: var(--color-blue-900);
}
.text-cloudNine {
color: var(--color-cloudNine);
}
.text-cloudNine-50 {
color: var(--color-cloudNine-50);
}
.text-cloudNine-400 {
color: var(--color-cloudNine-400);
}
.text-cloudNine-500 {
color: var(--color-cloudNine-500);
}
.text-cloudNine-600 {
color: var(--color-cloudNine-600);
}
.text-cloudNine-700 {
color: var(--color-cloudNine-700);
}
.text-cloudNine-800 {
color: var(--color-cloudNine-800);
}
.text-cloudNine-900 {
color: var(--color-cloudNine-900);
}
.text-cloudNine-1000 {
color: var(--color-cloudNine-1000);
}
.text-coolGray {
color: var(--color-coolGray);
}
.text-coolGray-50 {
color: var(--color-coolGray-50);
}
.text-coolGray-100 {
color: var(--color-coolGray-100);
}
.text-coolGray-200 {
color: var(--color-coolGray-200);
}
.text-coolGray-400 {
color: var(--color-coolGray-400);
}
.text-coolGray-500 {
color: var(--color-coolGray-500);
}
.text-coolGray-600 {
color: var(--color-coolGray-600);
}
.text-coolGray-800 {
color: var(--color-coolGray-800);
}
.text-coolGray-900 {
color: var(--color-coolGray-900);
}
.text-coolGray-900\/85 {
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 85%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-coolGray-900) 85%, transparent);
}
}
.text-current {
color: currentcolor;
}
.text-cyan-400 {
color: var(--color-cyan-400);
}
.text-cyan-600 {
color: var(--color-cyan-600);
}
.text-dawn-300 {
color: var(--color-dawn-300);
}
.text-daydream-500 {
color: var(--color-daydream-500);
}
.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-900 {
color: var(--color-emerald-900);
}
.text-gray {
color: var(--color-gray);
}
.text-gray-50 {
color: var(--color-gray-50);
}
.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-gray-900\/80 {
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
}
}
.text-gray-950 {
color: var(--color-gray-950);
}
.text-green {
color: var(--color-green);
}
.text-green-200 {
color: var(--color-green-200);
}
.text-green-300 {
color: var(--color-green-300);
}
.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-800\/50 {
color: color-mix(in srgb, rgb(var(--eva-color-green-800, 1 71 55) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-green-800) 50%, transparent);
}
}
.text-green-900 {
color: var(--color-green-900);
}
.text-grit-600 {
color: var(--color-grit-600);
}
.text-grit-800 {
color: var(--color-grit-800);
}
.text-heart {
color: var(--color-heart);
}
.text-heart-300 {
color: var(--color-heart-300);
}
.text-heart-400 {
color: var(--color-heart-400);
}
.text-heart-500 {
color: var(--color-heart-500);
}
.text-heart-600 {
color: var(--color-heart-600);
}
.text-heart-800 {
color: var(--color-heart-800);
}
.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-indigo-900 {
color: var(--color-indigo-900);
}
.text-inherit {
color: inherit;
}
.text-mars-300 {
color: var(--color-mars-300);
}
.text-mars-500 {
color: var(--color-mars-500);
}
.text-mars-600 {
color: var(--color-mars-600);
}
.text-mars-800 {
color: var(--color-mars-800);
}
.text-midnightOil-50 {
color: var(--color-midnightOil-50);
}
.text-midnightOil-100 {
color: var(--color-midnightOil-100);
}
.text-midnightOil-200 {
color: var(--color-midnightOil-200);
}
.text-midnightOil-300 {
color: var(--color-midnightOil-300);
}
.text-midnightOil-400 {
color: var(--color-midnightOil-400);
}
.text-midnightOil-500 {
color: var(--color-midnightOil-500);
}
.text-midnightOil-700 {
color: var(--color-midnightOil-700);
}
.text-midnightOil-800 {
color: var(--color-midnightOil-800);
}
.text-midnightOil-950 {
color: var(--color-midnightOil-950);
}
.text-midnightOil-1000 {
color: var(--color-midnightOil-1000);
}
.text-moss {
color: var(--color-moss);
}
.text-moss-300 {
color: var(--color-moss-300);
}
.text-moss-400 {
color: var(--color-moss-400);
}
.text-moss-500 {
color: var(--color-moss-500);
}
.text-moss-600 {
color: var(--color-moss-600);
}
.text-moss-700 {
color: var(--color-moss-700);
}
.text-moss-800 {
color: var(--color-moss-800);
}
.text-moss-900 {
color: var(--color-moss-900);
}
.text-orange {
color: var(--color-orange);
}
.text-orange-100 {
color: var(--color-orange-100);
}
.text-orange-200 {
color: var(--color-orange-200);
}
.text-orange-400 {
color: var(--color-orange-400);
}
.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-500 {
color: var(--color-pink-500);
}
.text-pink-600 {
color: var(--color-pink-600);
}
.text-pink-900 {
color: var(--color-pink-900);
}
.text-plasma-300 {
color: var(--color-plasma-300);
}
.text-plasma-500 {
color: var(--color-plasma-500);
}
.text-plasma-600 {
color: var(--color-plasma-600);
}
.text-plasma-700 {
color: var(--color-plasma-700);
}
.text-plasma-800 {
color: var(--color-plasma-800);
}
.text-plasma-900 {
color: var(--color-plasma-900);
}
.text-purple-400 {
color: var(--color-purple-400);
}
.text-purple-500 {
color: var(--color-purple-500);
}
.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-purple-900 {
color: var(--color-purple-900);
}
.text-red {
color: var(--color-red);
}
.text-red-100 {
color: var(--color-red-100);
}
.text-red-300 {
color: var(--color-red-300);
}
.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-reef-400 {
color: var(--color-reef-400);
}
.text-reef-500 {
color: var(--color-reef-500);
}
.text-reef-800 {
color: var(--color-reef-800);
}
.text-rose-400 {
color: var(--color-rose-400);
}
.text-secondary {
color: var(--color-secondary);
}
.text-sky-100 {
color: var(--color-sky-100);
}
.text-skyward {
color: var(--color-skyward);
}
.text-skyward-500 {
color: var(--color-skyward-500);
}
.text-skyward-600 {
color: var(--color-skyward-600);
}
.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-900 {
color: var(--color-slate-900);
}
.text-surge {
color: var(--color-surge);
}
.text-surge-200 {
color: var(--color-surge-200);
}
.text-surge-400 {
color: var(--color-surge-400);
}
.text-surge-500 {
color: var(--color-surge-500);
}
.text-surge-600 {
color: var(--color-surge-600);
}
.text-surge-800 {
color: var(--color-surge-800);
}
.text-surge-900 {
color: var(--color-surge-900);
}
.text-teal-400 {
color: var(--color-teal-400);
}
.text-teal-500 {
color: var(--color-teal-500);
}
.text-teal-600 {
color: var(--color-teal-600);
}
.text-teal-800 {
color: var(--color-teal-800);
}
.text-transparent {
color: transparent;
}
.text-trueGray-400 {
color: var(--color-trueGray-400);
}
.text-trueGray-500 {
color: var(--color-trueGray-500);
}
.text-trueGray-600 {
color: var(--color-trueGray-600);
}
.text-trueGray-800 {
color: var(--color-trueGray-800);
}
.text-violet-400 {
color: var(--color-violet-400);
}
.text-wave {
color: var(--color-wave);
}
.text-wave-300 {
color: var(--color-wave-300);
}
.text-wave-500 {
color: var(--color-wave-500);
}
.text-wave-600 {
color: var(--color-wave-600);
}
.text-wave-700 {
color: var(--color-wave-700);
}
.text-wave-800 {
color: var(--color-wave-800);
}
.text-white {
color: var(--color-white);
}
.text-white\/30 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.text-white\/50 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.text-white\/60 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.text-white\/70 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/80 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.text-white\/90 {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 90%, transparent);
}
}
.text-yellow {
color: var(--color-yellow);
}
.text-yellow-300 {
color: var(--color-yellow-300);
}
.text-yellow-400 {
color: var(--color-yellow-400);
}
.text-yellow-500 {
color: var(--color-yellow-500);
}
.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-800\/80 {
color: color-mix(in srgb, rgb(var(--eva-color-yellow-800, 152 100 0) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-yellow-800) 80%, transparent);
}
}
.text-yellow-900 {
color: var(--color-yellow-900);
}
.capitalize {
text-transform: capitalize;
}
.capitalize\! {
text-transform: capitalize !important;
}
.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,);
}
.proportional-nums {
--tw-numeric-spacing: proportional-nums;
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 !important;
}
.line-through {
text-decoration-line: line-through;
}
.no-underline {
text-decoration-line: none;
}
.underline {
text-decoration-line: underline;
}
.underline-offset-2 {
text-underline-offset: 2px;
}
.placeholder-\[var\(--ao-muted-light\)\]::placeholder {
color: var(--ao-muted-light);
}
.placeholder-coolGray-400::placeholder {
color: var(--color-coolGray-400);
}
.placeholder-gray-200::placeholder {
color: var(--color-gray-200);
}
.placeholder-gray-400::placeholder {
color: var(--color-gray-400);
}
.placeholder-gray-500::placeholder {
color: var(--color-gray-500);
}
.placeholder-red::placeholder {
color: var(--color-red);
}
.opacity-0 {
opacity: 0%;
}
.opacity-20 {
opacity: 20%;
}
.opacity-25 {
opacity: 25%;
}
.opacity-30 {
opacity: 30%;
}
.opacity-35 {
opacity: 35%;
}
.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-85 {
opacity: 85%;
}
.opacity-100 {
opacity: 100%;
}
.shadow {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
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: 0px 2px 59px var(--tw-shadow-color, rgba(34, 38, 40, 0.16));
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_0_0_3px_rgba\(168\,85\,247\,0\.1\)\] {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(168,85,247,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-\[0_0_0_3px_rgba\(168\,85\,247\,0\.15\)\] {
--tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(168,85,247,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_0_12px_0_rgba\(86\,105\,123\,0\.15\)\] {
--tw-shadow: 0 0 12px 0 var(--tw-shadow-color, rgba(86,105,123,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_0_12px_rgba\(241\,146\,105\,0\.5\)\] {
--tw-shadow: 0 0 12px var(--tw-shadow-color, rgba(241,146,105,0.5));
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_8px_30px_var\(--ao-shadow-lg\)\] {
--tw-shadow: 0 8px 30px var(--tw-shadow-color, var(--ao-shadow-lg));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0px_-4px_24px_0_rgba\(0\,0\,0\,0\.10\)\] {
--tw-shadow: 0px -4px 24px 0 var(--tw-shadow-color, rgba(0,0,0,0.10));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0px_-12px_40px_0px_rgba\(0\,0\,0\,0\.15\)\] {
--tw-shadow: 0px -12px 40px 0px var(--tw-shadow-color, rgba(0,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-\[0px_1px_5px_0px_rgba\(0\,0\,0\,0\.07\)\] {
--tw-shadow: 0px 1px 5px 0px var(--tw-shadow-color, rgba(0,0,0,0.07));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0px_2px_10px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_1px_0px_1px_rgba\(255\,255\,255\,0\.25\)_inset\] {
--tw-shadow: 0px 2px 10px 0px var(--tw-shadow-color, rgba(0,0,0,0.05)), 0px 1px 0px 1px var(--tw-shadow-color, rgba(255,255,255,0.25)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[0px_4px_12px_0px_rgba\(0\,0\,0\,0\.25\)\] {
--tw-shadow: 0px 4px 12px 0px var(--tw-shadow-color, rgba(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-\[inset_0_1px_0px_0px_\#A8B9FF\] {
--tw-shadow: inset 0 1px 0px 0px var(--tw-shadow-color, #A8B9FF);
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-\[inset_0_1px_0px_0px_\#DDEDFD\] {
--tw-shadow: inset 0 1px 0px 0px var(--tw-shadow-color, #DDEDFD);
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: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, .05)) inset;
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: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
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: 0px 2px 6px var(--tw-shadow-color, rgba(26, 41, 63, 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-inner {
--tw-shadow: 0px 0px 7px var(--tw-shadow-color, rgba(0, 0, 0, .12)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-none\! {
--tw-shadow: 0 0 #0000 !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
.shadow-sm {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.shadow-solid-inner {
--tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, rgba(0, 0, 0, .05)) inset;
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: 0px 1px 41px var(--tw-shadow-color, rgba(34, 38, 40, 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-xs {
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-0 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
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, var(--color-blue-500));
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, var(--color-blue-500));
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, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.ring-8 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
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\/20 {
--tw-shadow-color: color-mix(in srgb, #f59e0b 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-black\/20 {
--tw-shadow-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-pink-500\/25 {
--tw-shadow-color: color-mix(in srgb, #ec4899 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-plasma-500\/25 {
--tw-shadow-color: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-plasma-500) 25%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-white {
--tw-shadow-color: rgb(var(--eva-color-white, 255 255 255) / 1);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, var(--color-white) var(--tw-shadow-alpha), transparent);
}
}
.ring-amber-400\/70 {
--tw-ring-color: color-mix(in srgb, #fbbf24 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
}
}
.ring-black\/5 {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);
}
}
.ring-blue-500 {
--tw-ring-color: var(--color-blue-500);
}
.ring-blue-600 {
--tw-ring-color: var(--color-blue-600);
}
.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-coolGray-175 {
--tw-ring-color: var(--color-coolGray-175);
}
.ring-coolGray-200 {
--tw-ring-color: var(--color-coolGray-200);
}
.ring-gray-200 {
--tw-ring-color: var(--color-gray-200);
}
.ring-gray-300 {
--tw-ring-color: var(--color-gray-300);
}
.ring-gray-400 {
--tw-ring-color: var(--color-gray-400);
}
.ring-gray-500\/10 {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-gray-500) 10%, transparent);
}
}
.ring-gray-900\/5 {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
}
}
.ring-moss-100 {
--tw-ring-color: var(--color-moss-100);
}
.ring-orange-500\/30 {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-orange-500, 234 92 31) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent);
}
}
.ring-red-400 {
--tw-ring-color: var(--color-red-400);
}
.ring-surge-200 {
--tw-ring-color: var(--color-surge-200);
}
.ring-wave-100 {
--tw-ring-color: var(--color-wave-100);
}
.ring-white {
--tw-ring-color: var(--color-white);
}
.ring-white\/10 {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.ring-zinc-200 {
--tw-ring-color: var(--color-zinc-200);
}
.ring-offset-2 {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.outline-hidden {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.outline-zinc-200 {
outline-color: var(--color-zinc-200);
}
.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,);
}
.brightness-110 {
--tw-brightness: brightness(110%);
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-\[0_4px_4px_rgba\(118\,131\,249\,0\.15\)\] {
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgba(118,131,249,0.15)));
--tw-drop-shadow: var(--tw-drop-shadow-size);
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-lg {
--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
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,);
}
.grayscale {
--tw-grayscale: grayscale(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,);
}
.invert {
--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,);
}
.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);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-\[1px\] {
--tw-backdrop-blur: blur(1px);
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.backdrop-filter {
-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}
.bg-funnels-ai-card {
background: rgba(45, 45, 80, 0.6);
backdrop-filter: blur(8px);
}
.transition {
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
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-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-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.duration-500 {
--tw-duration: 500ms;
transition-duration: 500ms;
}
.duration-700 {
--tw-duration: 700ms;
transition-duration: 700ms;
}
.duration-1000 {
--tw-duration: 1000ms;
transition-duration: 1000ms;
}
.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;
user-select: all;
}
.select-none {
-webkit-user-select: none;
user-select: none;
}
.\[--point-stroke-color\:theme\(\'colors\.gray\.50\'\)\] {
--point-stroke-color: rgb(var(--eva-color-coolGray-50, 248 249 250) / 1);
}
.\[background\:radial-gradient\(ellipse_at_top\,\#3a3475_0\%\,\#201c4c_45\%\,\#0f0b24_100\%\)\] {
background:
radial-gradient(
ellipse at top,
#3a3475 0%,
#201c4c 45%,
#0f0b24 100%);
}
.bg-funnels-ai-hero-gradient {
background:
radial-gradient(
ellipse 80% 50% at 50% 0%,
rgba(70, 70, 120, 0.8) 0%,
transparent 60%),
linear-gradient(
180deg,
#1a1a3e 0%,
#0d0d24 100%);
}
.bg-yellow-gradient {
background:
linear-gradient(
180deg,
#ffcf25 0%,
#ff8a00 100%);
}
.blue-gradient {
background:
linear-gradient(
97.12deg,
#22aaf6 3.63%,
#0048b5 100%);
}
.ring-inset {
--tw-ring-inset: inset;
}
:is(.\*\:py-4 > *) {
padding-block: 16px;
}
:is(.\*\:not-last\:pb-3 > *):not(:last-child) {
padding-bottom: 12px;
}
:is(.\*\:not-last\:pb-4 > *):not(:last-child) {
padding-bottom: 16px;
}
.not-\[\.hidden\]\:inline-block:not(:is(.hidden)) {
display: inline-block;
}
.not-\[\.hidden\]\:inline-flex:not(:is(.hidden)) {
display: inline-flex;
}
.group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
rotate: 180deg;
}
.group-open\:rounded-b-none:is(:where(.group):is([open], :popover-open, :open) *) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.group-hover\:visible:is(:where(.group):hover *) {
visibility: visible;
}
.group-hover\:block:is(:where(.group):hover *) {
display: block;
}
.group-hover\:flex:is(:where(.group):hover *) {
display: flex;
}
.group-hover\:hidden:is(:where(.group):hover *) {
display: none;
}
.group-hover\:inline:is(:where(.group):hover *) {
display: inline;
}
.group-hover\:inline-flex:is(:where(.group):hover *) {
display: inline-flex;
}
.group-hover\:translate-x-0\.5:is(:where(.group):hover *) {
--tw-translate-x: 2px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:translate-y-0:is(:where(.group):hover *) {
--tw-translate-y: 0;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:translate-y-1:is(:where(.group):hover *) {
--tw-translate-y: 4px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.group-hover\:scale-105:is(:where(.group):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:scale-110:is(:where(.group):hover *) {
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:scale-y-200:is(:where(.group):hover *) {
--tw-scale-y: 2;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:border-gray-400:is(:where(.group):hover *) {
border-color: var(--color-gray-400);
}
.group-hover\:bg-black\/50:is(:where(.group):hover *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
}
}
.group-hover\:bg-coolGray-100:is(:where(.group):hover *) {
background-color: var(--color-coolGray-100);
}
.group-hover\:bg-gray-200:is(:where(.group):hover *) {
background-color: var(--color-gray-200);
}
.group-hover\:bg-red-100:is(:where(.group):hover *) {
background-color: var(--color-red-100);
}
.group-hover\:bg-white\/\[0\.06\]:is(:where(.group):hover *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 6%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
}
}
.group-hover\:font-bold:is(:where(.group):hover *) {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.group-hover\:text-\[var\(--ao-accent\)\]:is(:where(.group):hover *) {
color: var(--ao-accent);
}
.group-hover\:text-\[var\(--ao-accent-warm\)\]:is(:where(.group):hover *) {
color: var(--ao-accent-warm);
}
.group-hover\:text-blue-600:is(:where(.group):hover *) {
color: var(--color-blue-600);
}
.group-hover\:text-blue-800:is(:where(.group):hover *) {
color: var(--color-blue-800);
}
.group-hover\:text-cloudNine-900:is(:where(.group):hover *) {
color: var(--color-cloudNine-900);
}
.group-hover\:text-coolGray-600:is(:where(.group):hover *) {
color: var(--color-coolGray-600);
}
.group-hover\:text-coolGray-800:is(:where(.group):hover *) {
color: var(--color-coolGray-800);
}
.group-hover\:text-gray-200:is(:where(.group):hover *) {
color: var(--color-gray-200);
}
.group-hover\:text-gray-500:is(:where(.group):hover *) {
color: var(--color-gray-500);
}
.group-hover\:text-gray-600:is(:where(.group):hover *) {
color: var(--color-gray-600);
}
.group-hover\:text-gray-700:is(:where(.group):hover *) {
color: var(--color-gray-700);
}
.group-hover\:text-gray-800:is(:where(.group):hover *) {
color: var(--color-gray-800);
}
.group-hover\:text-gray-900:is(:where(.group):hover *) {
color: var(--color-gray-900);
}
.group-hover\:text-red-500:is(:where(.group):hover *) {
color: var(--color-red-500);
}
.group-hover\:text-white:is(:where(.group):hover *) {
color: var(--color-white);
}
.group-hover\:no-underline:is(:where(.group):hover *) {
text-decoration-line: none;
}
.group-hover\:underline:is(:where(.group):hover *) {
text-decoration-line: underline;
}
.group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 100%;
}
.group-hover\:blur-sm:is(:where(.group):hover *) {
--tw-blur: blur(var(--blur-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,);
}
.group-hover\:brightness-105:is(:where(.group):hover *) {
--tw-brightness: brightness(105%);
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,);
}
.group-hover\/cta\:-rotate-45:is(:where(.group\/cta):hover *) {
rotate: calc(45deg * -1);
}
.group-hover\/framework-banner\:opacity-100:is(:where(.group\/framework-banner):hover *) {
opacity: 100%;
}
.group-hover\/image\:opacity-100:is(:where(.group\/image):hover *) {
opacity: 100%;
}
.group-hover\/item\:scale-105:is(:where(.group\/item):hover *) {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\/lang\:visible:is(:where(.group\/lang):hover *) {
visibility: visible;
}
.group-hover\/lang\:-rotate-90:is(:where(.group\/lang):hover *) {
rotate: calc(90deg * -1);
}
.group-hover\/lang\:opacity-100:is(:where(.group\/lang):hover *) {
opacity: 100%;
}
.group-hover\/login\:visible:is(:where(.group\/login):hover *) {
visibility: visible;
}
.group-hover\/login\:-rotate-90:is(:where(.group\/login):hover *) {
rotate: calc(90deg * -1);
}
.group-hover\/login\:opacity-100:is(:where(.group\/login):hover *) {
opacity: 100%;
}
.group-hover\/nestedRow\:opacity-100:is(:where(.group\/nestedRow):hover *) {
opacity: 100%;
}
.group-hover\/platform\:visible:is(:where(.group\/platform):hover *) {
visibility: visible;
}
.group-hover\/platform\:-rotate-90:is(:where(.group\/platform):hover *) {
rotate: calc(90deg * -1);
}
.group-hover\/platform\:opacity-100:is(:where(.group\/platform):hover *) {
opacity: 100%;
}
.group-hover\/promo-banner\:opacity-100:is(:where(.group\/promo-banner):hover *) {
opacity: 100%;
}
.group-hover\/tableRow\:opacity-100:is(:where(.group\/tableRow):hover *) {
opacity: 100%;
}
.group-disabled\:block:is(:where(.group):disabled *) {
display: block;
}
.group-disabled\:hidden:is(:where(.group):disabled *) {
display: none;
}
.group-has-\[\[data-import-mode\]\:checked\]\/synctoggle\:block:is(:where(.group\/synctoggle):has(:is([data-import-mode]:checked)) *) {
display: block;
}
.group-has-\[\[data-moderation-queue-item\]\]\/moderation-queue\:hidden:is(:where(.group\/moderation-queue):has(:is([data-moderation-queue-item])) *) {
display: none;
}
.group-has-\[\[data-promo-banner\]\]\/banner-list\:hidden:is(:where(.group\/banner-list):has(:is([data-promo-banner])) *) {
display: none;
}
.group-aria-busy\:invisible:is(:where(.group)[aria-busy=true] *) {
visibility: hidden;
}
.group-aria-busy\:flex:is(:where(.group)[aria-busy=true] *) {
display: flex;
}
.group-\[\.active\]\:hidden:is(:where(.group):is(.active) *) {
display: none;
}
.group-\[\.active\]\:inline-block:is(:where(.group):is(.active) *) {
display: inline-block;
}
.group-\[\.active\]\:rounded-md:is(:where(.group):is(.active) *) {
border-radius: var(--radius-md);
}
.group-\[\.active\]\:bg-blue-50:is(:where(.group):is(.active) *) {
background-color: var(--color-blue-50);
}
.group-\[\.active\]\:bg-blue-100:is(:where(.group):is(.active) *) {
background-color: var(--color-blue-100);
}
.group-\[\.active\]\:bg-blue-600:is(:where(.group):is(.active) *) {
background-color: var(--color-blue-600);
}
.group-\[\.active\]\:bg-white:is(:where(.group):is(.active) *) {
background-color: var(--color-white);
}
.group-\[\.active\]\:font-semibold:is(:where(.group):is(.active) *) {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.group-\[\.active\]\:text-blue-600:is(:where(.group):is(.active) *) {
color: var(--color-blue-600);
}
.group-\[\.active\]\:text-cloudNine-900:is(:where(.group):is(.active) *) {
color: var(--color-cloudNine-900);
}
.group-\[\.active\]\:text-coolGray-800:is(:where(.group):is(.active) *) {
color: var(--color-coolGray-800);
}
.group-\[\.active\]\:text-coolGray-900:is(:where(.group):is(.active) *) {
color: var(--color-coolGray-900);
}
.group-\[\.claim-complete\]\:flex:is(:where(.group):is(.claim-complete) *) {
display: flex;
}
.group-\[\.claim-complete\]\:hidden:is(:where(.group):is(.claim-complete) *) {
display: none;
}
.group-\[\.is-dragging\]\/item\:hidden:is(:where(.group\/item):is(.is-dragging) *) {
display: none;
}
.group-\[\.is-sorting\]\/sortable\:hidden:is(:where(.group\/sortable):is(.is-sorting) *) {
display: none;
}
.group-\[\.pointer-events-none\]\:flex:is(:where(.group):is(.pointer-events-none) *) {
display: flex;
}
.group-\[\.pointer-events-none\]\:hidden:is(:where(.group):is(.pointer-events-none) *) {
display: none;
}
.group-\[\[data-disabled\=true\]\]\:block:is(:where(.group):is([data-disabled=true]) *) {
display: block;
}
.group-\[\[data-disabled\=true\]\]\:hidden:is(:where(.group):is([data-disabled=true]) *) {
display: none;
}
.group-\[\[open\]\]\:rotate-90:is(:where(.group):is([open]) *) {
rotate: 90deg;
}
.group-\[\[open\]\]\/preview\:rotate-90:is(:where(.group\/preview):is([open]) *) {
rotate: 90deg;
}
.peer-checked\:border-blue-600:is(:where(.peer):checked ~ *) {
border-color: var(--color-blue-600);
}
.peer-checked\:bg-slate-50:is(:where(.peer):checked ~ *) {
background-color: var(--color-slate-50);
}
.peer-checked\:bg-wave\/5:is(:where(.peer):checked ~ *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-wave, 0 117 219) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-wave) 5%, transparent);
}
}
.peer-checked\:text-blue-600:is(:where(.peer):checked ~ *) {
color: var(--color-blue-600);
}
.peer-checked\:shadow-sm:is(:where(.peer):checked ~ *) {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.peer-checked\:ring-2:is(:where(.peer):checked ~ *) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.peer-checked\:ring-blue-500:is(:where(.peer):checked ~ *) {
--tw-ring-color: var(--color-blue-500);
}
.peer-checked\:ring-wave:is(:where(.peer):checked ~ *) {
--tw-ring-color: var(--color-wave);
}
.peer-checked\/custom\:bg-black:is(:where(.peer\/custom):checked ~ *) {
background-color: var(--color-black);
}
.peer-checked\/custom\:text-white:is(:where(.peer\/custom):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/daterange\:bg-black:is(:where(.peer\/daterange):checked ~ *) {
background-color: var(--color-black);
}
.peer-checked\/daterange\:text-white:is(:where(.peer\/daterange):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/false\:bg-surge-500:is(:where(.peer\/false):checked ~ *) {
background-color: var(--color-surge-500);
}
.peer-checked\/false\:text-white:is(:where(.peer\/false):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/host\:bg-black:is(:where(.peer\/host):checked ~ *) {
background-color: var(--color-black);
}
.peer-checked\/host\:text-white:is(:where(.peer\/host):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/indefinite\:bg-black:is(:where(.peer\/indefinite):checked ~ *) {
background-color: var(--color-black);
}
.peer-checked\/indefinite\:text-white:is(:where(.peer\/indefinite):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/relative\:bg-black:is(:where(.peer\/relative):checked ~ *) {
background-color: var(--color-black);
}
.peer-checked\/relative\:text-white:is(:where(.peer\/relative):checked ~ *) {
color: var(--color-white);
}
.peer-checked\/true\:bg-surge-500:is(:where(.peer\/true):checked ~ *) {
background-color: var(--color-surge-500);
}
.peer-checked\/true\:text-white:is(:where(.peer\/true):checked ~ *) {
color: var(--color-white);
}
.peer-\[\[busy\]\]\:flex:is(:where(.peer):is([busy]) ~ *) {
display: flex;
}
.peer-\[\&\[busy\]\]\:grid:is(:where(.peer)[busy] ~ *) {
display: grid;
}
.selection\:bg-violet-500\/30 ::selection {
background-color: color-mix(in srgb, #8b5cf6 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
}
.selection\:bg-violet-500\/30::selection {
background-color: color-mix(in srgb, #8b5cf6 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);
}
}
.file\:mr-3::file-selector-button {
margin-right: 12px;
}
.file\:cursor-pointer::file-selector-button {
cursor: pointer;
}
.file\:rounded::file-selector-button {
border-radius: 7px;
}
.file\:border-0::file-selector-button {
border-style: var(--tw-border-style);
border-width: 0px;
}
.file\:bg-coolGray-900::file-selector-button {
background-color: var(--color-coolGray-900);
}
.file\:px-3::file-selector-button {
padding-inline: 12px;
}
.file\:py-1\.5::file-selector-button {
padding-block: 6px;
}
.file\:font-semibold::file-selector-button {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.file\:text-white::file-selector-button {
color: var(--color-white);
}
.placeholder\:text-cloudNine-400::placeholder {
color: var(--color-cloudNine-400);
}
.placeholder\:text-slate-600::placeholder {
color: var(--color-slate-600);
}
.placeholder\:text-white\/25::placeholder {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 25%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 25%, transparent);
}
}
.backdrop\:bg-coolGray-900\/50::backdrop {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-900) 50%, transparent);
}
}
.before\:flex-1::before {
content: var(--tw-content);
flex: 1;
}
.before\:content-\[\'\'\]::before {
--tw-content: "";
content: var(--tw-content);
}
.before\:content-\[\'\2713_\'\]::before {
--tw-content: "\2713 ";
content: var(--tw-content);
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:top-1\/2::after {
content: var(--tw-content);
top: 50%;
}
.after\:-right-1::after {
content: var(--tw-content);
right: calc(4px * -1);
}
.after\:inline-block::after {
content: var(--tw-content);
display: inline-block;
}
.after\:h-0\.5::after {
content: var(--tw-content);
height: 2px;
}
.after\:w-1::after {
content: var(--tw-content);
width: 4px;
}
.after\:animate-ellipsis::after {
content: var(--tw-content);
animation: ellipsis 2s infinite;
}
.after\:bg-gray-200::after {
content: var(--tw-content);
background-color: var(--color-gray-200);
}
.after\:content-\[\"\"\]::after {
--tw-content: "";
content: var(--tw-content);
}
.after\:content-\[\'\'\]::after {
--tw-content: "";
content: var(--tw-content);
}
.first\:ml-0:first-child {
margin-left: 0;
}
.first\:rounded-tl:first-child {
border-top-left-radius: 7px;
}
.last\:mb-0:last-child {
margin-bottom: 0;
}
.last\:rounded-tr:last-child {
border-top-right-radius: 7px;
}
.last\:border-0:last-child {
border-style: var(--tw-border-style);
border-width: 0px;
}
.last\:border-b-0:last-child {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.last\:border-l:last-child {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.last\:border-gray-150:last-child {
border-color: var(--color-gray-150);
}
.last\:pb-0:last-child {
padding-bottom: 0;
}
.last\:pl-8:last-child {
padding-left: 32px;
}
:is(.\*\:last\:pb-0 > *):last-child {
padding-bottom: 0;
}
.even\:bg-gray-50:nth-child(even) {
background-color: var(--color-gray-50);
}
.first-of-type\:col-span-3:first-of-type {
grid-column: span 3 / span 3;
}
.first-of-type\:row-span-2:first-of-type {
grid-row: span 2 / span 2;
}
.checked\:border-blue-600\!:checked {
border-color: var(--color-blue-600) !important;
}
.empty\:mt-0:empty {
margin-top: 0;
}
.empty\:hidden:empty {
display: none;
}
.empty\:border-none:empty {
--tw-border-style: none;
border-style: none;
}
.empty\:p-0:empty {
padding: 0;
}
.focus-within\:border-blue-600:focus-within {
border-color: var(--color-blue-600);
}
.focus-within\:border-cloudNine-300:focus-within {
border-color: var(--color-cloudNine-300);
}
.focus-within\:bg-blue-100:focus-within {
background-color: var(--color-blue-100);
}
.focus-within\:text-gray-800:focus-within {
color: var(--color-gray-800);
}
.focus-within\:opacity-100:focus-within {
opacity: 100%;
}
.focus-within\:shadow-sm:focus-within {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
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-1:focus-within {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
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-2:focus-within {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
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:focus-within {
--tw-ring-color: var(--color-blue);
}
.focus-within\:ring-blue-600:focus-within {
--tw-ring-color: var(--color-blue-600);
}
.focus-within\:ring-indigo-500:focus-within {
--tw-ring-color: var(--color-indigo-500);
}
.focus-within\:ring-offset-2:focus-within {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-within\:ring-offset-gray-100:focus-within {
--tw-ring-offset-color: var(--color-gray-100);
}
.focus-within\:ring-inset:focus-within {
--tw-ring-inset: inset;
}
.hover\:visible:hover {
visibility: visible;
}
.hover\:-translate-y-0\.5:hover {
--tw-translate-y: calc(2px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:-translate-y-1:hover {
--tw-translate-y: calc(4px * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:translate-y-\[-1px\]:hover {
--tw-translate-y: -1px;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:scale-105:hover {
--tw-scale-x: 105%;
--tw-scale-y: 105%;
--tw-scale-z: 105%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:scale-110: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 {
scale: 1.02;
}
.hover\:scale-\[1\.3\]:hover {
scale: 1.3;
}
.hover\:scale-\[var\(--ao-hover-scale\)\]:hover {
scale: var(--ao-hover-scale);
}
.hover\:cursor-grab:hover {
cursor: grab;
}
.hover\:cursor-grabbing:hover {
cursor: grabbing;
}
.hover\:cursor-not-allowed:hover {
cursor: not-allowed;
}
.hover\:cursor-pointer:hover {
cursor: pointer;
}
.hover\:border-\[var\(--ao-accent\)\]:hover {
border-color: var(--ao-accent);
}
.hover\:border-\[var\(--ao-border-hover\)\]:hover {
border-color: var(--ao-border-hover);
}
.hover\:border-blue:hover {
border-color: var(--color-blue);
}
.hover\:border-blue-600:hover {
border-color: var(--color-blue-600);
}
.hover\:border-blue-700:hover {
border-color: var(--color-blue-700);
}
.hover\:border-cloudNine-200:hover {
border-color: var(--color-cloudNine-200);
}
.hover\:border-cloudNine-300:hover {
border-color: var(--color-cloudNine-300);
}
.hover\:border-coolGray-400:hover {
border-color: var(--color-coolGray-400);
}
.hover\:border-coolGray-600:hover {
border-color: var(--color-coolGray-600);
}
.hover\:border-gray-200:hover {
border-color: var(--color-gray-200);
}
.hover\:border-gray-300:hover {
border-color: var(--color-gray-300);
}
.hover\:border-gray-400:hover {
border-color: var(--color-gray-400);
}
.hover\:border-gray-900:hover {
border-color: var(--color-gray-900);
}
.hover\:border-midnightOil-300:hover {
border-color: var(--color-midnightOil-300);
}
.hover\:border-midnightOil-800:hover {
border-color: var(--color-midnightOil-800);
}
.hover\:border-midnightOil-950:hover {
border-color: var(--color-midnightOil-950);
}
.hover\:border-plasma-300:hover {
border-color: var(--color-plasma-300);
}
.hover\:border-wave-500:hover {
border-color: var(--color-wave-500);
}
.hover\:border-white\/20:hover {
border-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
}
}
.hover\:bg-\[\#164FDF\]:hover {
background-color: #164FDF;
}
.hover\:bg-\[\#003087\]\/80:hover {
background-color: color-mix(in oklab, #003087 80%, transparent);
}
.hover\:bg-\[var\(--ao-accent-bg-light\)\]:hover {
background-color: var(--ao-accent-bg-light);
}
.hover\:bg-\[var\(--ao-accent-hover\)\]:hover {
background-color: var(--ao-accent-hover);
}
.hover\:bg-\[var\(--ao-surface\)\]:hover {
background-color: var(--ao-surface);
}
.hover\:bg-amber-200:hover {
background-color: var(--color-amber-200);
}
.hover\:bg-blue:hover {
background-color: var(--color-blue);
}
.hover\:bg-blue-50:hover {
background-color: var(--color-blue-50);
}
.hover\:bg-blue-100:hover {
background-color: var(--color-blue-100);
}
.hover\:bg-blue-400:hover {
background-color: var(--color-blue-400);
}
.hover\:bg-blue-500:hover {
background-color: var(--color-blue-500);
}
.hover\:bg-blue-600:hover {
background-color: var(--color-blue-600);
}
.hover\:bg-blue-700:hover {
background-color: var(--color-blue-700);
}
.hover\:bg-blue-900:hover {
background-color: var(--color-blue-900);
}
.hover\:bg-cloudNine-50:hover {
background-color: var(--color-cloudNine-50);
}
.hover\:bg-cloudNine-100:hover {
background-color: var(--color-cloudNine-100);
}
.hover\:bg-cloudNine-200:hover {
background-color: var(--color-cloudNine-200);
}
.hover\:bg-coolGray-50:hover {
background-color: var(--color-coolGray-50);
}
.hover\:bg-coolGray-50\!:hover {
background-color: var(--color-coolGray-50) !important;
}
.hover\:bg-coolGray-100:hover {
background-color: var(--color-coolGray-100);
}
.hover\:bg-coolGray-150:hover {
background-color: var(--color-coolGray-150);
}
.hover\:bg-coolGray-200:hover {
background-color: var(--color-coolGray-200);
}
.hover\:bg-gray-50:hover {
background-color: var(--color-gray-50);
}
.hover\:bg-gray-100:hover {
background-color: var(--color-gray-100);
}
.hover\:bg-gray-150:hover {
background-color: var(--color-gray-150);
}
.hover\:bg-gray-200:hover {
background-color: var(--color-gray-200);
}
.hover\:bg-gray-300:hover {
background-color: var(--color-gray-300);
}
.hover\:bg-gray-400:hover {
background-color: var(--color-gray-400);
}
.hover\:bg-gray-400\/50:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-400, 183 198 206) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-400) 50%, transparent);
}
}
.hover\:bg-gray-600:hover {
background-color: var(--color-gray-600);
}
.hover\:bg-green-50:hover {
background-color: var(--color-green-50);
}
.hover\:bg-green-100:hover {
background-color: var(--color-green-100);
}
.hover\:bg-grit-100:hover {
background-color: var(--color-grit-100);
}
.hover\:bg-indigo-200:hover {
background-color: var(--color-indigo-200);
}
.hover\:bg-indigo-600:hover {
background-color: var(--color-indigo-600);
}
.hover\:bg-indigo-700:hover {
background-color: var(--color-indigo-700);
}
.hover\:bg-midnightOil-800:hover {
background-color: var(--color-midnightOil-800);
}
.hover\:bg-midnightOil-900:hover {
background-color: var(--color-midnightOil-900);
}
.hover\:bg-moss-100:hover {
background-color: var(--color-moss-100);
}
.hover\:bg-moss-200:hover {
background-color: var(--color-moss-200);
}
.hover\:bg-moss-700:hover {
background-color: var(--color-moss-700);
}
.hover\:bg-plasma-200:hover {
background-color: var(--color-plasma-200);
}
.hover\:bg-plasma-600:hover {
background-color: var(--color-plasma-600);
}
.hover\:bg-plasma-700:hover {
background-color: var(--color-plasma-700);
}
.hover\:bg-purple:hover {
background-color: var(--color-purple);
}
.hover\:bg-red-50:hover {
background-color: var(--color-red-50);
}
.hover\:bg-red-200:hover {
background-color: var(--color-red-200);
}
.hover\:bg-red-700:hover {
background-color: var(--color-red-700);
}
.hover\:bg-red-800:hover {
background-color: var(--color-red-800);
}
.hover\:bg-slate-50:hover {
background-color: var(--color-slate-50);
}
.hover\:bg-surge-300:hover {
background-color: var(--color-surge-300);
}
.hover\:bg-transparent\!:hover {
background-color: transparent !important;
}
.hover\:bg-wave-50:hover {
background-color: var(--color-wave-50);
}
.hover\:bg-wave-600:hover {
background-color: var(--color-wave-600);
}
.hover\:bg-wave-700:hover {
background-color: var(--color-wave-700);
}
.hover\:bg-white:hover {
background-color: var(--color-white);
}
.hover\:bg-white\/10:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.hover\:bg-white\/\[0\.05\]:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.hover\:bg-white\/\[0\.08\]:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 8%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-white) 8%, transparent);
}
}
.hover\:bg-yellow-700:hover {
background-color: var(--color-yellow-700);
}
.hover\:font-black:hover {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
.hover\:font-semibold:hover {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.hover\:text-\[\#7fad34\]:hover {
color: #7fad34;
}
.hover\:text-\[\#9fc848\]:hover {
color: #9fc848;
}
.hover\:text-\[var\(--ao-heading\)\]:hover {
color: var(--ao-heading);
}
.hover\:text-amber-900:hover {
color: var(--color-amber-900);
}
.hover\:text-black:hover {
color: var(--color-black);
}
.hover\:text-black\/100:hover {
color: var(--color-black);
}
.hover\:text-blue-600:hover {
color: var(--color-blue-600);
}
.hover\:text-blue-700:hover {
color: var(--color-blue-700);
}
.hover\:text-blue-800:hover {
color: var(--color-blue-800);
}
.hover\:text-blue-900:hover {
color: var(--color-blue-900);
}
.hover\:text-cloudNine-900:hover {
color: var(--color-cloudNine-900);
}
.hover\:text-coolGray-200:hover {
color: var(--color-coolGray-200);
}
.hover\:text-coolGray-600:hover {
color: var(--color-coolGray-600);
}
.hover\:text-coolGray-800:hover {
color: var(--color-coolGray-800);
}
.hover\:text-coolGray-900:hover {
color: var(--color-coolGray-900);
}
.hover\:text-gray-100:hover {
color: var(--color-gray-100);
}
.hover\:text-gray-400:hover {
color: var(--color-gray-400);
}
.hover\:text-gray-500:hover {
color: var(--color-gray-500);
}
.hover\:text-gray-600:hover {
color: var(--color-gray-600);
}
.hover\:text-gray-700:hover {
color: var(--color-gray-700);
}
.hover\:text-gray-800:hover {
color: var(--color-gray-800);
}
.hover\:text-gray-900:hover {
color: var(--color-gray-900);
}
.hover\:text-green-800:hover {
color: var(--color-green-800);
}
.hover\:text-green-900:hover {
color: var(--color-green-900);
}
.hover\:text-indigo-300:hover {
color: var(--color-indigo-300);
}
.hover\:text-indigo-500:hover {
color: var(--color-indigo-500);
}
.hover\:text-indigo-600:hover {
color: var(--color-indigo-600);
}
.hover\:text-indigo-700:hover {
color: var(--color-indigo-700);
}
.hover\:text-indigo-900:hover {
color: var(--color-indigo-900);
}
.hover\:text-midnightOil-100:hover {
color: var(--color-midnightOil-100);
}
.hover\:text-midnightOil-950:hover {
color: var(--color-midnightOil-950);
}
.hover\:text-plasma-700:hover {
color: var(--color-plasma-700);
}
.hover\:text-plasma-800:hover {
color: var(--color-plasma-800);
}
.hover\:text-red:hover {
color: var(--color-red);
}
.hover\:text-red-500:hover {
color: var(--color-red-500);
}
.hover\:text-red-600:hover {
color: var(--color-red-600);
}
.hover\:text-red-800:hover {
color: var(--color-red-800);
}
.hover\:text-red-900:hover {
color: var(--color-red-900);
}
.hover\:text-skyward:hover {
color: var(--color-skyward);
}
.hover\:text-skyward-500:hover {
color: var(--color-skyward-500);
}
.hover\:text-slate-400:hover {
color: var(--color-slate-400);
}
.hover\:text-wave-600:hover {
color: var(--color-wave-600);
}
.hover\:text-white:hover {
color: var(--color-white);
}
.hover\:text-white\/80:hover {
color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-white) 80%, transparent);
}
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:opacity-75:hover {
opacity: 75%;
}
.hover\:opacity-80:hover {
opacity: 80%;
}
.hover\:opacity-90:hover {
opacity: 90%;
}
.hover\:opacity-100:hover {
opacity: 100%;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
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 {
--tw-shadow: 0px 2px 6px var(--tw-shadow-color, rgba(26, 41, 63, 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 {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.hover\:shadow-xl:hover {
--tw-shadow: 0px 1px 41px var(--tw-shadow-color, rgba(34, 38, 40, 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-xs:hover {
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.hover\:shadow-xs-inner:hover {
--tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.hover\:ring-1:hover {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.hover\:ring-2:hover {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
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-black\/30:hover {
--tw-shadow-color: color-mix(in srgb, rgb(var(--eva-color-black, 0 0 0) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 30%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.hover\:shadow-pink-500\/40:hover {
--tw-shadow-color: color-mix(in srgb, #ec4899 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.hover\:shadow-plasma-500\/40:hover {
--tw-shadow-color: color-mix(in srgb, rgb(var(--eva-color-plasma-500, 90 77 211) / 1) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-plasma-500) 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.hover\:ring-blue:hover {
--tw-ring-color: var(--color-blue);
}
.hover\:ring-wave-500:hover {
--tw-ring-color: var(--color-wave-500);
}
.hover\:ring-white\/10:hover {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.hover\:ring-white\/30:hover {
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-white, 255 255 255) / 1) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent);
}
}
.group-\[\.active\]\:hover\:bg-blue-50:is(:where(.group):is(.active) *):hover {
background-color: var(--color-blue-50);
}
.group-\[\.active\]\:hover\:text-blue-600:is(:where(.group):is(.active) *):hover {
color: var(--color-blue-600);
}
.focus\:z-10:focus {
z-index: 10;
}
.focus\:border-r:focus {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.focus\:border-none:focus {
--tw-border-style: none;
border-style: none;
}
.focus\:border-\[var\(--ao-accent\)\]:focus {
border-color: var(--ao-accent);
}
.focus\:border-blue:focus {
border-color: var(--color-blue);
}
.focus\:border-blue-500:focus {
border-color: var(--color-blue-500);
}
.focus\:border-blue-600:focus {
border-color: var(--color-blue-600);
}
.focus\:border-indigo-500:focus {
border-color: var(--color-indigo-500);
}
.focus\:border-plasma-400:focus {
border-color: var(--color-plasma-400);
}
.focus\:border-red:focus {
border-color: var(--color-red);
}
.focus\:border-transparent:focus {
border-color: transparent;
}
.focus\:border-yellow-500:focus {
border-color: var(--color-yellow-500);
}
.focus\:bg-white:focus {
background-color: var(--color-white);
}
.focus\:text-gray-700:focus {
color: var(--color-gray-700);
}
.focus\:text-indigo-600:focus {
color: var(--color-indigo-600);
}
.focus\:text-wave:focus {
color: var(--color-wave);
}
.focus\:text-white:focus {
color: var(--color-white);
}
.focus\:placeholder-gray-400:focus::placeholder {
color: var(--color-gray-400);
}
.focus\:shadow-none:focus {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.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, var(--color-blue-500));
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, var(--color-blue-500));
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, var(--color-blue-500));
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, var(--color-blue-500));
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-\[\#0EA5E9\]\!:focus {
--tw-ring-color: #0EA5E9 !important;
}
.focus\:ring-\[\#3B82F6\]\!:focus {
--tw-ring-color: #3B82F6 !important;
}
.focus\:ring-\[\#7E3AF2\]\!:focus {
--tw-ring-color: #7E3AF2 !important;
}
.focus\:ring-\[\#009868\]\!:focus {
--tw-ring-color: #009868 !important;
}
.focus\:ring-\[\#E96318\]\!:focus {
--tw-ring-color: #E96318 !important;
}
.focus\:ring-\[\#F1AE00\]\!:focus {
--tw-ring-color: #F1AE00 !important;
}
.focus\:ring-blue:focus {
--tw-ring-color: var(--color-blue);
}
.focus\:ring-blue-200:focus {
--tw-ring-color: var(--color-blue-200);
}
.focus\:ring-blue-500:focus {
--tw-ring-color: var(--color-blue-500);
}
.focus\:ring-blue-600:focus {
--tw-ring-color: var(--color-blue-600);
}
.focus\:ring-indigo-500:focus {
--tw-ring-color: var(--color-indigo-500);
}
.focus\:ring-plasma-400:focus {
--tw-ring-color: var(--color-plasma-400);
}
.focus\:ring-red:focus {
--tw-ring-color: var(--color-red);
}
.focus\:ring-yellow-500:focus {
--tw-ring-color: var(--color-yellow-500);
}
.focus\:ring-offset-0:focus {
--tw-ring-offset-width: 0px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus\:outline-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\:ring-0:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus-visible\:ring-2:focus-visible {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.focus-visible\:ring-amber-300:focus-visible {
--tw-ring-color: var(--color-amber-300);
}
.focus-visible\:ring-amber-400\/50:focus-visible {
--tw-ring-color: color-mix(in srgb, #fbbf24 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
}
}
.focus-visible\:ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.focus-visible\:ring-offset-\[\#1a1a2e\]:focus-visible {
--tw-ring-offset-color: #1a1a2e;
}
.focus-visible\:outline-hidden:focus-visible {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.focus-visible\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.active\:translate-y-0:active {
--tw-translate-y: 0;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.active\:cursor-grabbing:active {
cursor: grabbing;
}
.active\:border-none:active {
--tw-border-style: none;
border-style: none;
}
.active\:bg-blue:active {
background-color: var(--color-blue);
}
.active\:bg-gray-150:active {
background-color: var(--color-gray-150);
}
.active\:bg-gray-200:active {
background-color: var(--color-gray-200);
}
.active\:bg-white:active {
background-color: var(--color-white);
}
.active\:text-blue-700:active {
color: var(--color-blue-700);
}
.active\:text-gray-300:active {
color: var(--color-gray-300);
}
.active\:text-gray-900\/100:active {
color: var(--color-gray-900);
}
.active\:text-red-700:active {
color: var(--color-red-700);
}
.active\:text-yellow-700:active {
color: var(--color-yellow-700);
}
.active\:shadow-inner:active {
--tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, .05)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.active\:shadow-none:active {
--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);
}
.active\:ring-2:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.active\:outline-hidden:active {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.disabled\:pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:text-cloudNine-400:disabled {
color: var(--color-cloudNine-400);
}
.disabled\:opacity-40:disabled {
opacity: 40%;
}
.disabled\:opacity-50:disabled {
opacity: 50%;
}
.disabled\:shadow-none:disabled {
--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);
}
.disabled\:hover\:translate-y-0:disabled:hover {
--tw-translate-y: 0;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.has-\[\:checked\]\:border-wave-500:has(:is(:checked)) {
border-color: var(--color-wave-500);
}
.has-\[\:checked\]\:bg-wave-50:has(:is(:checked)) {
background-color: var(--color-wave-50);
}
.has-\[div\[data-components--image-field-target\=\'thumbnailAreaWrapper\'\]\.max-w-sm\.hidden\]\:justify-center:has(:is(div[data-components--image-field-target=thumbnailAreaWrapper].max-w-sm.hidden)) {
justify-content: center;
}
@media (width < 768px) {
.max-md\:min-h-11 {
min-height: 44px;
}
.max-md\:px-5 {
padding-inline: 20px;
}
.max-md\:py-3 {
padding-block: 12px;
}
.max-md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.max-md\:leading-5 {
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
}
}
@media (width < 640px) {
.max-sm\:w-full {
width: 100%;
}
}
@media (width < 639px) {
.max-\[639px\]\:py-2 {
padding-block: 8px;
}
}
@media (width >= 425px) {
.xs\:inline {
display: inline;
}
.xs\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xs\:border-none {
--tw-border-style: none;
border-style: none;
}
.xs\:p-0 {
padding: 0;
}
}
@media (width >= 640px) {
.sm\:relative {
position: relative;
}
.sm\:static {
position: static;
}
.sm\:sticky {
position: sticky;
}
.sm\:left-15 {
left: 60px;
}
.sm\:left-65 {
left: 260px;
}
.sm\:order-first {
order: -9999;
}
.sm\:order-none {
order: 0;
}
.sm\:col-span-1 {
grid-column: span 1 / span 1;
}
.sm\:col-span-2 {
grid-column: span 2 / span 2;
}
.sm\:col-span-3 {
grid-column: span 3 / span 3;
}
.sm\:col-start-1 {
grid-column-start: 1;
}
.sm\:col-start-2 {
grid-column-start: 2;
}
.sm\:-m-4 {
margin: calc(16px * -1);
}
.sm\:m-10 {
margin: 40px;
}
.sm\:m-auto {
margin: auto;
}
.sm\:-mx-6 {
margin-inline: calc(24px * -1);
}
.sm\:mx-0 {
margin-inline: 0;
}
.sm\:mx-auto {
margin-inline: auto;
}
.sm\:my-4 {
margin-block: 16px;
}
.sm\:my-8 {
margin-block: 32px;
}
.sm\:my-10 {
margin-block: 40px;
}
.sm\:my-12 {
margin-block: 48px;
}
:where(.sm\:buttons > :not(:last-child)) {
margin-inline-end: 12px;
}
.sm\:-mt-4 {
margin-top: calc(16px * -1);
}
.sm\:mt-0 {
margin-top: 0;
}
.sm\:mt-4 {
margin-top: 16px;
}
.sm\:mt-5 {
margin-top: 20px;
}
.sm\:mt-6 {
margin-top: 24px;
}
.sm\:mt-8 {
margin-top: 32px;
}
.sm\:mt-12 {
margin-top: 48px;
}
.sm\:mt-13\.5 {
margin-top: 54px;
}
.sm\:mr-2 {
margin-right: 8px;
}
.sm\:mr-auto {
margin-right: auto;
}
.sm\:mb-0 {
margin-bottom: 0;
}
.sm\:mb-4 {
margin-bottom: 16px;
}
.sm\:-ml-1 {
margin-left: calc(4px * -1);
}
.sm\:-ml-4 {
margin-left: calc(16px * -1);
}
.sm\:ml-0 {
margin-left: 0;
}
.sm\:ml-2 {
margin-left: 8px;
}
.sm\:ml-4 {
margin-left: 16px;
}
.sm\:ml-6 {
margin-left: 24px;
}
.sm\:ml-auto {
margin-left: auto;
}
.sm\:block {
display: block;
}
.sm\:flex {
display: flex;
}
.sm\:grid {
display: grid;
}
.sm\:hidden {
display: none;
}
.sm\:inline {
display: inline;
}
.sm\:inline-block {
display: inline-block;
}
.sm\:table-cell {
display: table-cell;
}
.sm\:table-header-group {
display: table-header-group;
}
.sm\:size-8 {
width: 32px;
height: 32px;
}
.sm\:h-2\/3 {
height: 67%;
}
.sm\:h-8 {
height: 32px;
}
.sm\:h-14 {
height: 56px;
}
.sm\:h-18 {
height: 72px;
}
.sm\:h-25 {
height: 100px;
}
.sm\:h-full {
height: 100%;
}
.sm\:h-screen {
height: 100vh;
}
.sm\:max-h-\[calc\(100vh-290px\)\] {
max-height: calc(100vh - 290px);
}
.sm\:min-h-screen-minus-header {
min-height: calc(100vh - 54px);
}
.sm\:w-1\/2 {
width: 50%;
}
.sm\:w-1\/3 {
width: 33%;
}
.sm\:w-1\/4 {
width: 25%;
}
.sm\:w-2\/5 {
width: 40%;
}
.sm\:w-3\/5 {
width: 60%;
}
.sm\:w-10 {
width: 40px;
}
.sm\:w-14 {
width: 56px;
}
.sm\:w-18 {
width: 72px;
}
.sm\:w-65 {
width: 260px;
}
.sm\:w-72 {
width: 288px;
}
.sm\:w-auto {
width: auto;
}
.sm\:w-auto\! {
width: auto !important;
}
.sm\:w-full {
width: 100%;
}
.sm\:max-w-1\/2 {
max-width: 50%;
}
.sm\:max-w-36 {
max-width: 144px;
}
.sm\:max-w-62 {
max-width: 248px;
}
.sm\:max-w-64 {
max-width: 256px;
}
.sm\:max-w-72 {
max-width: 288px;
}
.sm\:max-w-full {
max-width: 100%;
}
.sm\:max-w-lg {
max-width: var(--container-lg);
}
.sm\:max-w-md {
max-width: var(--container-md);
}
.sm\:max-w-sm {
max-width: var(--container-sm);
}
.sm\:max-w-xs {
max-width: var(--container-xs);
}
.sm\:min-w-50 {
min-width: 200px;
}
.sm\:flex-1 {
flex: 1;
}
.sm\:translate-y-0 {
--tw-translate-y: 0;
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.sm\:scale-95 {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.sm\:scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.sm\:transform-none {
transform: none;
}
.sm\:columns-3 {
columns: 3;
}
.sm\:grid-flow-row-dense {
grid-auto-flow: row dense;
}
.sm\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.sm\:flex-col {
flex-direction: column;
}
.sm\:flex-row {
flex-direction: row;
}
.sm\:flex-row-reverse {
flex-direction: row-reverse;
}
.sm\:flex-nowrap {
flex-wrap: nowrap;
}
.sm\:items-baseline {
align-items: baseline;
}
.sm\:items-center {
align-items: center;
}
.sm\:items-end {
align-items: flex-end;
}
.sm\:items-start {
align-items: flex-start;
}
.sm\:justify-around {
justify-content: space-around;
}
.sm\:justify-between {
justify-content: space-between;
}
.sm\:justify-end {
justify-content: flex-end;
}
.sm\:justify-start {
justify-content: flex-start;
}
.sm\:gap-3 {
gap: 12px;
}
.sm\:gap-4 {
gap: 16px;
}
.sm\:gap-6 {
gap: 24px;
}
.sm\:gap-8 {
gap: 32px;
}
:where(.sm\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
.sm\:gap-x-12 {
column-gap: 48px;
}
:where(.sm\:space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(12px * var(--tw-space-x-reverse));
margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.sm\:space-x-5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(20px * var(--tw-space-x-reverse));
margin-inline-end: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:gap-y-6 {
row-gap: 24px;
}
.sm\:gap-y-10 {
row-gap: 40px;
}
:where(.sm\:divide-y > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(1px * var(--tw-divide-y-reverse));
border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.sm\:divide-y-0 > :not(:last-child)) {
--tw-divide-y-reverse: 0;
border-bottom-style: var(--tw-border-style);
border-top-style: var(--tw-border-style);
border-top-width: calc(0px * var(--tw-divide-y-reverse));
border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
}
:where(.sm\:divide-gray-200 > :not(:last-child)) {
border-color: var(--color-gray-200);
}
.sm\:self-center {
align-self: center;
}
.sm\:overflow-y-auto {
overflow-y: auto;
}
.sm\:rounded-\[8px\] {
border-radius: 8px;
}
.sm\:rounded-lg {
border-radius: var(--radius-lg);
}
.sm\:rounded-md {
border-radius: var(--radius-md);
}
.sm\:rounded-sm {
border-radius: var(--radius-sm);
}
.sm\:rounded-tl-lg {
border-top-left-radius: var(--radius-lg);
}
.sm\:rounded-tl-xl {
border-top-left-radius: var(--radius-xl);
}
.sm\:rounded-tr-lg {
border-top-right-radius: var(--radius-lg);
}
.sm\:rounded-tr-none {
border-top-right-radius: 0;
}
.sm\:rounded-bl-lg {
border-bottom-left-radius: var(--radius-lg);
}
.sm\:border {
border-style: var(--tw-border-style);
border-width: 1px;
}
.sm\:border-t {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
}
.sm\:border-t-0 {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
}
.sm\:border-l-2 {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.sm\:border-none {
--tw-border-style: none;
border-style: none;
}
.sm\:border-coolGray-200 {
border-color: var(--color-coolGray-200);
}
.sm\:border-gray-200 {
border-color: var(--color-gray-200);
}
.sm\:bg-transparent {
background-color: transparent;
}
.sm\:bg-white {
background-color: var(--color-white);
}
.sm\:p-0 {
padding: 0;
}
.sm\:p-3 {
padding: 12px;
}
.sm\:p-4 {
padding: 16px;
}
.sm\:p-6 {
padding: 24px;
}
.sm\:p-8 {
padding: 32px;
}
.sm\:p-10 {
padding: 40px;
}
.sm\:p-12 {
padding: 48px;
}
.sm\:px-0 {
padding-inline: 0;
}
.sm\:px-0\! {
padding-inline: 0 !important;
}
.sm\:px-2 {
padding-inline: 8px;
}
.sm\:px-3 {
padding-inline: 12px;
}
.sm\:px-6 {
padding-inline: 24px;
}
.sm\:px-8 {
padding-inline: 32px;
}
.sm\:px-12 {
padding-inline: 48px;
}
.sm\:py-0 {
padding-block: 0;
}
.sm\:py-2 {
padding-block: 8px;
}
.sm\:py-4 {
padding-block: 16px;
}
.sm\:py-5 {
padding-block: 20px;
}
.sm\:py-6 {
padding-block: 24px;
}
.sm\:py-10 {
padding-block: 40px;
}
.sm\:py-12 {
padding-block: 48px;
}
.sm\:py-32 {
padding-block: 128px;
}
.sm\:pt-0 {
padding-top: 0;
}
.sm\:pt-1 {
padding-top: 4px;
}
.sm\:pt-2 {
padding-top: 8px;
}
.sm\:pt-3 {
padding-top: 12px;
}
.sm\:pt-6 {
padding-top: 24px;
}
.sm\:pt-8 {
padding-top: 32px;
}
.sm\:pt-16 {
padding-top: 64px;
}
.sm\:pt-60 {
padding-top: 240px;
}
.sm\:pr-0 {
padding-right: 0;
}
.sm\:pr-3\.5 {
padding-right: 14px;
}
.sm\:pr-4 {
padding-right: 16px;
}
.sm\:pr-6 {
padding-right: 24px;
}
.sm\:pr-8 {
padding-right: 32px;
}
.sm\:pr-10 {
padding-right: 40px;
}
.sm\:pb-0 {
padding-bottom: 0;
}
.sm\:pb-4 {
padding-bottom: 16px;
}
.sm\:pb-6 {
padding-bottom: 24px;
}
.sm\:pl-3 {
padding-left: 12px;
}
.sm\:pl-4 {
padding-left: 16px;
}
.sm\:pl-6 {
padding-left: 24px;
}
.sm\:pl-8 {
padding-left: 32px;
}
.sm\:pl-10 {
padding-left: 40px;
}
.sm\:text-left {
text-align: left;
}
.sm\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.sm\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.sm\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.sm\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.sm\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.sm\:text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.sm\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.sm\:text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.sm\:leading-6 {
--tw-leading: var(--leading-6);
line-height: var(--leading-6);
}
.sm\:leading-8 {
--tw-leading: var(--leading-8);
line-height: var(--leading-8);
}
.sm\:leading-\[38px\] {
--tw-leading: 38px;
line-height: 38px;
}
.sm\:font-normal {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.sm\:whitespace-nowrap {
white-space: nowrap;
}
.sm\:opacity-0 {
opacity: 0%;
}
.sm\:shadow-none {
--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);
}
.sm\:shadow-sm {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.sm\:hover\:bg-gray-100:hover {
background-color: var(--color-gray-100);
}
}
@media (width >= 768px) {
.md\:pointer-events-auto {
pointer-events: auto;
}
.md\:col-span-1 {
grid-column: span 1 / span 1;
}
.md\:col-span-2 {
grid-column: span 2 / span 2;
}
.md\:col-span-3 {
grid-column: span 3 / span 3;
}
.md\:col-span-4 {
grid-column: span 4 / span 4;
}
.md\:col-span-5 {
grid-column: span 5 / span 5;
}
.md\:col-span-6 {
grid-column: span 6 / span 6;
}
.md\:col-span-10 {
grid-column: span 10 / span 10;
}
.md\:my-32 {
margin-block: 128px;
}
.md\:mt-0 {
margin-top: 0;
}
.md\:mt-3 {
margin-top: 12px;
}
.md\:mr-1 {
margin-right: 4px;
}
.md\:mr-2 {
margin-right: 8px;
}
.md\:mb-0 {
margin-bottom: 0;
}
.md\:ml-2 {
margin-left: 8px;
}
.md\:ml-6 {
margin-left: 24px;
}
.md\:block {
display: block;
}
.md\:flex {
display: flex;
}
.md\:grid {
display: grid;
}
.md\:hidden {
display: none;
}
.md\:inline {
display: inline;
}
.md\:inline-flex {
display: inline-flex;
}
.md\:table-cell {
display: table-cell;
}
.md\:h-8 {
height: 32px;
}
.md\:h-12 {
height: 48px;
}
.md\:h-\[63px\] {
height: 63px;
}
.md\:h-\[74px\] {
height: 74px;
}
.md\:h-auto {
height: auto;
}
.md\:h-full {
height: 100%;
}
.md\:min-h-\[675px\] {
min-height: 675px;
}
.md\:w-1\/3 {
width: 33%;
}
.md\:w-2\/3 {
width: 67%;
}
.md\:w-8 {
width: 32px;
}
.md\:w-12 {
width: 48px;
}
.md\:w-32 {
width: 128px;
}
.md\:w-40 {
width: 160px;
}
.md\:w-57\.5 {
width: 230px;
}
.md\:w-auto {
width: auto;
}
.md\:max-w-\[330px\] {
max-width: 330px;
}
.md\:max-w-full {
max-width: 100%;
}
.md\:max-w-md {
max-width: var(--container-md);
}
.md\:min-w-48 {
min-width: 192px;
}
.md\:min-w-\[330px\] {
min-width: 330px;
}
.md\:shrink-0 {
flex-shrink: 0;
}
.md\:grow {
flex-grow: 1;
}
.md\:grow-0 {
flex-grow: 0;
}
.md\:basis-1\/4 {
flex-basis: 25%;
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.md\:grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr));
}
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.md\:grid-cols-\[min-content_1fr\] {
grid-template-columns: min-content 1fr;
}
.md\:grid-rows-\[1fr_min-content\] {
grid-template-rows: 1fr min-content;
}
.md\:flex-row {
flex-direction: row;
}
.md\:flex-wrap {
flex-wrap: wrap;
}
.md\:items-center {
align-items: center;
}
.md\:items-end {
align-items: flex-end;
}
.md\:items-start {
align-items: flex-start;
}
.md\:justify-between {
justify-content: space-between;
}
.md\:justify-items-stretch {
justify-items: stretch;
}
.md\:gap-3 {
gap: 12px;
}
.md\:gap-4 {
gap: 16px;
}
.md\:gap-6 {
gap: 24px;
}
.md\:gap-8 {
gap: 32px;
}
.md\:gap-12 {
gap: 48px;
}
:where(.md\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(.md\:space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(12px * var(--tw-space-x-reverse));
margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.md\:space-x-10 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(40px * var(--tw-space-x-reverse));
margin-inline-end: calc(40px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.md\:space-x-12 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(48px * var(--tw-space-x-reverse));
margin-inline-end: calc(48px * calc(1 - var(--tw-space-x-reverse)));
}
.md\:self-end {
align-self: flex-end;
}
.md\:overflow-auto {
overflow: auto;
}
.md\:overflow-hidden {
overflow: hidden;
}
.md\:overflow-visible {
overflow: visible;
}
.md\:table-scroller {
overflow-x: auto;
border-radius: var(--radius-sm);
}
.md\:rounded-lg {
border-radius: var(--radius-lg);
}
.md\:rounded-b-lg {
border-bottom-right-radius: var(--radius-lg);
border-bottom-left-radius: var(--radius-lg);
}
.md\:border-r {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
}
.md\:border-b-0 {
border-bottom-style: var(--tw-border-style);
border-bottom-width: 0px;
}
.md\:p-6 {
padding: 24px;
}
.md\:p-8 {
padding: 32px;
}
.md\:p-12 {
padding: 48px;
}
.md\:px-0 {
padding-inline: 0;
}
.md\:px-5 {
padding-inline: 20px;
}
.md\:px-6 {
padding-inline: 24px;
}
.md\:px-12 {
padding-inline: 48px;
}
.md\:py-6 {
padding-block: 24px;
}
.md\:py-16 {
padding-block: 64px;
}
.md\:pt-0 {
padding-top: 0;
}
.md\:pt-5 {
padding-top: 20px;
}
.md\:pr-0 {
padding-right: 0;
}
.md\:pb-6 {
padding-bottom: 24px;
}
.md\:pl-0 {
padding-left: 0;
}
.md\:pl-6 {
padding-left: 24px;
}
.md\:text-left {
text-align: left;
}
.md\:text-heading-md {
font-family: "Rooftop Bold", Arial;
font-weight: 700;
font-size: 1.75rem;
letter-spacing: -0.02em;
line-height: 130%;
}
.md\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.md\:text-4xl {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.md\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.md\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.md\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.md\:whitespace-normal {
white-space: normal;
}
.md\:opacity-0 {
opacity: 0%;
}
.md\:\[--show-labels\:1\] {
--show-labels: 1;
}
.md\:\[--show-points\:1\] {
--show-points: 1;
}
.md\:group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 100%;
}
.md\:hover\:opacity-100:hover {
opacity: 100%;
}
}
@media (width >= 1024px) {
.lg\:sticky {
position: sticky;
}
.lg\:top-6 {
top: 24px;
}
.lg\:order-last {
order: 9999;
}
.lg\:col-span-1 {
grid-column: span 1 / span 1;
}
.lg\:col-span-2 {
grid-column: span 2 / span 2;
}
.lg\:col-span-3 {
grid-column: span 3 / span 3;
}
.lg\:col-span-5 {
grid-column: span 5 / span 5;
}
.lg\:col-span-7 {
grid-column: span 7 / span 7;
}
.lg\:m-0 {
margin: 0;
}
.lg\:m-20 {
margin: 80px;
}
.lg\:-mx-8 {
margin-inline: calc(32px * -1);
}
.lg\:mx-0 {
margin-inline: 0;
}
.lg\:mt-0 {
margin-top: 0;
}
.lg\:mt-5 {
margin-top: 20px;
}
.lg\:mt-10 {
margin-top: 40px;
}
.lg\:mr-4 {
margin-right: 16px;
}
.lg\:mr-8 {
margin-right: 32px;
}
.lg\:mr-10 {
margin-right: 40px;
}
.lg\:mb-5 {
margin-bottom: 20px;
}
.lg\:mb-6 {
margin-bottom: 24px;
}
.lg\:ml-0 {
margin-left: 0;
}
.lg\:ml-2 {
margin-left: 8px;
}
.lg\:ml-16 {
margin-left: 64px;
}
.lg\:ml-auto {
margin-left: auto;
}
.lg\:block {
display: block;
}
.lg\:flex {
display: flex;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:inline {
display: inline;
}
.lg\:inline-block {
display: inline-block;
}
.lg\:table-cell {
display: table-cell;
}
.lg\:h-\[600px\] {
height: 600px;
}
.lg\:h-full {
height: 100%;
}
.lg\:max-h-\[600px\] {
max-height: 600px;
}
.lg\:w-2\/5 {
width: 40%;
}
.lg\:w-4\/5 {
width: calc(4 / 5 * 100%);
}
.lg\:w-50 {
width: 200px;
}
.lg\:w-72 {
width: 288px;
}
.lg\:w-\[187px\] {
width: 187px;
}
.lg\:w-auto {
width: auto;
}
.lg\:max-w-1\/2 {
max-width: 50%;
}
.lg\:max-w-5xl {
max-width: var(--container-5xl);
}
.lg\:max-w-48 {
max-width: 192px;
}
.lg\:max-w-72 {
max-width: 288px;
}
.lg\:max-w-90 {
max-width: 360px;
}
.lg\:max-w-\[75\%\] {
max-width: 75%;
}
.lg\:max-w-\[320px\] {
max-width: 320px;
}
.lg\:max-w-md {
max-width: var(--container-md);
}
.lg\:max-w-none {
max-width: none;
}
.lg\:min-w-\[280px\] {
min-width: 280px;
}
.lg\:flex-1 {
flex: 1;
}
.lg\:flex-initial {
flex: 0 auto;
}
.lg\:columns-5 {
columns: 5;
}
.lg\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
.lg\:grid-cols-\[1fr_minmax\(0\,320px\)\] {
grid-template-columns: 1fr minmax(0, 320px);
}
.lg\:grid-cols-\[300px_1fr\] {
grid-template-columns: 300px 1fr;
}
.lg\:grid-cols-\[minmax\(0\,320px\)_1fr\] {
grid-template-columns: minmax(0, 320px) 1fr;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:items-center {
align-items: center;
}
.lg\:justify-between {
justify-content: space-between;
}
.lg\:justify-center {
justify-content: center;
}
.lg\:gap-0 {
gap: 0;
}
.lg\:gap-2 {
gap: 8px;
}
.lg\:gap-5 {
gap: 20px;
}
.lg\:gap-6 {
gap: 24px;
}
.lg\:gap-8 {
gap: 32px;
}
.lg\:gap-9 {
gap: 36px;
}
.lg\:gap-20 {
gap: 80px;
}
:where(.lg\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(.lg\:space-y-12 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(48px * var(--tw-space-y-reverse));
margin-block-end: calc(48px * calc(1 - var(--tw-space-y-reverse)));
}
.lg\:gap-x-6 {
column-gap: 24px;
}
.lg\:gap-x-24 {
column-gap: 96px;
}
:where(.lg\:space-x-5 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(20px * var(--tw-space-x-reverse));
margin-inline-end: calc(20px * calc(1 - var(--tw-space-x-reverse)));
}
:where(.lg\:space-x-8 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(32px * var(--tw-space-x-reverse));
margin-inline-end: calc(32px * calc(1 - var(--tw-space-x-reverse)));
}
.lg\:gap-y-8 {
row-gap: 32px;
}
:where(.lg\:divide-x > :not(:last-child)) {
--tw-divide-x-reverse: 0;
border-inline-style: var(--tw-border-style);
border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}
.lg\:self-start {
align-self: flex-start;
}
.lg\:overflow-auto {
overflow: auto;
}
.lg\:rounded-md {
border-radius: var(--radius-md);
}
.lg\:rounded-none {
border-radius: 0;
}
.lg\:border-l {
border-left-style: var(--tw-border-style);
border-left-width: 1px;
}
.lg\:border-gray-200 {
border-color: var(--color-gray-200);
}
.lg\:bg-transparent {
background-color: transparent;
}
.lg\:p-0 {
padding: 0;
}
.lg\:p-2 {
padding: 8px;
}
.lg\:p-4 {
padding: 16px;
}
.lg\:p-6 {
padding: 24px;
}
.lg\:p-8 {
padding: 32px;
}
.lg\:px-0 {
padding-inline: 0;
}
.lg\:px-3 {
padding-inline: 12px;
}
.lg\:px-4 {
padding-inline: 16px;
}
.lg\:px-6 {
padding-inline: 24px;
}
.lg\:px-8 {
padding-inline: 32px;
}
.lg\:px-12 {
padding-inline: 48px;
}
.lg\:px-24 {
padding-inline: 96px;
}
.lg\:py-3 {
padding-block: 12px;
}
.lg\:py-8 {
padding-block: 32px;
}
.lg\:py-10 {
padding-block: 40px;
}
.lg\:pt-0 {
padding-top: 0;
}
.lg\:pt-6 {
padding-top: 24px;
}
.lg\:pt-8 {
padding-top: 32px;
}
.lg\:pr-2 {
padding-right: 8px;
}
.lg\:pr-8 {
padding-right: 32px;
}
.lg\:pb-2 {
padding-bottom: 8px;
}
.lg\:pb-6 {
padding-bottom: 24px;
}
.lg\:pb-28 {
padding-bottom: 112px;
}
.lg\:pl-0 {
padding-left: 0;
}
.lg\:pl-8 {
padding-left: 32px;
}
.lg\:text-left {
text-align: left;
}
.lg\:text-right {
text-align: right;
}
.lg\:text-label-md {
font-family: "Work Sans", Arial;
font-weight: 500;
font-size: 0.875rem;
letter-spacing: 0;
line-height: 140%;
}
.lg\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.lg\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.lg\:text-5xl {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.lg\:text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.lg\:text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.lg\:leading-6 {
--tw-leading: var(--leading-6);
line-height: var(--leading-6);
}
.lg\:opacity-0 {
opacity: 0%;
}
.lg\:ring-0 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.lg\:group-hover\:opacity-100:is(:where(.group):hover *) {
opacity: 100%;
}
.lg\:group-hover\/item\:opacity-100:is(:where(.group\/item):hover *) {
opacity: 100%;
}
}
@media (width >= 1280px) {
.xl\:static {
position: static;
}
.xl\:order-1 {
order: 1;
}
.xl\:order-first {
order: -9999;
}
.xl\:order-last {
order: 9999;
}
.xl\:col-span-1 {
grid-column: span 1 / span 1;
}
.xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.xl\:col-span-3 {
grid-column: span 3 / span 3;
}
.xl\:col-span-8 {
grid-column: span 8 / span 8;
}
.xl\:mt-8 {
margin-top: 32px;
}
.xl\:mr-0 {
margin-right: 0;
}
.xl\:mr-7 {
margin-right: 28px;
}
.xl\:block {
display: block;
}
.xl\:flex {
display: flex;
}
.xl\:hidden {
display: none;
}
.xl\:table-cell {
display: table-cell;
}
.xl\:h-\[310px\] {
height: 310px;
}
.xl\:h-full {
height: 100%;
}
.xl\:w-1\/2 {
width: 50%;
}
.xl\:w-1\/3 {
width: 33%;
}
.xl\:w-1\/5 {
width: calc(1 / 5 * 100%);
}
.xl\:w-2\/5 {
width: 40%;
}
.xl\:w-3\/5 {
width: 60%;
}
.xl\:w-12 {
width: 48px;
}
.xl\:w-16 {
width: 64px;
}
.xl\:w-\[310px\] {
width: 310px;
}
.xl\:w-auto {
width: auto;
}
.xl\:max-w-6xl {
max-width: var(--container-6xl);
}
.xl\:max-w-60 {
max-width: 240px;
}
.xl\:max-w-96 {
max-width: 384px;
}
.xl\:max-w-\[700px\] {
max-width: 700px;
}
.xl\:max-w-lg {
max-width: var(--container-lg);
}
.xl\:min-w-\[200px\] {
min-width: 200px;
}
.xl\:flex-1 {
flex: 1;
}
.xl\:columns-6 {
columns: 6;
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr));
}
.xl\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.xl\:grid-cols-\[1fr_auto\] {
grid-template-columns: 1fr auto;
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:flex-wrap {
flex-wrap: wrap;
}
.xl\:items-start {
align-items: flex-start;
}
.xl\:gap-0 {
gap: 0;
}
.xl\:gap-6 {
gap: 24px;
}
.xl\:gap-8 {
gap: 32px;
}
.xl\:gap-12 {
gap: 48px;
}
:where(.xl\:space-x-4 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(16px * var(--tw-space-x-reverse));
margin-inline-end: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
.xl\:p-8 {
padding: 32px;
}
.xl\:px-6 {
padding-inline: 24px;
}
.xl\:px-10 {
padding-inline: 40px;
}
.xl\:px-12 {
padding-inline: 48px;
}
.xl\:pr-0 {
padding-right: 0;
}
.xl\:pr-12 {
padding-right: 48px;
}
.xl\:pl-10 {
padding-left: 40px;
}
.xl\:pl-16 {
padding-left: 64px;
}
.xl\:text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.xl\:opacity-0 {
opacity: 0%;
}
.xl\:group-open\/dropdown\:opacity-100:is(:where(.group\/dropdown):is([open], :popover-open, :open) *) {
opacity: 100%;
}
.xl\:group-hover\/comment\:opacity-100:is(:where(.group\/comment):hover *) {
opacity: 100%;
}
}
@media (width >= 1536px) {
.\32xl\:table-cell {
display: table-cell;
}
.\32xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.\32xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.\32xl\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.\32xl\:px-0 {
padding-inline: 0;
}
}
@container (width >= 24rem) {
.\@sm\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.\@sm\:grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr));
}
.\@sm\:first-of-type\:col-span-2:first-of-type {
grid-column: span 2 / span 2;
}
}
@container (width >= 28rem) {
.\@md\:block {
display: block;
}
.\@md\:flex {
display: flex;
}
.\@md\:hidden {
display: none;
}
.\@md\:inline-block {
display: inline-block;
}
.\@md\:table-cell {
display: table-cell;
}
.\@md\:w-auto {
width: auto;
}
.\@md\:grid-flow-col {
grid-auto-flow: column;
}
.\@md\:grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
:where(.\@md\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(.\@md\:space-x-4 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(16px * var(--tw-space-x-reverse));
margin-inline-end: calc(16px * calc(1 - var(--tw-space-x-reverse)));
}
.\@md\:p-0 {
padding: 0;
}
.\@md\:px-0 {
padding-inline: 0;
}
.\@md\:text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@container pagy-nav (width >= 32rem) {
.\@lg\/pagy-nav\:block {
display: block;
}
}
@container (width >= 32rem) {
.\@lg\:block {
display: block;
}
.\@lg\:flex {
display: flex;
}
.\@lg\:hidden {
display: none;
}
.\@lg\:w-auto {
width: auto;
}
.\@lg\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.\@lg\:flex-row {
flex-direction: row;
}
.\@lg\:items-center {
align-items: center;
}
:where(.\@lg\:space-y-0 > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: 0;
margin-block-end: 0;
}
:where(.\@lg\:space-x-3 > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(12px * var(--tw-space-x-reverse));
margin-inline-end: calc(12px * calc(1 - var(--tw-space-x-reverse)));
}
.\@lg\:p-0 {
padding: 0;
}
.\@lg\:px-0 {
padding-inline: 0;
}
.\@lg\:text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
@container pagy-nav (width >= 36rem) {
.\@xl\/pagy-nav\:mt-0 {
margin-top: 0;
}
.\@xl\/pagy-nav\:ml-6 {
margin-left: 24px;
}
.\@xl\/pagy-nav\:flex-row {
flex-direction: row;
}
.\@xl\/pagy-nav\:justify-center {
justify-content: center;
}
.\@xl\/pagy-nav\:pb-0 {
padding-bottom: 0;
}
}
@container (width >= 42rem) {
.\@2xl\:col-span-1 {
grid-column: span 1 / span 1;
}
.\@2xl\:col-span-2 {
grid-column: span 2 / span 2;
}
.\@2xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\@2xl\:grid-cols-\[repeat\(2\,_1fr\)\] {
grid-template-columns: repeat(2, 1fr);
}
.\@2xl\:grid-rows-\[1fr_repeat\(2\,_min-content\)\] {
grid-template-rows: 1fr repeat(2, min-content);
}
.\@2xl\:flex-row-reverse {
flex-direction: row-reverse;
}
.\@2xl\:pr-12 {
padding-right: 48px;
}
.\@2xl\:pl-10 {
padding-left: 40px;
}
}
@container (width >= 56rem) {
.\@4xl\:col-span-1 {
grid-column: span 1 / span 1;
}
.\@4xl\:col-span-3 {
grid-column: span 3 / span 3;
}
.\@4xl\:inline {
display: inline;
}
.\@4xl\:grid-cols-\[repeat\(3\,_1fr\)\] {
grid-template-columns: repeat(3, 1fr);
}
.\@4xl\:grid-rows-\[1fr_min-content\] {
grid-template-rows: 1fr min-content;
}
}
:where(.dark\:divide-coolGray-600:where(.dark, .dark *) > :not(:last-child)) {
border-color: var(--color-coolGray-600);
}
.dark\:border-amber-900:where(.dark, .dark *) {
border-color: var(--color-amber-900);
}
.dark\:border-blue-800:where(.dark, .dark *) {
border-color: var(--color-blue-800);
}
.dark\:border-coolGray-500:where(.dark, .dark *) {
border-color: var(--color-coolGray-500);
}
.dark\:border-coolGray-800:where(.dark, .dark *) {
border-color: var(--color-coolGray-800);
}
.dark\:border-gray-700:where(.dark, .dark *) {
border-color: var(--color-gray-700);
}
.dark\:border-gray-800:where(.dark, .dark *) {
border-color: var(--color-gray-800);
}
.dark\:border-red-900:where(.dark, .dark *) {
border-color: var(--color-red-900);
}
.dark\:border-slate-600:where(.dark, .dark *) {
border-color: var(--color-slate-600);
}
.dark\:bg-amber-900:where(.dark, .dark *) {
background-color: var(--color-amber-900);
}
.dark\:bg-blue-900:where(.dark, .dark *) {
background-color: var(--color-blue-900);
}
.dark\:bg-blue-900\/20:where(.dark, .dark *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-blue-900, 7 27 71) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
}
}
.dark\:bg-coolGray-200:where(.dark, .dark *) {
background-color: var(--color-coolGray-200);
}
.dark\:bg-coolGray-500:where(.dark, .dark *) {
background-color: var(--color-coolGray-500);
}
.dark\:bg-coolGray-600:where(.dark, .dark *) {
background-color: var(--color-coolGray-600);
}
.dark\:bg-coolGray-800:where(.dark, .dark *) {
background-color: var(--color-coolGray-800);
}
.dark\:bg-coolGray-800\/50:where(.dark, .dark *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-800, 54 69 87) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-800) 50%, transparent);
}
}
.dark\:bg-coolGray-900:where(.dark, .dark *) {
background-color: var(--color-coolGray-900);
}
.dark\:bg-gray-700:where(.dark, .dark *) {
background-color: var(--color-gray-700);
}
.dark\:bg-gray-800:where(.dark, .dark *) {
background-color: var(--color-gray-800);
}
.dark\:bg-gray-900:where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
.dark\:bg-green-900:where(.dark, .dark *) {
background-color: var(--color-green-900);
}
.dark\:bg-orange-900:where(.dark, .dark *) {
background-color: var(--color-orange-900);
}
.dark\:bg-purple-900:where(.dark, .dark *) {
background-color: var(--color-purple-900);
}
.dark\:bg-red-900:where(.dark, .dark *) {
background-color: var(--color-red-900);
}
.dark\:bg-slate-400:where(.dark, .dark *) {
background-color: var(--color-slate-400);
}
.dark\:bg-slate-500:where(.dark, .dark *) {
background-color: var(--color-slate-500);
}
.dark\:bg-teal-900:where(.dark, .dark *) {
background-color: var(--color-teal-900);
}
.dark\:bg-none:where(.dark, .dark *) {
background-image: none;
}
.dark\:text-amber-200:where(.dark, .dark *) {
color: var(--color-amber-200);
}
.dark\:text-amber-300:where(.dark, .dark *) {
color: var(--color-amber-300);
}
.dark\:text-amber-400:where(.dark, .dark *) {
color: var(--color-amber-400);
}
.dark\:text-blue-100:where(.dark, .dark *) {
color: var(--color-blue-100);
}
.dark\:text-blue-200:where(.dark, .dark *) {
color: var(--color-blue-200);
}
.dark\:text-coolGray-100:where(.dark, .dark *) {
color: var(--color-coolGray-100);
}
.dark\:text-coolGray-200:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
.dark\:text-coolGray-400:where(.dark, .dark *) {
color: var(--color-coolGray-400);
}
.dark\:text-coolGray-500:where(.dark, .dark *) {
color: var(--color-coolGray-500);
}
.dark\:text-coolGray-600:where(.dark, .dark *) {
color: var(--color-coolGray-600);
}
.dark\:text-coolGray-800:where(.dark, .dark *) {
color: var(--color-coolGray-800);
}
.dark\:text-gray-100:where(.dark, .dark *) {
color: var(--color-gray-100);
}
.dark\:text-gray-300:where(.dark, .dark *) {
color: var(--color-gray-300);
}
.dark\:text-gray-400:where(.dark, .dark *) {
color: var(--color-gray-400);
}
.dark\:text-gray-500:where(.dark, .dark *) {
color: var(--color-gray-500);
}
.dark\:text-green-200:where(.dark, .dark *) {
color: var(--color-green-200);
}
.dark\:text-orange-200:where(.dark, .dark *) {
color: var(--color-orange-200);
}
.dark\:text-purple-200:where(.dark, .dark *) {
color: var(--color-purple-200);
}
.dark\:text-red-200:where(.dark, .dark *) {
color: var(--color-red-200);
}
.dark\:text-red-300:where(.dark, .dark *) {
color: var(--color-red-300);
}
.dark\:text-slate-200:where(.dark, .dark *) {
color: var(--color-slate-200);
}
.dark\:text-slate-300:where(.dark, .dark *) {
color: var(--color-slate-300);
}
.dark\:text-slate-800:where(.dark, .dark *) {
color: var(--color-slate-800);
}
.dark\:text-teal-200:where(.dark, .dark *) {
color: var(--color-teal-200);
}
.dark\:text-white:where(.dark, .dark *) {
color: var(--color-white);
}
.dark\:opacity-100:where(.dark, .dark *) {
opacity: 100%;
}
.dark\:shadow-coolGray:where(.dark, .dark *) {
--tw-shadow-color: rgb(var(--eva-color-coolGray, 98 120 141) / 1);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, var(--color-coolGray) var(--tw-shadow-alpha), transparent);
}
}
.dark\:shadow-gray-700:where(.dark, .dark *) {
--tw-shadow-color: #374151;
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, var(--color-gray-700) var(--tw-shadow-alpha), transparent);
}
}
.dark\:group-hover\:text-coolGray-200:where(.dark, .dark *):is(:where(.group):hover *) {
color: var(--color-coolGray-200);
}
.dark\:group-hover\:text-gray-300:where(.dark, .dark *):is(:where(.group):hover *) {
color: var(--color-gray-300);
}
.dark\:hover\:bg-coolGray-500:where(.dark, .dark *):hover {
background-color: var(--color-coolGray-500);
}
.dark\:hover\:bg-coolGray-800:where(.dark, .dark *):hover {
background-color: var(--color-coolGray-800);
}
.dark\:hover\:bg-gray-800:where(.dark, .dark *):hover {
background-color: var(--color-gray-800);
}
.dark\:hover\:bg-slate-400:where(.dark, .dark *):hover {
background-color: var(--color-slate-400);
}
.dark\:hover\:text-coolGray-200:where(.dark, .dark *):hover {
color: var(--color-coolGray-200);
}
.dark\:hover\:text-coolGray-800:where(.dark, .dark *):hover {
color: var(--color-coolGray-800);
}
.prose-p\:my-2 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
margin-block: 8px;
}
.prose-p\:leading-6 :is(:where(p):not(:where([class~=not-prose], [class~=not-prose] *))) {
--tw-leading: var(--leading-6);
line-height: var(--leading-6);
}
.\[\&_\.refine--filter-wrapper\]\:mt-0 .refine--filter-wrapper {
margin-top: 0;
}
.\[\&_td\]\:px-3 td {
padding-inline: 12px;
}
.\[\&_td\]\:py-1\.5 td {
padding-block: 6px;
}
.\[\&_th\]\:px-3 th {
padding-inline: 12px;
}
.\[\&_th\]\:py-1\.5 th {
padding-block: 6px;
}
.\[\&\.active\]\:font-semibold.active {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.\[\&\.gu-mirror\]\:rotate-1.gu-mirror {
rotate: 1deg;
}
.\[\&\.gu-mirror\]\:cursor-grabbing.gu-mirror {
cursor: grabbing;
}
.\[\&\.gu-mirror\]\:shadow-lg.gu-mirror {
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.\[\&\.gu-mirror\]\:ring-1.gu-mirror {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.\[\&\.gu-mirror\]\:ring-gray-200.gu-mirror {
--tw-ring-color: var(--color-gray-200);
}
.\[\&\.gu-transit\]\:border-dashed.gu-transit {
--tw-border-style: dashed;
border-style: dashed;
}
.\[\&\.gu-transit\]\:border-blue-300.gu-transit {
border-color: var(--color-blue-300);
}
.\[\&\.gu-transit\]\:bg-blue-50.gu-transit {
background-color: var(--color-blue-50);
}
.\[\&\.gu-transit\]\:opacity-100.gu-transit {
opacity: 100%;
}
.\[\&\.gu-transit\>\*\]\:opacity-30.gu-transit > * {
opacity: 30%;
}
.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button {
appearance: none;
}
.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
display: none;
}
.\[\&\:focus\]\:outline-none:focus {
--tw-outline-style: none;
outline-style: none;
}
.\[\&\:focus-visible\]\:outline-none:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
.\[\&\:has\(\:nth-child\(10\)\)\]\:grid-flow-row:has(:nth-child(10)) {
grid-auto-flow: row;
}
.\[\&\:last-of-type\>i\:last-of-type\]\:hidden:last-of-type > i:last-of-type {
display: none;
}
.\[\&\:not\(\:first-of-type\)\]\:col-auto:not(:first-of-type) {
grid-column: auto;
}
.\[\&\:not\(\:has\(a\)\)\]\:hidden:not(:has(a)) {
display: none;
}
.\[\&\:not\(\:only-child\)\]\:hidden:not(:only-child) {
display: none;
}
.\[\&\:not\(\:only-child\)\]\:border-l-2:not(:only-child) {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
}
.\[\&\:not\(\:only-child\)\]\:border-l-gray-600:not(:only-child) {
border-left-color: var(--color-gray-600);
}
.\[\&\:not\(\:only-child\)\]\:pl-3:not(:only-child) {
padding-left: 12px;
}
.\[\&\>\*\]\:mb-0 > * {
margin-bottom: 0;
}
.\[\&\>\*\]\:p-3\! > * {
padding: 12px !important;
}
.\[\&\>\*\:not\(\:first-child\)\]\:pt-3 > :not(:first-child) {
padding-top: 12px;
}
.\[\&\>\*\:not\(\:last-child\)\]\:pb-3 > :not(:last-child) {
padding-bottom: 12px;
}
.\[\&\>\*\:nth-child\(n\+3\)\]\:col-span-full > :nth-child(n+3) {
grid-column: 1 / -1;
}
.\[\&\[busy\]\]\:hidden[busy] {
display: none;
}
}
:root {
--cf-tw-spacing: 0.25rem;
}
@layer base {
*,
::before,
::after {
border-color: var(--color-coolGray-200);
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: var(--color-coolGray-400);
}
button,
[role=button] {
cursor: pointer;
}
:disabled {
cursor: default;
}
wa-dropdown-item {
padding: 0.5em 1em;
&[checkbox-adjacent] {
padding-inline-start: 2em;
}
}
wa-option {
padding: 0.5em 1em 0.5em 0.25em;
}
wa-tag {
padding: 0 0.75em;
}
wa-badge {
padding: 0.375em 0.625em;
}
wa-callout {
padding: 1em;
}
wa-toast {
padding: var(--wa-space-m);
@media (max-width: 480px) {
padding: var(--wa-space-s);
}
}
}
@layer components {
b,
strong {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.button,
.button-secondary,
.button-alternative,
.button-danger,
.button-circular,
.button-outline,
.button-zendrop,
.button-basic,
.button-outline-inverse {
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
padding-inline: 16px;
padding-block: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
&.button-smaller {
padding-inline: 12px;
padding-block: 4px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
}
.button-alternative {
border-radius: var(--radius-md);
border-color: var(--color-gray-300);
background-color: var(--color-white);
color: var(--color-gray-500);
text-decoration-line: none;
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:hover {
background-color: var(--color-gray-50);
}
&:hover {
text-decoration-line: none;
}
}
.button-color {
padding: 0.5rem 1rem;
border-width: 1px;
border-color: transparent;
border-radius: 9999px;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.btn-toggle input[type=checkbox],
.btn-toggle input[type=radio] {
display: none;
&:checked {
& + button {
padding: 0.5rem 1rem;
border-width: 1px;
border-color: transparent;
border-radius: 0.375rem;
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
}
}
}
:is(.btn-toggle.btn-color-picker input[type=checkbox], .btn-toggle.btn-color-picker input[type=radio]):checked + button {
border-radius: calc(infinity * 1px);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
.full {
display: flex;
width: 100%;
justify-content: center;
}
:where(form.form > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(20px * var(--tw-space-y-reverse));
margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
}
form.form .buttons {
:where(& > :not(:last-child)) {
margin-inline-end: 12px;
}
padding-top: 4px;
}
.table {
width: 100%;
: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)));
}
:where(& > :not(:last-child)) {
border-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
}
}
text-align: left;
& th {
padding-inline: 12px;
padding-block: 12px;
text-transform: none;
font-size: 0.65rem;
line-height: 1.25rem;
letter-spacing: 0;
font-size: var(--text-2xs);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
&:first-child {
padding-left: 20px;
}
&:last-child {
padding-right: 20px;
}
}
& tbody {
: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)));
}
:where(& > :not(:last-child)) {
border-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-gray-900) 5%, transparent);
}
}
}
& td {
padding-inline: 12px;
padding-block: 14px;
&:first-child {
padding-left: 20px;
}
&:last-child {
padding-right: 20px;
}
&.buttons {
padding-right: 12px;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(8px * var(--tw-space-x-reverse));
margin-inline-end: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
text-align: right;
& > * {
margin-top: calc(20px * -1);
margin-bottom: calc(20px * -1);
}
}
}
}
:is(.box-table .table th, .box-table .table td):first-child {
padding-left: 32px;
}
:is(.box-table .table th, .box-table .table td):last-child {
padding-right: 32px;
}
[hidden] {
display: none !important;
}
}
@layer utilities {
#fwb :where([class*=space-x-] > :not(:last-child)) {
margin-inline-end: 0;
}
#fwb :where([class*=space-y-] > :not(:last-child)) {
margin-block-end: 0;
}
#fwb :where([class*=divide-x] > :not(:last-child)) {
border-inline-end-width: 0;
}
#fwb :where([class*=divide-y] > :not(:last-child)) {
border-bottom-width: 0;
}
}
@layer components {
:root {
--ck-focus-ring: 1px solid rgb(4, 123, 248);
--ck-inner-shadow: 0;
--ck-border-radius: 0.375rem;
--ck-color-base-border: rgb(209, 213, 219);
--ck-spacing-standard: 0.75rem;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&.ck-focused {
box-shadow: inset 0 0 0 1px rgb(4, 123, 248);
}
}
.cloudinary-field button.upload {
margin: 0;
border-radius: 4px;
padding: 0;
border: 2px solid #dde2ec;
background: transparent;
position: relative;
min-height: 50px;
min-width: 50px;
&:not(.present) {
min-height: 100px;
min-width: 100px;
}
& i {
display: block;
text-align: center;
vertical-align: middle;
position: absolute;
line-height: 50px;
width: 50px;
height: 50px;
margin-left: -25px;
margin-top: -25px;
top: 50%;
left: 50%;
font-size: 32px;
color: #dde2ec;
}
& + button.clear {
display: none;
font-size: 32px;
color: #dde2ec;
background: transparent;
border: 0;
vertical-align: -7px;
&:focus,
&:active {
& i {
color: #047bf8;
}
}
}
&.present {
& i {
display: none;
}
& + button.clear {
display: inline;
}
}
&:focus,
&:active {
border-color: #047bf8;
& i {
color: #047bf8;
}
}
}
.date-input .single-daterange {
border-radius: var(--radius-md);
border-color: var(--color-gray-300);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus {
border-color: var(--color-blue);
}
&:focus {
--tw-ring-color: var(--color-blue);
}
}
.daterangepicker .hourselect,
.daterangepicker .minuteselect,
.daterangepicker .ampmselect {
border-radius: var(--radius-md);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus {
--tw-ring-color: var(--color-blue);
}
border-color: var(--color-gray-300) !important;
background-color: var(--color-white) !important;
&:focus {
border-color: var(--color-blue) !important;
}
text-align-last: center;
}
.daterangepicker .calendar-table .active {
background-color: var(--color-blue) !important;
}
input[type=tel] {
line-height: 21px;
&::placeholder {
color: #9ca3af;
}
}
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
flex: 1 0 33%;
padding: 0 0.5em;
max-width: 33%;
}
:is(.trix-content .attachment-gallery.attachment-gallery--2, .trix-content .attachment-gallery.attachment-gallery--4) > action-text-attachment,
:is(.trix-content .attachment-gallery.attachment-gallery--2, .trix-content .attachment-gallery.attachment-gallery--4) > .attachment {
flex-basis: 50%;
max-width: 50%;
}
.trix-content action-text-attachment .attachment {
padding: 0 !important;
max-width: 100% !important;
}
}
@layer vendor {
trix-editor {
border: 1px solid #bbb;
border-radius: 3px;
margin: 0;
padding: 0.4em 0.6em;
min-height: 5em;
outline: none;
}
trix-toolbar * {
box-sizing: border-box;
}
trix-toolbar .trix-button-row {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow-x: auto;
}
trix-toolbar .trix-button-group {
display: flex;
margin-bottom: 10px;
border: 1px solid #bbb;
border-top-color: #ccc;
border-bottom-color: #888;
border-radius: 3px;
}
trix-toolbar .trix-button-group:not(:first-child) {
margin-left: 1.5vw;
}
@media (max-width: 768px) {
trix-toolbar .trix-button-group:not(:first-child) {
margin-left: 0;
}
}
trix-toolbar .trix-button-group-spacer {
flex-grow: 1;
}
@media (max-width: 768px) {
trix-toolbar .trix-button-group-spacer {
display: none;
}
}
trix-toolbar .trix-button {
position: relative;
float: left;
color: rgba(0, 0, 0, 0.6);
font-size: 0.75em;
font-weight: 600;
white-space: nowrap;
padding: 0 0.5em;
margin: 0;
outline: none;
border: none;
border-bottom: 1px solid #ddd;
border-radius: 0;
background: transparent;
}
trix-toolbar .trix-button:not(:first-child) {
border-left: 1px solid #ccc;
}
trix-toolbar .trix-button.trix-active {
background: #cbeefa;
color: rgb(0, 0, 0);
}
trix-toolbar .trix-button:not(:disabled) {
cursor: pointer;
}
trix-toolbar .trix-button:disabled {
color: rgba(0, 0, 0, 0.125);
}
@media (max-width: 768px) {
trix-toolbar .trix-button {
letter-spacing: -0.01em;
padding: 0 0.3em;
}
}
trix-toolbar .trix-button--icon {
font-size: inherit;
width: 2.6em;
height: 1.6em;
max-width: calc(0.8em + 4vw);
text-indent: -9999px;
}
@media (max-width: 768px) {
trix-toolbar .trix-button--icon {
height: 2em;
max-width: calc(0.8em + 3.5vw);
}
}
trix-toolbar .trix-button--icon::before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
@media (max-width: 768px) {
trix-toolbar .trix-button--icon::before {
right: 6%;
left: 6%;
}
}
trix-toolbar .trix-button--icon.trix-active::before {
opacity: 1;
}
trix-toolbar .trix-button--icon:disabled::before {
opacity: 0.125;
}
trix-toolbar .trix-button--icon-attach::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E);
top: 8%;
bottom: 4%;
}
trix-toolbar .trix-button--icon-bold::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-italic::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-link::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-strike::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-quote::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-heading-1::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-code::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-bullet-list::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-number-list::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-undo::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-redo::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-button--icon-increase-nesting-level::before {
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E);
}
trix-toolbar .trix-dialogs {
position: relative;
}
trix-toolbar .trix-dialog {
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 0.75em;
padding: 15px 10px;
background: #fff;
box-shadow: 0 0.3em 1em #ccc;
border-top: 2px solid #888;
border-radius: 5px;
z-index: 5;
}
trix-toolbar .trix-input--dialog {
font-size: inherit;
font-weight: normal;
padding: 0.5em 0.8em;
margin: 0 10px 0 0;
border-radius: 3px;
border: 1px solid #bbb;
background-color: #fff;
box-shadow: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
trix-toolbar .trix-input--dialog.validate:invalid {
box-shadow: #F00 0px 0px 1.5px 1px;
}
trix-toolbar .trix-button--dialog {
font-size: inherit;
padding: 0.5em;
border-bottom: none;
}
trix-toolbar .trix-dialog--link {
max-width: 600px;
}
trix-toolbar .trix-dialog__link-fields {
display: flex;
align-items: baseline;
}
trix-toolbar .trix-dialog__link-fields .trix-input {
flex: 1;
}
trix-toolbar .trix-dialog__link-fields .trix-button-group {
flex: 0 0 content;
margin: 0;
}
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
trix-editor [data-trix-mutable] ::-moz-selection,
trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
background: none;
}
trix-editor [data-trix-mutable] ::selection,
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
background: none;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::-moz-selection {
background: highlight;
}
trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection {
background: highlight;
}
trix-editor [data-trix-mutable].attachment.attachment--file {
box-shadow: 0 0 0 2px highlight;
border-color: transparent;
}
trix-editor [data-trix-mutable].attachment img {
box-shadow: 0 0 0 2px highlight;
}
trix-editor .attachment {
position: relative;
}
trix-editor .attachment:hover {
cursor: default;
}
trix-editor .attachment--preview .attachment__caption:hover {
cursor: text;
}
trix-editor .attachment__progress {
position: absolute;
z-index: 1;
height: 20px;
top: calc(50% - 10px);
left: 5%;
width: 90%;
opacity: 0.9;
transition: opacity 200ms ease-in;
}
trix-editor .attachment__progress[value="100"] {
opacity: 0;
}
trix-editor .attachment__caption-editor {
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
font-size: inherit;
font-family: inherit;
line-height: inherit;
color: inherit;
text-align: center;
vertical-align: top;
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
trix-editor .attachment__toolbar {
position: absolute;
z-index: 1;
top: -0.9em;
left: 0;
width: 100%;
text-align: center;
}
trix-editor .trix-button-group {
display: inline-flex;
}
trix-editor .trix-button {
position: relative;
float: left;
color: #666;
white-space: nowrap;
font-size: 80%;
padding: 0 0.8em;
margin: 0;
outline: none;
border: none;
border-radius: 0;
background: transparent;
}
trix-editor .trix-button:not(:first-child) {
border-left: 1px solid #ccc;
}
trix-editor .trix-button.trix-active {
background: #cbeefa;
}
trix-editor .trix-button:not(:disabled) {
cursor: pointer;
}
trix-editor .trix-button--remove {
text-indent: -9999px;
display: inline-block;
padding: 0;
outline: none;
width: 1.8em;
height: 1.8em;
line-height: 1.8em;
border-radius: 50%;
background-color: #fff;
border: 2px solid highlight;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}
trix-editor .trix-button--remove::before {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.7;
content: "";
background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);
background-position: center;
background-repeat: no-repeat;
background-size: 90%;
}
trix-editor .trix-button--remove:hover {
border-color: #333;
}
trix-editor .trix-button--remove:hover::before {
opacity: 1;
}
trix-editor .attachment__metadata-container {
position: relative;
}
trix-editor .attachment__metadata {
position: absolute;
left: 50%;
top: 2em;
transform: translate(-50%, 0);
max-width: 90%;
padding: 0.1em 0.6em;
font-size: 0.8em;
color: #fff;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 3px;
}
trix-editor .attachment__metadata .attachment__name {
display: inline-block;
max-width: 100%;
vertical-align: bottom;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
trix-editor .attachment__metadata .attachment__size {
margin-left: 0.2em;
white-space: nowrap;
}
.trix-content {
line-height: 1.5;
overflow-wrap: break-word;
word-break: break-word;
}
.trix-content * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.trix-content h1 {
font-size: 1.2em;
line-height: 1.2;
}
.trix-content blockquote {
border: 0 solid #ccc;
border-left-width: 0.3em;
margin-left: 0.3em;
padding-left: 0.6em;
}
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
border-width: 0;
border-right-width: 0.3em;
margin-right: 0.3em;
padding-right: 0.6em;
}
.trix-content li {
margin-left: 1em;
}
.trix-content [dir=rtl] li {
margin-right: 1em;
}
.trix-content pre {
display: inline-block;
width: 100%;
vertical-align: top;
font-family: monospace;
font-size: 0.9em;
padding: 0.5em;
white-space: pre;
background-color: #eee;
overflow-x: auto;
}
.trix-content img {
max-width: 100%;
height: auto;
}
.trix-content .attachment {
display: inline-block;
position: relative;
max-width: 100%;
}
.trix-content .attachment a {
color: inherit;
text-decoration: none;
}
.trix-content .attachment a:hover,
.trix-content .attachment a:visited:hover {
color: inherit;
}
.trix-content .attachment__caption {
text-align: center;
}
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
content: " \2022";
}
.trix-content .attachment--preview {
width: 100%;
text-align: center;
}
.trix-content .attachment--preview .attachment__caption {
color: #666;
font-size: 0.9em;
line-height: 1.2;
}
.trix-content .attachment--file {
color: #333;
line-height: 1;
margin: 0 2px 2px 2px;
padding: 0.4em 1em;
border: 1px solid #bbb;
border-radius: 5px;
}
.trix-content .attachment-gallery {
display: flex;
flex-wrap: wrap;
position: relative;
}
.trix-content .attachment-gallery .attachment {
flex: 1 0 33%;
padding: 0 0.5em;
max-width: 33%;
}
.trix-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-content .attachment-gallery.attachment-gallery--4 .attachment {
flex-basis: 50%;
max-width: 50%;
}
}
@layer components {
trix-toolbar {
opacity: 0.15;
&.visible {
opacity: 1;
}
}
a[href^="bullettrain://"],
span.tribute-reference {
border-radius: 4px;
display: inline-block;
box-sizing: border-box;
padding: 0 4px;
margin: -1px 0;
color: #3e4b5b;
line-height: 17px;
text-decoration: none;
background-color: #ebe2ff;
border: 1px solid #7147d2;
}
a[href^="bullettrain://users"],
a[href^="bullettrain://teams"],
span.tribute-users-reference,
span.tribute-teams-reference {
background-color: #e2ebff;
border: 1px solid #4771d2;
}
.tribute-container ul {
border-radius: 5px;
overflow: hidden;
box-sizing: border-box;
border: 2px solid #047bf8;
background: white;
list-style: none;
padding: 0;
&:empty {
display: none;
}
& li {
& span {
font-weight: normal;
}
&.highlight {
background-color: #5897fb;
color: white;
}
padding: 5px 10px;
& img {
height: 30px;
width: 30px;
border-radius: 15px;
margin-right: 5px;
}
}
}
trix-editor [data-trix-cursor-target] {
display: none !important;
height: 0 !important;
width: 0 !important;
}
.trix-editor * {
box-sizing: border-box;
}
trix-editor {
padding-right: 0.75rem;
padding-left: 0.75rem;
border-radius: var(--radius-md);
border-color: var(--color-gray-300);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus,
&:active {
border-color: #047bf8;
box-shadow: inset 0 0 0 1px #047bf8;
}
}
.trix-hide-toolbar trix-toolbar {
display: none !important;
}
.bulk-action-unavailable {
display: none !important;
}
.bulk-actions-selectable-item-checkbox-wrapper {
display: none;
}
.bulk-actions .bulk-actions-checkbox-cell {
width: 16px;
padding-right: 0;
}
.bulk-actions:not(.selectable-available) .bulk-actions-selectable-toggle {
display: none;
}
.bulk-actions:not(.selectable) td:nth-child(2),
.bulk-actions:not(.selectable) th:nth-child(2) {
padding-left: 20px;
}
.bulk-actions:not(.selectable) .box-table td:nth-child(2),
.bulk-actions:not(.selectable) th:nth-child(2) {
padding-left: 32px;
}
.bulk-actions.selectable-available:not(.selectable) .bulk-action {
display: none;
}
.bulk-actions.selectable-available:not(.selectable) .bulk-actions-checkbox-cell {
display: none;
}
.bulk-actions.selectable .bulk-action-single {
display: none;
}
.beefree-header {
position: relative;
z-index: 100;
display: flex;
justify-content: flex-end;
background-color: var(--color-white);
padding-right: 24px;
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
& .header-info-section {
margin-right: auto;
& .header-info-section-heading {
position: relative;
margin-left: 16px;
max-width: var(--container-xs);
& .header-info-section-title {
margin-bottom: 1px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-bottom: 1px;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-gray-900);
}
& .header-info-section-subtitle {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-leading: var(--leading-4);
line-height: var(--leading-4);
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-gray-600);
}
}
}
& .header-section {
display: flex;
padding-block: 4px;
& .header-items {
display: flex;
align-items: center;
border-right-style: var(--tw-border-style);
border-right-width: 1px;
border-color: var(--color-gray-200);
padding-inline: 16px;
& .header-item {
position: relative;
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: transparent;
padding-inline: 10px;
padding-block: 6px;
white-space: nowrap;
color: var(--color-gray-800);
text-decoration-line: none;
--tw-duration: 150ms;
transition-duration: 150ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:hover {
border-color: var(--color-coolGray-600);
}
&:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-500) 10%, transparent);
}
}
&:hover {
color: var(--color-gray-900);
}
&:hover {
text-decoration-line: none;
}
& i {
margin-right: 4px;
}
&.header-icon-items {
min-height: 38px;
& i {
margin-right: 0;
}
}
}
&.no-border {
border-style: var(--tw-border-style);
border-width: 0px;
}
}
}
}
.hover-indent-child .indent-child {
transition: transform 0.2s ease;
}
.hover-indent-child:hover .indent-child {
transform: translateX(8px);
}
ol.breadcrumb li:first-child svg {
display: none;
}
:root {
--ck-focus-ring: 1px solid rgb(4, 123, 248);
--ck-inner-shadow: 0;
--ck-border-radius: 4px;
--ck-color-base-border: rgb(209, 213, 219);
--ck-spacing-standard: 0.75rem;
--ck-color-toolbar-border: rgb(183, 198, 206);
}
.ck-editor__editable {
min-height: 200px;
}
.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&.ck-focused {
box-shadow: inset 0 0 0 1px rgb(4, 123, 248);
}
}
.ck.ck-sticky-panel .ck-sticky-panel__content_sticky {
top: 15px;
}
.ck.ck-editor__main {
& .ck-editor__editable_inline {
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
border-color: var(--color-gray-400) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
}
text-align: left;
& h1,
& h2,
& h3,
& h4,
& h5 {
font-weight: 600;
}
& h2 {
font-size: 1.5em;
line-height: 2em;
}
& h3 {
font-size: 1.25em;
line-height: 1.75em;
}
& h4 {
font-size: 1.125em;
line-height: 1.75em;
}
& a {
color: rgba(37, 99, 235, 1);
font-weight: 400;
text-decoration: underline;
}
& ul > li {
margin-left: 1.25em;
list-style-type: disc;
& ul > li {
list-style-type: square;
& ul > li {
list-style-type: circle;
}
}
}
& ol > li {
margin-left: 1.25em;
list-style-type: decimal;
& ol > li {
list-style-type: upper-roman;
}
}
& blockquote {
display: block;
margin-bottom: 1em;
overflow: hidden;
padding-right: 1.5em;
padding-left: 1.5em;
font-style: italic;
border-left: 5px solid #ccc;
}
}
.ck.ck-editor .ck.ck-focused {
border-color: var(--color-blue) !important;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
--tw-ring-color: var(--color-blue) !important;
--tw-ring-inset: inset !important;
}
.date-input .single-daterange {
border-radius: var(--radius-sm);
border-color: var(--color-gray-300);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus {
border-color: var(--color-blue);
}
&:focus {
--tw-ring-color: var(--color-blue);
}
}
.date-input--inline .daterangepicker {
position: static;
&::before,
&::after {
display: none;
}
}
.daterangepicker {
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
& .hourselect,
& .minuteselect,
& .ampmselect {
border-radius: var(--radius-sm);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus {
--tw-ring-color: var(--color-blue);
}
border-color: var(--color-gray-300) !important;
background-color: var(--color-white) !important;
&:focus {
border-color: var(--color-blue) !important;
}
text-align-last: center;
}
& th,
& td {
padding: 1px;
}
& .calendar-table .active {
background-color: var(--color-blue) !important;
}
& .ranges {
& ul {
:where(& > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(4px * var(--tw-space-y-reverse));
margin-block-end: calc(4px * calc(1 - var(--tw-space-y-reverse)));
}
& li {
border-radius: var(--radius-sm);
background-color: var(--color-white);
color: var(--color-gray-600);
&:hover {
background-color: var(--color-gray-100);
}
&.active {
background-color: var(--color-gray-150);
color: var(--color-blue-600);
}
}
}
}
}
.daterangepicker.daterangepicker--analytics {
margin-top: 8px;
border-radius: var(--radius-lg);
border-color: var(--color-gray-200);
--tw-shadow: 0px 1px 41px var(--tw-shadow-color, rgba(34, 38, 40, 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);
font-family: inherit;
&::before,
&::after {
display: none;
}
& .drp-calendar.left,
& .drp-calendar.right {
padding: 12px;
}
& .calendar-table,
& .drp-calendar.left .calendar-table {
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: 0;
}
& .calendar-table table {
border-collapse: separate;
border-spacing: 0 2px;
}
& .calendar-table th,
& .calendar-table td {
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 0px;
padding: 0;
color: var(--color-gray-800);
font-size: 0.875rem;
width: 34px;
min-width: 34px;
height: 34px;
line-height: 34px;
}
& thead tr:last-child th {
height: 28px;
cursor: default;
font-size: 11px;
--tw-leading: var(--leading-7);
line-height: var(--leading-7);
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-gray-500);
text-transform: uppercase;
}
& th.month {
cursor: default;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-gray-900);
}
& th.prev span,
& th.next span {
border-color: var(--color-gray-500);
}
& th.available:hover {
background-color: var(--color-gray-100);
}
& select.monthselect,
& select.yearselect {
margin: 0;
height: auto;
width: auto;
cursor: pointer;
border-radius: var(--radius-md);
border-color: transparent;
background-color: transparent;
padding-block: 4px;
padding-right: 20px;
padding-left: 6px;
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-gray-900);
--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);
font-size: 0.875rem;
field-sizing: content;
background-position: right 0.25rem center;
background-size: 1rem 1rem;
&:hover {
background-color: var(--color-gray-100);
}
&:focus {
border-color: transparent;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: color-mix(in srgb, rgb(var(--eva-color-blue, 34 119 246) / 1) 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-blue) 40%, transparent);
}
}
}
& select.monthselect {
margin-right: 2px;
}
& td.available:hover {
background-color: var(--color-gray-100);
color: var(--color-gray-900);
}
& td.today:not(.active):not(.off) {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-blue-600);
}
& td.in-range,
& td.in-range:hover {
border-radius: 0;
background-color: var(--color-blue-50);
color: var(--color-blue-900);
}
& td.active,
& td.active:hover {
background-color: var(--color-blue);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-white);
}
& td.off,
& td.off.in-range,
& td.off.start-date,
& td.off.end-date {
background-color: transparent;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
color: var(--color-gray-400);
}
& .calendar-table td.off.active {
background-color: transparent !important;
}
& td.disabled {
cursor: not-allowed;
color: var(--color-gray-300);
text-decoration: none;
}
& td.start-date,
& td.start-date:hover {
border-radius: var(--radius-md);
}
& td.end-date,
& td.end-date:hover {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
& td.end-date:first-child,
& td.off + td.end-date {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
& td.start-date:has(+ td.in-range:not(.off)) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.field {
width: 100%;
border-radius: var(--radius-sm);
border-color: var(--color-gray-400);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-coolGray-900);
&::placeholder {
color: var(--color-coolGray-200);
}
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800);
}
&:where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
&:focus {
border-color: var(--color-blue-600);
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&.has-error {
border-color: var(--color-red);
padding-right: 40px;
&:focus {
border-color: var(--color-red);
}
&:focus {
--tw-ring-color: var(--color-red);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
&:disabled {
background-color: var(--color-gray-100);
color: var(--color-gray-500);
}
}
.select2-selection__choice {
display: flex;
max-width: 100%;
& span:last-of-type {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.select2-results__option span {
margin-left: 6px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.iti__selected-flag:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.text-field[autocomplete=one-time-code] {
font-family: ui-monospace, monospace;
font-size: 1.25rem;
font-weight: 700;
inline-size: 14ch;
letter-spacing: 0.75ch;
min-inline-size: 14ch;
text-align: center;
text-indent: 0.75ch;
&::placeholder {
color: var(--color-gray-400);
opacity: 1;
}
}
.text-field,
.select-field {
width: 100%;
border-radius: var(--radius-sm);
border-color: var(--color-coolGray-400);
padding-inline: 12px;
padding-block: 8px;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
&::placeholder {
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
}
}
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
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));
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:focus {
border-color: var(--color-blue-600);
}
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
--tw-ring-color: var(--color-blue-600);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
&:focus {
--tw-ring-inset: inset;
}
&:disabled {
cursor: not-allowed;
}
&:disabled {
background-color: var(--color-gray-50);
}
&:disabled {
color: var(--color-gray-500);
}
&:disabled {
--tw-ring-color: var(--color-gray-200);
}
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800);
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-900);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
&::-ms-reveal {
display: none;
}
&.is-invalid {
border-color: var(--color-red);
color: var(--color-red);
--tw-ring-color: var(--color-red);
&::placeholder {
color: var(--color-red);
}
&:focus {
border-color: var(--color-red);
}
&:focus {
--tw-ring-color: var(--color-red);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
}
.FileSelectorField__PreviewContainer:hover .FileSelectorField__PreviewContainer__EditButton:not(.always_hidden) {
display: block;
}
.super_grid_select img {
border-radius: var(--radius-md);
}
.super_grid_select input[type=radio]:checked + div {
overflow: hidden;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.select2-selection.select2-selection--single {
min-height: 37px;
& .select2-selection__rendered {
padding-left: 12px;
min-height: 34px;
line-height: 34px;
}
& .select2-selection__arrow {
padding-top: 35px;
}
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
position: relative;
right: 2px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .4);
box-shadow: 0 0 1px rgba(255, 255, 255, .4);
}
.property-values-super_select ul li,
.property-values-super_select input.select2-search__field {
width: 100% !important;
}
.select2-container .select2-search--inline .select2-search__field {
font-weight: 300;
}
.select2 {
display: block;
& img {
display: block;
height: 30px;
width: 30px;
border-radius: 15px;
margin-right: 8px;
padding-right: 0px;
}
&.icon-left + .select2-container {
& .select2-selection.select2-selection--single,
& .select2-selection.select2-selection--multiple {
& .select2-selection__rendered {
padding-left: 32px !important;
}
}
}
}
.select2-results img {
height: auto;
width: auto;
border-radius: 0;
margin-right: 0;
}
.select2-results img.default {
height: 30px;
width: 30px;
border-radius: 15px;
margin-right: 8px;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
border-color: var(--color-gray-400) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-900) !important;
}
}
.super-select-with-text .select2-selection {
position: relative;
--tw-border-style: none;
border-style: none;
top: 1px;
}
.select2-container {
border-color: var(--color-gray-400) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
width: 100%;
}
.dropdown-wrapper {
border-color: var(--color-gray-400);
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800);
}
}
.select2-selection--single,
.select2-selection--multiple {
height: auto !important;
border-radius: var(--radius-sm) !important;
border-color: var(--color-gray-400) !important;
padding-top: 0 !important;
--tw-leading: 1 !important;
line-height: 1 !important;
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05)) !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
& .select2.field.has-error + .select2-container & {
border-color: var(--color-red) !important;
}
&.focus-visible {
border-color: #047bf8 !important;
box-shadow: inset 0 0 0 1px #047bf8 !important;
outline: 0 !important;
}
&:focus {
outline: 0 !important;
}
& .select2-selection__arrow {
height: 34px !important;
}
& .select2-selection__rendered {
line-height: 35px !important;
border-color: var(--color-gray-400) !important;
padding-left: 12px !important;
color: var(--color-gray-500) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-200) !important;
}
& .select2.field.has-error + .select2-container & {
color: var(--color-red-800) !important;
}
}
}
.select2--checkbox .select2-results__option span:before {
height: 24px;
width: 24px;
padding-right: 10px;
font-family: fontAwesome;
content: "\f096";
}
.select2--checkbox .select2-results__option.select2-results__option--highlighted {
color: var(--color-white);
}
.select2--checkbox .select2-results__option[aria-selected=true] span:before {
content: "\f14a";
}
.select2--checkbox .select2-results__option:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
.select2--checkbox-item:before {
height: 24px;
width: 24px;
padding-right: 10px;
font-family: fontAwesome;
content: "\f096";
}
.select2-results__option[aria-selected=true] .select2--checkbox-item:before {
content: "\f14a";
}
.select2-selection--multiple .select2-selection__choice {
margin-top: 6px !important;
line-height: 22px !important;
}
.select2.select2-container--focus:not(.select2-container--open) .select2-selection.select2-selection--single,
.select2.select2-container--focus:not(.select2-container--open) .select2-selection.select2-selection--multiple {
border-color: var(--color-blue) !important;
outline: 2px solid #B0D4F4 !important;
outline-offset: 0px !important;
}
fieldset:has(.select2-container) {
min-width: 0;
}
.select2-container .select2-dropdown {
overflow: hidden !important;
border-style: var(--tw-border-style) !important;
border-width: 1px !important;
border-color: var(--color-gray-400) !important;
--tw-shadow: 0 0 #0000 !important;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-900) !important;
}
&:where(.dark, .dark *) {
color: var(--color-gray-500) !important;
}
& .select2.field.has-error ~ & {
border-color: var(--color-red) !important;
border-top-color: var(--color-gray-400) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
}
&.select2-dropdown--below {
margin-top: calc(4px * -1);
border-top-style: var(--tw-border-style);
border-top-width: 1px;
--tw-border-style: solid;
border-style: solid;
}
&.select2-dropdown--above {
margin-top: 4px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
--tw-border-style: solid;
border-style: solid;
}
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #047bf8 !important;
color: white;
}
.select2-search__field {
border-radius: var(--radius-sm) !important;
border-color: var(--color-gray-400) !important;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800) !important;
}
&:where(.dark, .dark *) {
background-color: var(--color-gray-900) !important;
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-200) !important;
}
&:focus {
border-color: #5897fb !important;
}
}
trix-toolbar {
opacity: 0.15;
&.visible {
opacity: 1;
}
}
a[href^="bullettrain://"],
span.tribute-reference {
border-radius: 4px;
display: inline-block;
box-sizing: border-box;
padding: 0 4px;
margin: -1px 0;
color: #3e4b5b;
line-height: 17px;
text-decoration: none;
background-color: #ebe2ff;
border: 1px solid #7147d2;
}
a[href^="bullettrain://users"],
a[href^="bullettrain://teams"],
span.tribute-users-reference,
span.tribute-teams-reference {
background-color: #e2ebff;
border: 1px solid #4771d2;
}
.tribute-anchor {
position: fixed;
z-index: 1000;
}
.tribute-container ul {
border-radius: 5px;
overflow: hidden;
box-sizing: border-box;
border: 2px solid #047bf8;
background: white;
list-style: none;
padding: 0;
&:empty {
display: none;
}
& li {
& span {
font-weight: normal;
}
&.highlight {
background-color: #5897fb;
color: white;
}
padding: 5px 10px;
& img {
height: 30px;
width: 30px;
border-radius: 15px;
margin-right: 5px;
}
}
}
trix-editor [data-trix-cursor-target] {
display: none !important;
height: 0 !important;
width: 0 !important;
}
.trix-editor * {
box-sizing: border-box;
}
trix-editor {
padding-right: 0.75rem;
padding-left: 0.75rem;
border-radius: var(--radius-sm);
border-color: var(--color-gray-300);
--tw-font-weight: var(--font-weight-light);
font-weight: var(--font-weight-light);
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:focus,
&:active {
border-color: #047bf8;
box-shadow: inset 0 0 0 1px #047bf8;
}
& b,
& strong {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
}
.trix-hide-toolbar trix-toolbar {
display: none !important;
}
.trix-content {
width: 100%;
}
.trix-content h1 {
line-height: 1.25rem !important;
font-size: 1.25rem !important;
margin-bottom: 16px;
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.trix-content a:not(.no-underline) {
text-decoration-line: underline;
}
.trix-content ul {
list-style-type: disc;
padding-left: 1rem;
}
.trix-content ol {
list-style-type: decimal;
padding-left: 1rem;
}
.trix-content pre {
display: inline-block;
width: 100%;
vertical-align: top;
font-family: monospace;
padding: 0.5em;
white-space: pre;
background-color: #eee;
overflow-x: auto;
}
.trix-content blockquote {
border: 0 solid #ccc;
border-left-width: 0px;
border-left-width: 0.3em;
margin-left: 0.3em;
padding-left: 0.6em;
}
}
@keyframes growReveal {
0% {
transform: scale(.4);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@layer components {
toggle-trigger.busy::before {
display: flex;
width: 100%;
animation: var(--animate-pulse);
align-items: center;
justify-content: center;
animation: fa-spin 2s infinite linear;
font-family: fontAwesome;
content: "\f3f4";
}
.highlight-show {
animation: show-highlight 300ms ease-in;
}
.highlight-hide {
animation: hide-highlight 600ms ease-out;
border-radius: var(--radius-xs);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-yellow-500);
--tw-ring-offset-width: 4px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-offset-color: var(--color-yellow-200);
}
.highlight-animate {
animation: animate-highlight 50ms linear 0s infinite;
border-radius: var(--radius-xs);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-yellow-500);
--tw-ring-offset-width: 4px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-offset-color: var(--color-yellow-200);
}
.highlight-pulse {
animation: pulse-highlight 1.5s ease-out 3;
border: 1px solid var(--color-surge-400);
padding: calc(var(--cf-tw-spacing) * 4);
border-radius: calc(var(--cf-tw-spacing) * 4);
background-color: var(--color-surge-50);
}
}
@keyframes show-highlight {
to {
border-radius: 6px;
box-shadow: 0 0 0 4px rgb(var(--eva-color-yellow-200, 255 240 141)), 0 0 0 8px rgb(var(--eva-color-yellow-500, 234 179 8));
}
}
@keyframes hide-highlight {
to {
box-shadow: 0 0 0 8px rgb(var(--eva-color-white, 255 255 255)), 0 0 0 16px transparent;
}
}
@keyframes animate-highlight {
from {
transform: rotate(-0.2deg);
}
to {
transform: rotate(0.2deg);
}
}
@keyframes pulse-highlight {
0% {
box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-surge-400) 70%, transparent);
background-color: var(--color-surge-50);
}
70% {
box-shadow: 0 0 0 10px color-mix(in srgb, var(--color-surge-400) 0%, transparent);
background-color: var(--color-surge-100);
}
100% {
box-shadow: 0 0 0 0 color-mix(in srgb, var(--color-surge-400) 0%, transparent);
background-color: var(--color-surge-50);
}
}
@layer components {
.settings-highlight {
animation: highlight-pulse 6s ease-in-out;
border-radius: 0.5rem;
}
}
@keyframes highlight-pulse {
0%, 100% {
box-shadow: 0 0 0 0 rgba(79, 70, 229, 0);
}
8%, 25%, 42% {
box-shadow: 0 0 0 6px rgba(79, 70, 229, 0.5);
}
16%, 33%, 50% {
box-shadow: 0 0 0 12px rgba(79, 70, 229, 0.3);
}
}
@layer components {
.cf-thumb-skeleton {
aspect-ratio: 10 / 7;
background-color: #e8eaed;
background-image:
linear-gradient(
100deg,
rgba(255, 255, 255, 0) 20%,
rgba(255, 255, 255, 0.55) 50%,
rgba(255, 255, 255, 0) 80%);
background-repeat: no-repeat;
background-size: 200% 100%;
background-position: 180% 0;
animation: cf-thumb-shimmer 1.5s ease-in-out infinite;
}
.cf-thumb-skeleton.lazyloaded {
background: none;
animation: cf-thumb-fade-in 250ms ease;
}
}
@keyframes cf-thumb-shimmer {
to {
background-position: -180% 0;
}
}
@keyframes cf-thumb-fade-in {
from {
opacity: 0.35;
}
to {
opacity: 1;
}
}
@layer components {
@media (prefers-reduced-motion: reduce) {
.cf-thumb-skeleton {
animation: none;
}
}
.browser-frame-shadow {
box-shadow: 0px 4px 8px rgba(42, 51, 58, 0.14);
}
.browser-frame {
border-color: var(--color-gray-200);
}
.browser-frame--desktop {
border-radius: var(--radius-sm);
}
.browser-frame--mobile {
border-style: var(--tw-border-style);
border-width: 1px;
background-color: var(--color-white);
padding: 2px;
border-radius: 12px;
}
.browser-frame-screenshot {
background-color: var(--color-gray-300);
object-fit: cover;
}
.browser-frame--mobile .browser-frame-screen {
box-sizing: border-box;
width: 100%;
overflow: hidden;
border-style: var(--tw-border-style);
border-width: 1px;
border-radius: 6px 6px 10px 10px;
}
.browser-frame--mobile .browser-frame-screenshot {
width: 100%;
}
:where(.buttons > :not(:last-child)) {
margin-inline-end: 12px;
}
.button,
.button-basic,
.button-secondary,
.button-alternative,
.button-danger,
.button-circular,
.button-outline,
.button-outline-inverse,
.button-zendrop,
.options.as-buttons input[type=radio]:checked + label,
.options.as-button-group input[type=radio] + label,
.options.as-buttons label {
display: inline-flex;
cursor: pointer;
align-items: center;
justify-content: center;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
padding-inline: 16px;
padding-block: 8px;
text-align: center;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
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));
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
@media (width < 768px) {
min-height: 44px;
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&.button-sm {
padding-inline: 12px;
padding-block: 4px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
&.button-md {
padding-inline: 16px;
padding-block: 8px;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&[data-turbo-frame].is-active,
&.is-loading {
gap: 8px;
&::before {
display: flex;
width: 100%;
width: 100%;
align-items: center;
justify-content: center;
animation: fa-spin 2s infinite linear;
font-family: fontAwesome;
content: "\f3f4";
}
}
}
:is(.button, .button-secondary, .button-alternative, .button-danger, .options.as-buttons input[type=radio]:checked + label):active:not(.disabled) {
--tw-shadow: 0px 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, .05)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.button,
.options.as-buttons input[type=radio]:checked + label {
--tw-border-style: none;
border-style: none;
--tw-duration: 300ms;
transition-duration: 300ms;
background:
linear-gradient(
180deg,
rgb(var(--eva-color-surge-300)) 0%,
rgb(var(--eva-color-surge-500)) 100%);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
color: rgb(var(--eva-color-cloudNine-1000));
&:active:not(.disabled) {
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.24);
border-color: transparent;
}
&:hover {
background:
linear-gradient(
180deg,
rgb(var(--eva-color-surge-400)) 0%,
rgb(var(--eva-color-surge-600)) 100%);
}
&.disabled,
&:disabled,
&[disabled] {
pointer-events: none;
&:focus {
border: none;
outline: none;
outline-offset: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-offset-color: transparent;
}
background: rgb(var(--eva-color-surge-100));
color: rgb(var(--eva-color-cloudNine-600));
}
}
.button--contacts {
background:
linear-gradient(
to bottom,
var(--cfcc-color-brand-primary),
var(--cfcc-color-brand-400));
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
color: var(--cfcc-color-brand-500-strong-contrast, white);
&:hover {
background:
linear-gradient(
to bottom,
var(--cfcc-color-brand-600),
var(--cfcc-color-brand-400));
}
&.disabled,
&:disabled,
&[disabled] {
background-color: var(--color-gray-400);
color: var(--color-white);
}
}
.button--legacy {
color: var(--color-white);
background:
linear-gradient(
to bottom,
#1A2A41,
#161E29);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
&:hover {
background:
linear-gradient(
to bottom,
#44596D,
#151D28);
}
&.disabled,
&:disabled,
&[disabled] {
background-color: var(--color-gray-400);
color: var(--color-white);
}
}
.button-alternative {
border-color: var(--color-gray-300);
background-color: var(--color-white);
color: var(--color-gray-500);
text-decoration-line: none;
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
&:hover {
background-color: var(--color-gray-50);
}
&:hover {
text-decoration-line: none;
}
}
.button-circular {
border-radius: calc(infinity * 1px);
border-color: var(--color-gray-200);
padding-block: 12px;
color: var(--color-coolGray-600);
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));
&:hover {
border-style: var(--tw-border-style);
border-width: 1px;
}
&:hover {
border-color: var(--color-gray-900);
}
&:hover {
background-color: var(--color-gray-400);
}
&:hover {
color: var(--color-gray-900);
}
}
.button-danger {
border-color: var(--color-red-800);
background-color: var(--color-red-600);
color: var(--color-white);
&:hover {
background-color: var(--color-red-700);
}
&:hover {
text-decoration-line: none;
}
&:active {
background-color: var(--color-red-800);
}
&:focus {
--tw-ring-color: var(--color-red-600) !important;
}
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
&:hover {
box-shadow: 0px 1px 1px rgba(26, 41, 63, 0.08);
}
&.outline {
border-color: var(--color-red-600);
background-color: transparent;
color: var(--color-red-600);
outline-style: var(--tw-outline-style);
outline-width: 1px;
&:hover {
background-color: var(--color-red-700);
}
&:hover {
color: var(--color-white);
}
}
&.disabled,
&:disabled {
background: none;
cursor: not-allowed;
cursor: not-allowed;
background-color: var(--color-gray-400);
&:hover {
background-color: var(--color-gray-400);
}
&:hover {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
border: none;
outline: none;
outline-offset: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-offset-color: transparent;
}
}
}
.button-outline,
.button-outline-inverse,
.button-zendrop,
.options.as-button-group input[type=radio] + label,
.options.as-buttons label {
border-color: var(--color-coolGray-400);
background-color: var(--color-white);
color: var(--color-coolGray-900);
&:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
}
}
&:active {
border-color: var(--color-coolGray-800);
}
&:active {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
}
}
&:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&.disabled,
&:disabled {
cursor: not-allowed;
pointer-events: none;
cursor: pointer;
border-color: var(--color-trueGray-200);
background-color: var(--color-trueGray-100);
color: var(--color-trueGray-500);
}
}
.button-zendrop {
--tw-border-style: none;
border-style: none;
--tw-gradient-position: to bottom in oklab;
background-image: linear-gradient(var(--tw-gradient-stops));
--tw-gradient-from: #7D6FDE;
--tw-gradient-to: #6656D5;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
color: var(--color-white);
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));
&:hover {
--tw-gradient-from: #AF88EF;
--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 {
--tw-gradient-to: #7D6FDE;
--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));
}
}
.button-outline-inverse {
border-color: var(--color-coolGray-600);
background-color: transparent;
&:hover {
border-color: var(--color-white);
}
&:hover {
background-color: var(--color-white);
}
}
.button-plain {
cursor: pointer;
border-radius: var(--radius-sm);
--tw-border-style: none;
border-style: none;
background-color: transparent;
padding-inline: 6px;
padding-block: 2px;
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-blue-600);
text-decoration-line: underline;
&:hover {
color: var(--color-blue-800);
}
@media (width < 768px) {
min-height: 44px;
}
&.disabled,
&:disabled {
pointer-events: none;
cursor: not-allowed;
color: var(--color-trueGray-500);
}
}
.button-plain-icon {
padding-left: 9px;
padding-right: 9px;
&.squared {
padding-left: 8px;
padding-right: 8px;
}
cursor: pointer;
border-radius: var(--radius-sm);
--tw-border-style: none;
border-style: none;
padding-block: 8px;
text-align: center;
color: var(--color-coolGray-600);
&:hover {
background-color: var(--color-gray-200);
}
&:hover {
color: var(--color-gray-900);
}
&:active {
background-color: var(--color-gray-300);
}
&:active {
--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);
}
@media (width < 768px) {
min-height: 44px;
}
&.disabled,
&:disabled {
pointer-events: none;
cursor: not-allowed;
color: var(--color-trueGray-500);
opacity: 40%;
&:hover {
background-color: transparent;
}
}
& > i {
height: 16px;
width: 20px;
--tw-leading: var(--leading-6);
line-height: var(--leading-6);
}
&.button-basic {
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-coolGray-200);
}
&.active {
border-color: var(--color-blue-600);
color: var(--color-blue-600);
}
}
.button-basic,
.button-secondary {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-coolGray-200);
background-image:
linear-gradient(
to top,
#f3f4f5,
#fdfdfd);
color: var(--color-coolGray-900);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
&:hover {
border-color: var(--color-coolGray-200);
}
&:hover {
background-image:
linear-gradient(
to top,
#eeeff1,
#f0f2f7);
}
&:active {
border-color: var(--color-coolGray-200);
}
&:active {
background-color: var(--color-coolGray-200);
}
box-shadow: 0px 2px 2px rgba(81, 110, 134, 0.04);
&:hover {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
}
&:active,
&:active:hover,
&:active:focus {
border-color: var(--color-coolGray-200);
background-color: var(--color-coolGray-200);
background-image: none;
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.12);
}
&.disabled,
&:disabled {
cursor: not-allowed;
background-image:
linear-gradient(
to top,
#f3f4f5,
#fdfdfd);
opacity: 40%;
&:hover {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
border: none;
outline: none;
outline-offset: 0px;
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: transparent;
--tw-ring-offset-color: transparent;
}
}
}
.options.as-buttons {
display: flex;
& input[type=radio] {
display: none;
}
& input[type=radio] + label {
margin-right: 8px;
}
& input[type=radio]:checked + label {
--tw-border-style: none;
border-style: none;
--tw-duration: 300ms;
transition-duration: 300ms;
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
background:
linear-gradient(
180deg,
rgb(var(--eva-color-surge-300)) 0%,
rgb(var(--eva-color-surge-500)) 100%);
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
color: rgb(var(--eva-color-cloudNine-1000));
}
& label {
border-color: var(--color-coolGray-400);
background-color: var(--color-white);
color: var(--color-coolGray-900);
&:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
}
}
&:active {
border-color: var(--color-coolGray-800);
}
&:active {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
}
}
&:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
}
.options.as-button-group {
position: relative;
z-index: 0;
display: inline-flex;
& input[type=radio] {
display: none;
}
& input[type=radio] + label {
border-color: var(--color-coolGray-400);
background-color: var(--color-white);
color: var(--color-coolGray-900);
&:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 5%, transparent);
}
}
&:active {
border-color: var(--color-coolGray-800);
}
&:active {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-500, 81 110 134) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-500) 20%, transparent);
}
}
&:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
position: relative;
display: inline-flex;
border-radius: 0;
background-image: none;
&:focus {
z-index: 20;
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&.disabled {
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
&:not(:first-child) {
margin-inline: -1px;
}
&:first-of-type {
border-top-left-radius: var(--radius-2xs);
border-bottom-left-radius: var(--radius-2xs);
}
&:last-of-type {
border-top-right-radius: var(--radius-2xs);
border-bottom-right-radius: var(--radius-2xs);
}
}
& input[type=radio]:checked + label {
z-index: 10;
background-color: var(--color-blue-50);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-blue);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
}
.full {
display: flex;
width: 100%;
justify-content: center;
}
.button_to {
display: inline-block;
}
.footer-button-container a,
.footer-button-container button,
.footer-button-container input[type=submit] {
display: block;
width: 100%;
text-align: center;
@container (width >= 32rem) {
display: inline-flex;
}
@container (width >= 32rem) {
width: auto;
}
}
button[type=button]:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.button-toggle input[type=checkbox],
.button-toggle input[type=radio] {
display: none;
&:checked {
& + button {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
&:focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&:disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&.disabled:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled] {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
&[disabled]:hover {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
border: 1px solid rgb(var(--eva-color-cloudNine-1000));
background: rgb(var(--eva-color-cloudNine-1000));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-1000)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-500)) inset;
color: rgb(var(--eva-color-white));
&:hover {
background: rgb(var(--eva-color-cloudNine-900));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
&:active {
background: rgb(var(--eva-color-cloudNine-1000));
border: 1px solid rgb(var(--eva-color-cloudNine-700));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
}
& + button[disabled] {
background: rgb(var(--eva-color-cloudNine-300)) !important;
color: rgb(var(--eva-color-cloudNine-900)) !important;
}
}
}
.changelog-entry > * + * {
margin-top: 8px;
}
.changelog-entry p,
.changelog-entry ul,
.changelog-entry ol {
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
}
.changelog-entry h1,
.changelog-entry h2,
.changelog-entry h3,
.changelog-entry h4 {
margin-top: 12px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-coolGray-900);
}
.changelog-entry strong {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-coolGray-900);
}
.changelog-entry ul {
list-style-type: disc;
padding-left: 16px;
}
.changelog-entry ol {
list-style-type: decimal;
padding-left: 16px;
}
.changelog-entry li + li {
margin-top: 4px;
}
.changelog-entry a {
color: var(--color-blue-600);
text-decoration-line: underline;
}
.changelog-entry img,
.changelog-entry video {
width: 100%;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-coolGray-200);
}
.changelog-entry code {
border-radius: var(--radius-sm);
background-color: var(--color-coolGray-100);
padding-inline: 4px;
font-family: var(--font-mono);
}
.changelog-entry pre {
overflow-x: auto;
border-radius: var(--radius-sm);
background-color: var(--color-coolGray-100);
padding: 8px;
& code {
background-color: transparent;
padding: 0;
}
}
.changelog-entry blockquote {
border-left-style: var(--tw-border-style);
border-left-width: 2px;
border-color: var(--color-coolGray-200);
padding-left: 8px;
color: var(--color-coolGray-500);
}
input.checkbox,
input[type=checkbox] {
height: 16px;
width: 16px;
cursor: pointer;
border-radius: 4px;
border-color: var(--color-gray-300);
color: var(--color-blue-600);
&:focus {
--tw-ring-color: var(--color-blue-500);
}
&[disabled],
&.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 50%;
& + label {
color: color-mix(in srgb, #374151 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
}
}
}
& + label {
margin-left: 12px;
display: block;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-gray-700);
}
}
.contact-pill-container {
display: flex;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray-400);
padding-inline: 12px;
--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);
min-height: 38px;
}
.details > summary {
display: flex;
align-items: center;
list-style: none;
& .details-summary-content {
cursor: pointer;
}
&.caret-toggle {
pointer-events: none;
position: relative;
& div[data-controller=context-provider],
&::before,
& #test-trigger,
& button,
& input,
& a,
& i {
pointer-events: auto;
}
&::before {
opacity: 0%;
}
}
&::marker,
&::-webkit-details-marker {
display: none;
}
&::before {
font: var(--fa-font-light);
content: "\f106";
margin-right: 12px;
cursor: pointer;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
color: var(--color-coolGray-400);
}
&:focus-visible {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
.details[open] > summary::before,
.details[open] > summary.caret-toggle i.fa-caret-right::before {
content: "\f107";
}
.details--card {
border-radius: var(--radius-md);
background-color: var(--color-white);
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
& > summary {
padding-inline: 24px;
padding-block: 22px;
}
}
.details--reversed > summary {
flex-direction: row-reverse;
&::before {
content: "\f106";
}
&.caret-toggle {
&::before {
opacity: 0%;
}
& i.fa-caret-right {
right: 24px;
left: auto;
&::before {
content: "\f106";
}
}
}
}
.details--hiddenCaret > summary::before,
.details[open] .details--hiddenCaret summary::before {
content: "" !important;
}
.details-summary-content {
width: 100%;
}
#deliverable_assets_form #products_variant_has_access_to_all_valid_assets {
margin-top: 3.45px;
}
#deliverable_assets_form .top-only-box-shadow {
box-shadow: 0 1px 28px rgba(34, 38, 40, 0.10);
}
#deliverable_assets_form .max-60-w {
max-width: 60%;
}
#deliverable_assets_form .small-border-top {
border-top: solid 1px #e2e2e3;
}
#deliverable_assets_form .min-h-73 {
min-height: 73px;
}
#deliverable_assets_form .max-h-73 {
max-height: 73px;
}
em-emoji-picker {
position: absolute;
top: 40px;
z-index: 90;
border-style: var(--tw-border-style);
border-width: 1px;
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
:where(form.form > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(24px * var(--tw-space-y-reverse));
margin-block-end: calc(24px * calc(1 - var(--tw-space-y-reverse)));
}
:where(form.form .form-wrapper > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(20px * var(--tw-space-y-reverse));
margin-block-end: calc(20px * calc(1 - var(--tw-space-y-reverse)));
}
form.form .form-wrapper[disabled] {
opacity: 0.3;
position: relative;
user-select: none;
&:before {
content: "";
position: absolute;
background-color: transparent;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
}
form.form .buttons {
:where(& > :not(:last-child)) {
margin-inline-end: 12px;
}
padding-top: 12px;
}
form.form .gap-y {
row-gap: 24px;
}
form.form button .enabled {
display: initial;
}
form.form button .disabled {
display: none;
}
form.form button[disabled] .enabled {
display: none;
}
form.form button[disabled] .disabled {
display: initial;
}
.input--search {
display: block;
height: 38px;
width: 100%;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-coolGray-400);
padding-left: 32px;
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
color: var(--color-coolGray-900);
&::placeholder {
color: var(--color-coolGray-600);
}
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-400);
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-900);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-400);
}
&:where(.dark, .dark *) {
&::placeholder {
color: var(--color-coolGray-200);
}
}
&:focus {
border-color: var(--color-blue-600);
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&::placeholder {
opacity: 40%;
&:where(.dark, .dark *) {
opacity: 80%;
}
}
}
.or-divider {
display: flex;
flex-direction: row;
font-family:
Verdana,
Helvetica,
sans-serif;
font-size: 10px;
font-weight: bold;
color: rgb(135, 149, 162);
}
.or-divider:before,
.or-divider:after {
content: " ";
flex: 1 1;
border-bottom: 1px solid rgb(135, 149, 162);
margin: auto;
}
.or-divider:before {
margin-right: 2%;
}
.or-divider:after {
margin-left: 2%;
}
.gallery-menu-item:focus-within .gallery-menu-item-controls {
display: flex;
}
#image_gallery_items[busy] .no-results,
#image_gallery_items[busy] .initial-state {
display: none;
}
#image_gallery_items[busy] .progress-spinner {
display: block;
}
#image_gallery_items .progress-spinner {
display: none;
}
.decoration-blue {
text-decoration-color: #22aaf6 !important;
}
#show-on-hover {
display: none;
}
#item-to-hover:hover + #show-on-hover {
display: inline-block;
}
.link {
cursor: pointer;
color: var(--color-blue-600);
&:hover {
color: var(--color-blue-800);
}
&:hover {
text-decoration-line: underline;
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:active {
&:hover {
text-decoration-line: none;
}
}
&.disabled,
&:disabled {
pointer-events: none;
cursor: not-allowed;
color: var(--color-gray-600);
&:hover {
color: var(--color-gray-600);
}
}
}
.loading:after {
content: "...";
position: absolute;
bottom: 0;
left: 100%;
vertical-align: bottom;
overflow: hidden;
display: inline-block;
animation: ellipsis 3s infinite;
width: 0px;
}
}
@keyframes ellipsis {
to {
width: 18px;
}
}
@layer components {
.pagy-info {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
}
nav.pagy-nav {
display: inline-flex;
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray-200);
}
nav.pagy-nav .page {
border-right-style: var(--tw-border-style);
border-right-width: 1px;
border-color: var(--color-gray-200);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
color: var(--color-gray-700);
& > a {
display: inline-block;
padding-inline: 16px;
padding-block: 8px;
color: var(--color-coolGray-800);
}
&.current,
&.disabled,
&.gap {
padding-inline: 16px;
padding-block: 8px;
}
&.current {
background-color: var(--color-blue-50);
color: var(--color-trueGray-800);
}
&.prev,
&.next {
color: var(--color-gray-800);
& > a {
padding-inline: 12px;
padding-block: 8px;
}
}
&.prev {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
&.next {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
--tw-border-style: none;
border-style: none;
}
&:not(.disabled):hover {
background-color: var(--color-blue-50);
}
&:not(.disabled):active,
&:not(.current):active {
background-color: var(--color-gray-175);
box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.06);
}
&.disabled {
cursor: not-allowed;
background-color: var(--color-gray-50);
padding-inline: 12px;
padding-block: 8px;
&:active {
background-color: var(--color-gray-50);
}
& > i {
color: var(--color-gray-200);
}
}
}
.promo-card {
container-type: inline-size;
border-radius: var(--radius-md);
background-color: var(--bg-color, #cfe4fa);
}
.promo-card__content-wrapper {
display: flex;
flex-direction: column;
gap: 32px;
overflow: hidden;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
padding: 20px;
@container (width >= 36rem) {
display: grid;
}
@container (width >= 36rem) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@container (width >= 36rem) {
gap: 48px;
}
@container (width >= 36rem) {
padding-top: 32px;
}
@container (width >= 36rem) {
padding-right: 0;
}
@container (width >= 36rem) {
padding-bottom: 0;
}
@container (width >= 36rem) {
padding-left: 48px;
}
@container (min-width: 36rem) and (max-width: 48rem) {
padding-right: 48px;
padding-bottom: 32px;
}
.promo-card--left & {
@container (width >= 36rem) {
padding-right: 48px;
}
@container (width >= 36rem) {
padding-left: 0;
}
@container (min-width: 36rem) and (max-width: 48rem) {
padding-left: 48px;
}
}
.promo-card--snug & {
@container (width >= 36rem) {
gap: 32px;
}
@container (width >= 36rem) {
padding-right: 32px;
}
@container (width >= 36rem) {
padding-left: 0;
}
grid-template-columns: 35% auto;
@container (min-width: 36rem) and (max-width: 48rem) {
padding-bottom: 0;
}
}
.promo-card--full-height-image & {
padding-inline: 0;
padding-top: 0;
@container (min-width: 36rem) and (max-width: 48rem) {
padding-bottom: 0;
}
}
}
.promo-card__image {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
@container (width >= 36rem) {
align-self: stretch;
}
@container (width >= 36rem) {
justify-self: stretch;
}
@container (width >= 36rem) {
border-top-right-radius: 0;
}
@container (width >= 36rem) {
border-bottom-right-radius: var(--radius-md);
}
@container (width >= 36rem) {
object-fit: cover;
}
@container (width >= 36rem) {
object-position: left top;
}
--tw-shadow: 0 0 60px 0 rgba(12,17,46,0.12);
--tw-shadow-colored: 0 0 60px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
@container (min-width: 36rem) and (max-width: 48rem) {
display: none;
}
.promo-card--no-shadow & {
--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);
}
.promo-card--left &,
.promo-card--snug & {
@container (width >= 36rem) {
border-top-left-radius: 0;
}
@container (width >= 36rem) {
border-top-right-radius: var(--radius-md);
}
@container (width >= 36rem) {
border-bottom-right-radius: 0;
}
@container (width >= 36rem) {
border-bottom-left-radius: var(--radius-md);
}
}
.promo-card--snug & {
@container (min-width: 36rem) and (max-width: 48rem) {
display: block;
}
}
.promo-card--full-height-image & {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
object-position: center;
@container (width >= 36rem) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@container (width >= 36rem) {
border-top-right-radius: var(--radius-md);
border-bottom-right-radius: var(--radius-md);
}
}
.promo-card--snug.promo-card--full-height-image &,
.promo-card--left.promo-card--full-height-image & {
@container (width >= 36rem) {
border-top-left-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
@container (width >= 36rem) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
}
.promo-card__content {
padding-inline: 4px;
padding-bottom: 12px;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
@container (width >= 36rem) {
order: calc(1 * -1);
}
@container (width >= 36rem) {
align-self: center;
}
@container (width >= 36rem) {
padding-inline: 0;
}
@container (width >= 36rem) {
padding-top: 16px;
}
@container (width >= 36rem) {
padding-bottom: 48px;
}
@container (width >= 36rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
@container (min-width: 36rem) and (max-width: 48rem) {
grid-column: span 2 / span 2;
padding: 0;
}
.promo-card--left &,
.promo-card--snug & {
@container (width >= 36rem) {
order: 0;
}
}
.promo-card--snug & {
@container (width >= 36rem) {
padding-top: 0;
}
@container (width >= 36rem) {
padding-bottom: 32px;
}
@container (width >= 36rem) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
@container (min-width: 36rem) and (max-width: 48rem) {
grid-column-start: 2;
padding-bottom: 32px;
}
}
.promo-card--full-height-image & {
padding-inline: 20px;
@container (width >= 36rem) {
padding-top: 48px;
}
@container (width >= 36rem) {
padding-right: 0;
}
@container (width >= 36rem) {
padding-left: 48px;
}
@container (min-width: 36rem) and (max-width: 48rem) {
padding-inline: 48px;
padding-block: 32px;
}
}
.promo-card--snug.promo-card--full-height-image & {
@container (width >= 36rem) {
padding-top: 32px;
}
@container (width >= 36rem) {
padding-right: 32px;
}
@container (width >= 36rem) {
padding-left: 0;
}
}
.promo-card--left.promo-card--full-height-image & {
@container (width >= 36rem) {
padding-top: 48px;
}
@container (width >= 36rem) {
padding-right: 48px;
}
@container (width >= 36rem) {
padding-left: 0;
}
@container (min-width: 36rem) and (max-width: 48rem) {
padding-top: 32px;
padding-left: 48px;
}
}
}
.promo-card__title {
margin-bottom: 12px;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
text-wrap: pretty;
@container (width >= 36rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.promo-card--snug & {
@container (width >= 36rem) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
}
}
.promo-card__actions {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
@container (width >= 36rem) {
flex-direction: row-reverse;
}
@container (width >= 36rem) {
justify-content: flex-end;
}
}
.video-promo-card {
container-type: inline-size;
height: 100%;
width: 100%;
border-radius: var(--radius-md);
background-color: var(--bg-color, #cfe4fa);
}
.video-promo-card__title {
margin-bottom: 12px;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
text-wrap: pretty;
@container (width >= 36rem) {
margin-top: 0;
}
@container (width >= 36rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
.video-promo-card__actions {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
@container (width >= 36rem) {
flex-direction: row-reverse;
}
@container (width >= 36rem) {
justify-content: flex-end;
}
}
input[type=radio] {
height: 16px;
width: 16px;
cursor: pointer;
border-color: var(--color-gray-300);
&:focus {
border-color: var(--color-blue-400);
box-shadow: 0px 0px 0px 3px rgba(164, 202, 254, 0.45) !important;
}
&:checked:focus {
--tw-border-style: none;
border-style: none;
box-shadow: 0px 0px 0px 3px rgba(164, 202, 254, 0.45) !important;
}
&:disabled,
&.disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 50%;
& + label:not(.option-button-label) {
color: color-mix(in srgb, #374151 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-700) 50%, transparent);
}
}
}
& + label:not(.option-button-label) {
margin-left: 12px;
display: block;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-gray-700);
}
}
input[type=radio]:checked ~ .radio-card {
border-color: var(--color-blue-600);
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-blue-600);
}
.desktop-sidenav-scroll-fix {
height: calc(100vh - 54px);
}
.desktop-sidenav-corner-fix::before,
.team-sidenav-corner-fix::before {
content: "";
position: absolute;
top: 0;
right: calc(16px * -1);
z-index: 11;
width: 28px;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-gray-200);
}
.desktop-sidenav-corner-fix::after,
.team-sidenav-corner-fix::after {
content: "";
position: absolute;
top: 0;
right: calc(16px * -1);
z-index: 10;
height: 16px;
width: 16px;
background-color: var(--color-gray-50);
clip-path: polygon(0 0, 100% 0, 65% 12%, 67% 13%, 49% 15%, 36% 26%, 22% 45%, 11% 55%, 5% 71%, 0 100%);
}
.team-level .desktop-sidenav-corner-fix::before {
display: none;
}
.team-level .desktop-sidenav-corner-fix::after {
content: "";
position: absolute;
top: 0;
height: 2px;
width: 2px;
right: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 12px solid #F1F5F9;
}
.account-dropdown:hover .toggle-icon,
.account-dropdown.active .toggle-icon {
display: block;
}
.menu-item {
margin: auto;
margin-bottom: 2px;
display: block;
height: 48px;
width: 48px;
cursor: pointer;
border-radius: var(--radius-xs);
background-color: var(--color-white);
text-align: center;
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 80%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);
}
& span.notification {
position: absolute;
right: 16px;
display: none;
border-radius: calc(infinity * 1px);
background-color: var(--color-red);
padding-inline: 6px;
padding-block: 2px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-white);
}
&.disabled {
pointer-events: none;
color: var(--color-gray-600);
&:hover {
color: var(--color-gray-600);
}
}
&.active {
background-color: var(--color-blue-100);
--fa-primary-color: var(--color-blue-550);
--fa-secondary-color: var(--color-blue-500);
&.dashboard {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
}
&.notification > div::before {
content: "";
position: absolute;
top: 8px;
right: 8px;
height: 8px;
width: 8px;
border-radius: calc(infinity * 1px);
background-color: var(--color-red);
}
&.dashboard {
width: 248px;
& span.notification {
display: inline-block;
}
}
&:not(.active):hover {
color: var(--color-gray-900);
& > div {
border-radius: var(--radius-xs);
background-color: var(--color-coolGray-100);
--tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
& > i {
--tw-font-weight: var(--font-weight-black);
font-weight: var(--font-weight-black);
}
}
}
}
.team-level nav.desktop-sidenav-corner-fix {
background-color: var(--color-gray-100);
}
.team-level .menu-item {
background-color: var(--color-gray-100);
&:not(.active):hover {
& > div {
background-color: var(--color-gray-200);
--tw-shadow: 0 0 4px var(--tw-shadow-color, rgba(0, 0, 0, 0.03)) inset;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
}
&.active > div {
border-radius: var(--radius-xs);
background-color: var(--color-white);
}
&.disabled {
pointer-events: none;
color: var(--color-gray-600);
&:hover {
color: var(--color-gray-600);
}
}
}
.sort-icon {
display: flex;
height: 12px;
width: 12px;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: space-between;
align-self: center;
}
.sort-icon div {
height: 2px;
width: 100%;
align-self: flex-start;
border-radius: var(--radius-2xs);
background-color: var(--color-slate-400);
}
.sort-icon .middle-line {
width: 75%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-duration: 200ms;
transition-duration: 200ms;
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
}
.sort-icon .bottom-line {
width: 50%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
transition-duration: 400;
}
.sort-icon.animated div {
width: 100%;
}
.sort-icon.animated .top-line {
-webkit-animation: sort-wave 1s infinite ease-in-out alternate;
animation: sort-wave 1s infinite ease-in-out alternate;
}
.sort-icon.animated .middle-line {
-webkit-animation: sort-wave 1s infinite ease-in-out alternate forwards 200ms;
animation: sort-wave 1s infinite ease-in-out alternate forwards 200ms;
}
.sort-icon.animated .bottom-line {
-webkit-animation: sort-wave 1s infinite ease-in-out alternate forwards 400ms;
animation: sort-wave 1s infinite ease-in-out alternate forwards 400ms;
}
@-webkit-keyframes sort-wave {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes sort-wave {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
.image-preview {
position: relative;
height: 56px;
width: 80px;
}
.image-preview-image {
position: absolute;
top: 0;
z-index: 20;
width: 80px;
& img {
border-radius: var(--radius-xs);
max-width: 80px;
max-height: 52px;
}
}
.image-preview-background {
position: absolute;
top: 8px;
z-index: 10;
width: 80px;
}
.table-navigation {
display: flex;
align-items: center;
justify-content: center;
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(2px * var(--tw-space-x-reverse));
margin-inline-end: calc(2px * calc(1 - var(--tw-space-x-reverse)));
}
padding-block: 12px;
color: var(--color-gray-600);
& .table-navigation-item {
background-color: var(--color-gray-50);
padding-inline: 6px;
padding-block: 4px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-gray-800);
}
& .table-navigation-active {
border-radius: var(--radius-sm);
background-color: var(--color-blue-50);
color: var(--color-blue-600);
}
& .table-navigation-item:disabled,
& .table-navigation-disabled {
border-radius: var(--radius-sm);
background-color: var(--color-gray-50);
color: var(--color-gray-200);
}
}
.table {
width: 100%;
border-collapse: separate;
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
border-radius: var(--radius-sm);
text-align: left;
&.contained {
border-radius: 0;
}
&.shadowed {
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&.sticky-end {
& td:last-of-type {
position: relative;
position: sticky;
right: -1px;
z-index: 10;
}
&.sticky-shadow {
& td:last-of-type {
background-color: var(--color-white);
--tw-shadow-color: rgba(0,0,0,0.05);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) -3px 0px 4px 0px var(--tw-shadow-alpha), transparent);
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-800);
}
}
}
& tr.sortable-chosen {
& td:last-of-type {
opacity: 0%;
}
}
}
&.sticky-start {
& th:first-of-type,
& td:first-of-type {
position: relative;
position: sticky;
left: -1px;
z-index: 10;
}
& th:first-of-type {
background-color: var(--color-gray-50);
}
&.sticky-shadow {
& td:first-of-type {
background-color: var(--color-white);
--tw-shadow-color: rgba(0,0,0,0.05);
@supports (color: color-mix(in lab, red, red)) {
--tw-shadow-color: color-mix(in oklab, rgba(0,0,0,0.05) 3px 0px 4px 0px var(--tw-shadow-alpha), transparent);
}
}
}
&.basic {
& th:first-of-type {
background-color: var(--color-white);
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-800);
}
}
}
}
& th {
background-color: var(--color-gray-50);
padding: 12px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
--tw-tracking: var(--tracking-normal);
letter-spacing: var(--tracking-normal);
white-space: nowrap;
color: var(--color-coolGray-600);
text-transform: none;
&:where(.dark, .dark *) {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-800, 54 69 87) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-coolGray-800) 50%, transparent);
}
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-100);
}
&:first-child {
border-top-left-radius: 7px;
}
&:last-child {
border-top-right-radius: 7px;
}
&.as-td {
padding-left: 12px;
background-color: inherit;
&:hover {
background-color: inherit;
}
}
& .tippy-content p {
white-space: normal;
}
}
& .white-header-cell {
background-color: var(--color-white);
}
& .thick-header-cell {
height: 48px;
}
&.contained {
& th:first-child,
& th:last-child {
border-radius: 0;
}
}
& tbody {
color: var(--color-coolGray-800);
&:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
}
& tr {
&:hover {
background-color: var(--color-coolGray-100);
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-400);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-800);
}
}
& td {
padding: 16px;
}
&.as-td {
padding-left: 12px;
background-color: inherit;
&:hover {
background-color: inherit;
}
}
}
& td {
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-150);
padding-inline: 12px;
padding-block: 8px;
white-space: nowrap;
&:where(.dark, .dark *) {
border-color: var(--color-coolGray-800);
}
rounded-sm &.buttons {
:where(& > :not(:last-child)) {
--tw-space-x-reverse: 0;
margin-inline-start: calc(8px * var(--tw-space-x-reverse));
margin-inline-end: calc(8px * calc(1 - var(--tw-space-x-reverse)));
}
text-align: right;
}
}
&.basic {
--tw-border-style: none;
border-style: none;
& tr th {
background-color: var(--color-white);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
&:where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
}
& th,
& td {
&:first-child {
padding-left: 12px;
}
&:last-child {
padding-right: 12px;
}
}
}
&.boxed {
--tw-border-style: none;
border-style: none;
& tr th {
background-color: var(--color-white);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-800);
}
}
& th,
& td {
&:first-child {
padding-left: 24px;
}
&:last-child {
padding-right: 16px;
}
}
}
}
@media (max-width: 640px) {
.table td {
white-space: normal;
}
}
.table.stackable thead {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border-width: 0;
}
.table.stackable tbody tr {
display: flex;
flex-wrap: wrap;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-150);
&:first-child {
--tw-border-style: none;
border-style: none;
}
&:before,
&:after {
content: "";
width: 100%;
}
& td {
--tw-border-style: none;
border-style: none;
order: -1;
&.row-2 {
order: 0;
}
&.row-3 {
order: 1;
}
}
}
@media (max-width: 425px) {
.table.xs\:stackable thead tr {
display: none;
}
.table.xs\:stackable tbody tr {
display: flex;
flex-wrap: wrap;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-200);
&:first-child {
--tw-border-style: none;
border-style: none;
}
&:before,
&:after {
content: "";
width: 100%;
}
& td {
--tw-border-style: none;
border-style: none;
order: -1;
&.row-2 {
order: 0;
}
&.row-3 {
order: 1;
}
}
}
}
@media (max-width: 768px) {
.table.md\:stackable thead tr {
display: none;
}
.table.md\:stackable tbody tr {
display: flex;
flex-wrap: wrap;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-200);
&:first-child {
--tw-border-style: none;
border-style: none;
}
&:before,
&:after {
content: "";
width: 100%;
}
& td {
--tw-border-style: none;
border-style: none;
order: -1;
&.row-2 {
order: 0;
}
&.row-3 {
order: 1;
}
}
}
}
@media (max-width: 1024px) {
.table.lg\:stackable thead tr {
display: none;
}
.table.lg\:stackable tbody tr {
display: flex;
flex-wrap: wrap;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-200);
&:first-child {
--tw-border-style: none;
border-style: none;
}
&:before,
&:after {
content: "";
width: 100%;
}
& td {
--tw-border-style: none;
border-style: none;
order: -1;
&.row-2 {
order: 0;
}
&.row-3 {
order: 1;
}
}
}
}
@media (max-width: 1280px) {
.table.xl\:stackable thead tr {
display: none;
}
.table.xl\:stackable tbody tr {
display: flex;
flex-wrap: wrap;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: var(--color-coolGray-200);
&:first-child {
--tw-border-style: none;
border-style: none;
}
&:before,
&:after {
content: "";
width: 100%;
}
& td {
--tw-border-style: none;
border-style: none;
order: -1;
&.row-2 {
order: 0;
}
&.row-3 {
order: 1;
}
}
}
}
.team-menu-item {
border-radius: 0;
}
.team-menu:first-of-type .team-menu-item {
border-top-left-radius: var(--radius-md);
border-top-right-radius: var(--radius-md);
}
.team-menu:last-of-type .team-menu-item {
border-bottom-right-radius: var(--radius-md);
border-bottom-left-radius: var(--radius-md);
}
b,
strong {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.toggle {
padding: 4px;
& input.checkbox,
& input[type=checkbox] {
& + .toggle-label {
position: relative;
margin-left: 0;
display: inline-block;
height: 24px;
width: 44px;
cursor: pointer;
border-radius: calc(infinity * 1px);
background-color: var(--color-gray-300);
vertical-align: middle;
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
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));
--tw-duration: 150ms;
transition-duration: 150ms;
--tw-ease: var(--ease-in);
transition-timing-function: var(--ease-in);
-webkit-user-select: none;
user-select: none;
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
--tw-ring-color: var(--color-blue-600);
}
&:focus {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
&:active {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:active {
--tw-ring-color: var(--color-blue-600);
}
&:active {
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
&:active {
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
&.small {
height: 16px;
& span {
left: 0;
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-gray-200);
}
}
& span {
position: absolute;
top: 50%;
left: 2px;
height: 20px;
width: 20px;
--tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
cursor: pointer;
border-radius: calc(infinity * 1px);
background-color: var(--color-white);
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
& i,
& svg {
position: absolute;
top: 50%;
left: 50%;
--tw-translate-x: calc(calc(2 / 4 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
--tw-translate-y: calc(calc(2 / 4 * 100%) * -1);
translate: var(--tw-translate-x) var(--tw-translate-y);
transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
text-transform: none;
font-size: 0.65rem;
line-height: 1.25rem;
letter-spacing: 0;
font-size: var(--text-2xs);
&.fa-check {
display: none;
}
}
}
}
&:checked {
& + .toggle-label {
background-color: var(--color-blue-600);
&.small {
& span {
left: 24px;
}
}
& span {
left: 22px;
& i,
& svg {
&.fa-times {
display: none;
}
&.fa-check {
display: block;
}
}
}
}
}
&:disabled {
& + .toggle-label {
pointer-events: none;
cursor: not-allowed;
opacity: 50%;
}
}
}
& > .toggle-label {
cursor: pointer;
padding-left: 8px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
color: var(--color-gray-700);
}
}
i.button-toggle-icon {
padding: 3px 7px;
border-radius: 8px;
position: relative;
cursor: pointer;
display: inline-block;
&:before {
border-radius: 4px;
content: "";
display: block;
right: 4px;
height: 8px;
width: 8px;
transition: transform 0.1s ease;
}
background-color: #ddd;
&:before {
background-color: #fff;
transform: translateX(-4px);
}
}
input[type=checkbox]:checked + i.button-toggle-icon {
background-color: var(--color-blue-600);
&:before {
background-color: #fff;
transform: translateX(4px);
}
}
.button-toggle:hover i.button-toggle-icon {
background-color: #aaa;
&:before {
transform: translateX(-3px);
}
}
.button-toggle:hover input[type=checkbox]:checked + i.button-toggle-icon {
background-color: color-mix(in srgb, rgb(var(--eva-color-blue-600, 16 107 244) / 1) 90%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-blue-600) 90%, transparent);
}
&:before {
transform: translateX(3px);
}
}
.wa-popup--hovercard::part(arrow) {
background-color: var(--color-white);
}
.wa-popup--hovercard::part(popup) {
border-radius: var(--radius-xs);
background-color: var(--color-white);
padding: 8px;
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.analytics-widget[data-size-x="1"] {
grid-column: span 1 / span 1;
}
.analytics-widget[data-size-x="2"] {
grid-column: span 2 / span 2;
}
.analytics-widget[data-size-x="3"] {
grid-column: span 3 / span 3;
}
.analytics-widget[data-size-x="4"] {
grid-column: span 4 / span 4;
}
.analytics-widget[data-size-x="5"] {
grid-column: span 5 / span 5;
}
.analytics-widget[data-size-x="6"] {
grid-column: span 6 / span 6;
}
.analytics-widget[data-size-x="7"] {
grid-column: span 7 / span 7;
}
.analytics-widget[data-size-x="8"] {
grid-column: span 8 / span 8;
}
.analytics-widget[data-size-x="9"] {
grid-column: span 9 / span 9;
}
.analytics-widget[data-size-x="10"] {
grid-column: span 10 / span 10;
}
.analytics-widget[data-size-x="11"] {
grid-column: span 11 / span 11;
}
.analytics-widget[data-size-x="12"] {
grid-column: span 12 / span 12;
}
.analytics-widget[data-size-y="1"] {
grid-row: span 1 / span 1;
}
.analytics-widget[data-size-y="2"] {
grid-row: span 2 / span 2;
}
.analytics-widget[data-size-y="3"] {
grid-row: span 3 / span 3;
}
.analytics-widget[data-size-y="4"] {
grid-row: span 4 / span 4;
}
.analytics-widget[data-size-y="5"] {
grid-row: span 5 / span 5;
}
.analytics-widget[busy] .analytics-widget-loading-overlay,
.analytics-widget turbo-frame[busy] .analytics-widget-loading-overlay,
.analytics-widget .analytics-widget-loading-overlay[busy] {
display: flex;
& .analytics-widget-loading-patience-message {
animation: fade-in 0.5s ease var(--delay, 5s) forwards;
}
}
.analytics-widget:hover .analytics-widget-info-icon {
display: inline-block;
animation: growReveal .2s cubic-bezier(.45, 1.1, .7, 1.1) 0s;
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.trix-content:has([data-trix-embed]) figure {
position: relative;
margin-block: 8px;
display: block;
padding: 8px;
&:has(iframe) {
aspect-ratio: 16 / 9;
width: 100%;
width: 100%;
& iframe {
height: 100%;
height: 100%;
width: 100%;
width: 100%;
}
}
&:has([data-trix-embed-error]),
&:has([data-trix-embed-prohibited]),
&:has([data-trix-embed-warning]) {
display: none;
}
}
.trix-content:has([data-trix-embed]) figcaption {
display: none;
}
.trix-content:has([data-trix-embed]) iframe {
height: 100%;
width: 100%;
}
.trix-content:has([data-trix-embed]) img {
background-color: var(--color-gray-100);
--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);
}
trix-editor.trix-content:has([data-trix-embed]) figure {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-green-500);
outline-width: 1px;
outline-style: var(--tw-outline-style);
outline-width: 2px;
outline-color: var(--color-green-100);
&[data-trix-mutable=true] {
border-color: var(--color-green-700);
outline-style: var(--tw-outline-style);
outline-width: 4px;
outline-color: var(--color-green-200);
}
&:has([data-trix-embed-error]),
&:has([data-trix-embed-prohibited]),
&:has([data-trix-embed-warning]) {
display: block;
& [data-trix-embed-error],
& [data-trix-embed-prohibited],
& [data-trix-embed-warning] {
& h1 {
margin-bottom: 16px !important;
font-size: var(--text-3xl) !important;
line-height: var(--tw-leading, var(--text-3xl--line-height)) !important;
--tw-font-weight: var(--font-weight-bold) !important;
font-weight: var(--font-weight-bold) !important;
}
& h2 {
margin-top: 12px;
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
& h3 {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
& pre {
background-color: var(--color-gray-600);
padding: 16px;
color: var(--color-white);
}
}
}
&:has([data-trix-embed-error]) {
border-color: var(--color-red-500) !important;
background-color: var(--color-yellow-50) !important;
outline-color: var(--color-red-100) !important;
&[data-trix-mutable=true] {
border-color: var(--color-red-700) !important;
outline-color: var(--color-red-200) !important;
}
& h1 {
color: var(--color-red-600) !important;
}
}
&:has([data-trix-embed-prohibited]) {
border-color: var(--color-orange-500) !important;
background-color: var(--color-orange-50) !important;
outline-color: var(--color-orange-100) !important;
&[data-trix-mutable=true] {
border-color: var(--color-orange-700) !important;
outline-color: var(--color-orange-200) !important;
}
& [data-trix-embed-prohibited]::after {
margin-block: 8px !important;
display: block !important;
background-color: var(--color-orange-200) !important;
padding: 4px !important;
font-family: var(--font-mono) !important;
font-size: var(--text-xs) !important;
line-height: var(--tw-leading, var(--text-xs--line-height)) !important;
color: var(--color-orange-900) !important;
content: "PROHIBITED " attr(data-trix-embed-prohibited);
}
}
&:has([data-trix-embed-warning]) {
border-color: var(--color-rose-500) !important;
background-color: var(--color-rose-50) !important;
outline-color: var(--color-rose-100) !important;
&[data-trix-mutable=true] {
border-color: var(--color-rose-700) !important;
outline-color: var(--color-rose-200) !important;
}
& [data-trix-embed-warning] {
& h1 {
color: var(--color-rose-600) !important;
}
& > h2:first-of-type,
& > ul:first-of-type {
color: var(--color-rose-600) !important;
}
& > h2:last-of-type,
& > ul:last-of-type {
color: var(--color-green-600) !important;
}
}
}
& iframe {
padding: 8px;
}
}
.trix-content a {
color: var(--color-blue-600);
text-decoration-line: underline;
text-underline-offset: 2px;
&:hover {
color: var(--color-blue-800);
}
}
.NavItem {
--transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
--transition-bg: background-color 300ms var(--transition-timing);
--transition-color: color 300ms var(--transition-timing);
--transition-transform: transform 150ms var(--transition-timing);
display: block;
position: relative;
padding: 6px;
border-radius: 6px;
transition-property:
background-color,
color,
font-size;
transition-duration: 300ms;
transition-timing-function: var(--transition-timing);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
color: rgb(var(--eva-color-midnightOil-200, 196 193 233) / 1);
&:hover {
background-color: rgb(var(--eva-color-midnightOil-800, 55 51 99) / 1);
.NavItem__label {
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1)/1;
}
.NavItem__icon {
transform: scale(1.125);
}
}
&.is-active {
background-color: rgb(var(--eva-color-midnightOil-950, 25 22 60) / 1);
border: none;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.07);
color: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
font-weight: 600;
padding-top: 5px;
padding-right: 5px;
.NavItem__label {
font-weight: 600;
}
.NavItem__icon {
color: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
}
}
&[disabled],
&.is-disabled {
pointer-events: none;
.NavItem__label,
.NavItem__icon {
color: "#959BA2";
}
}
.NavItem__label {
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1)/0.85;
display: block;
flex-grow: 1;
font-size: 0.875rem;
transition: var(--transition-color);
}
.NavItem__icon-wrapper {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin-right: 4px;
transition: var(--transition-bg);
}
.NavItem__icon {
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1)/0.85;
font-size: 1rem;
text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07);
transition: var(--transition-transform);
transform-origin: center;
}
}
.NavItem--evalution .NavItem__icon-wrapper {
transition: var(--transition-bg);
}
.NavItem--evalution .NavItem__icon {
transition: var(--transition-transform);
transform-origin: center;
}
.NavItem--evalution .NavItem__label {
transition: var(--transition-color);
}
.NavItem--evalution:hover .NavItem__icon {
transform: scale(1.125);
}
.NavItem--app .NavItem__icon-wrapper {
border-radius: 5px;
margin-right: 10px;
background-color: rgb(var(--eva-color-midnightOil-800, 55 51 99) / 1);
.NavItem__icon {
color: inherit !important;
}
}
.NavItem--app.is-active {
font-weight: 600;
}
.NavItem--primary {
font-weight: 600;
}
.NavItem--snug {
padding-top: 7px;
padding-bottom: 7px;
&.is-active {
padding: 6px;
}
.NavItem__icon-wrapper {
width: 22px;
height: 22px;
margin-right: 10px;
}
.NavItem__icon {
font-size: 0.875rem;
}
}
.NavItem--affiliates .NavItem__icon-wrapper {
color: #FA99CA;
}
.NavItem--agency .NavItem__icon-wrapper {
color: rgb(var(--eva-color-grit-100, 213 210 201) / 1);
}
.NavItem--agency.is-active .NavItem__icon-wrapper {
background-color: rgb(var(--eva-color-grit-100, 213 210 201) / 1);
color: rgb(var(--eva-color-grit-800, 66 61 45) / 1);
}
.NavItem--analytics .NavItem__icon-wrapper {
color: #5BDEAD;
}
.NavItem--appointments .NavItem__icon-wrapper {
color: #FFA7A7;
}
.NavItem--automations .NavItem__icon-wrapper {
color: #FFE3F3;
}
.NavItem--community .NavItem__icon-wrapper {
color: #C2AEFF;
}
.NavItem--countdownFunnels .NavItem__icon-wrapper {
color: #51D8E3;
}
.NavItem--courses .NavItem__icon-wrapper {
color: #A4CAFE;
}
.NavItem--courses.is-active .NavItem__icon-wrapper {
background-color: #A4CAFE;
color: #103AA5;
}
.NavItem--discounts .NavItem__icon-wrapper {
color: #CCF5F6;
}
.NavItem--discounts.is-active .NavItem__icon-wrapper {
background-color: #AFECEF;
color: #014451;
}
.NavItem--email .NavItem__icon-wrapper {
color: #DCD7FE;
}
.NavItem--email.is-active .NavItem__icon-wrapper {
background-color: #E7E3FE;
color: #7E3AF2;
}
.NavItem--frameworks .NavItem__icon-wrapper {
color: #A4CAFE;
}
.NavItem--frameworks.is-active .NavItem__icon-wrapper {
background-color: #A4CAFE;
color: #103AA5;
}
.NavItem--landingPages .NavItem__icon-wrapper {
color: #FFA373;
}
.NavItem--landingPages.is-active .NavItem__icon-wrapper {
background-color: #FFF7C5;
color: #E96318;
}
.NavItem--messageHub .NavItem__icon-wrapper {
color: #CFE4FA;
}
.NavItem--referrals .NavItem__icon-wrapper {
color: rgb(var(--eva-color-moss-200, 189 220 169) / 1);
}
.NavItem--referrals.is-active .NavItem__icon-wrapper {
background-color: rgb(var(--eva-color-moss-200, 189 220 169) / 1);
color: rgb(var(--eva-color-moss-900, 47 75 29) / 1);
}
.NavItem--shortLinks .NavItem__icon-wrapper {
color: #FFF08D;
}
.NavItem--shortLinks.is-active .NavItem__icon-wrapper {
background-color: #FFF08D;
color: #986400;
}
.NavItem--site .NavItem__icon-wrapper {
color: rgb(var(--eva-color-midnightOil-100, 220 217 255) / 1);
}
.NavItem--conversionBoosters .NavItem__icon-wrapper {
color: rgb(var(--eva-color-surge-200, 255 223 181) / 1);
}
.NavItem--conversionBoosters.is-active .NavItem__icon-wrapper {
background-color: rgb(var(--eva-color-surge-200, 255 223 181) / 1);
color: rgb(var(--eva-color-heart-500, 247 24 53) / 1);
}
.NavItem--store .NavItem__icon-wrapper {
color: #BCF0DA;
}
.NavItem--surveyWorkflows .NavItem__icon-wrapper {
color: #A8B9FF;
}
.NavItem--surveyWorkflows.is-active .NavItem__icon-wrapper {
background-color: #A8B9FF;
color: #362F78;
}
.NavItem--opportunities .NavItem__icon-wrapper {
color: #FFA373;
}
.NavItem--opportunities.is-active .NavItem__icon-wrapper {
background-color: #FFA373;
color: #922D02;
}
.NavItem--payments .NavItem__icon-wrapper {
color: #CFE4FA;
}
.NavItem--stripe .NavItem__icon-wrapper {
color: rgb(var(--eva-color-white, 255 255 255) / 1);
}
.NavItem--whopCheckout.is-active .NavItem__icon-wrapper {
background-color: rgb(var(--eva-color-white, 255 255 255) / 1);
}
.NavItem--developer .NavItem__icon-wrapper {
color: rgb(var(--eva-color-coolGray-400, 183 198 206) / 1);
}
.NavItem--zapier .NavItem__icon-wrapper {
background-color: #FFE6D1;
color: #e02424;
}
.partner-nav-custom {
background-color: var(--partner-bg) !important;
&:hover {
background-color: var(--partner-bg-hover) !important;
}
}
.NavItemDetails {
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1)/0.85;
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
.NavItem__label {
transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.NavItem__icon-wrapper {
transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.NavItem__icon {
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: center;
}
&:hover {
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1)/1;
}
&[open] {
&:hover {
background-color: transparent;
}
summary {
.NavItem__label,
.NavItem__icon {
color: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
}
.NavItem.is-active {
background-color: #F0F7FF;
border: 1px solid rgb(var(--eva-color-blue, 34 119 246) / 1);
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.07);
.NavItem__label {
font-weight: 600;
color: rgb(var(--eva-color-coolGray-900, 21 29 40) / 1);
}
}
}
.NavItem__icon {
transform: scale(1.125);
}
.NavItem--affiliates .NavItem__icon-wrapper {
background-color: #FA99CA;
color: #520522;
}
.NavItem--analytics .NavItem__icon-wrapper {
background-color: #5BDEAD;
color: #014737;
}
.NavItem--appointments .NavItem__icon-wrapper {
background-color: #FFA7A7;
color: #771D1D;
}
.NavItem--automations .NavItem__icon-wrapper {
background-color: #FFE3F3;
color: #D61F69;
}
.NavItem--community .NavItem__icon-wrapper {
background-color: #C2AEFF;
color: #4A1D96;
}
.NavItem--countdownFunnels .NavItem__icon-wrapper {
background-color: #51D8E3;
color: #014451;
}
.NavItem--site .NavItem__icon-wrapper {
background-color: #B7C6CE;
color: rgb(var(--eva-color-cloudNine-900, 46 42 39) / 1);
}
.NavItem--store .NavItem__icon-wrapper {
background-color: #BCF0DA;
color: #009868;
}
&:has(.NavItem--app) summary {
.NavItem__icon {
color: inherit;
}
.NavItem__label {
font-weight: 600;
}
}
}
summary {
list-style-type: none;
cursor: pointer;
border-radius: 6px;
&::marker {
display: none;
}
&::-webkit-details-marker {
display: none !important;
content: "";
}
.NavItem.is-active {
background-color: rgb(var(--eva-color-midnightOil-800, 55 51 99) / 1);
.NavItem__label,
.NavItem__icon {
color: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
}
}
}
.NavItem__submenu {
position: relative;
&:has(.is-active) a:first-of-type i {
color: rgb(var(--eva-color-midnightOil-50, 243 242 255) / 1);
}
}
.NavItem__submenu--level-1 {
margin-left: 8px;
}
.NavItem__submenu--level-2 {
margin-left: 38px;
}
}
.cf-button,
.cf-button-flat,
.cf-button-secondary,
.cf-button-outline,
.cf-button-danger,
.cf-button-icon,
.cf-button-plain-text,
.cf-button-zendrop,
.cf-button-legacy {
--theme-color-text: var(--eva-color-cloudNine-1000);
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
padding: 10px 12px;
border-radius: 8px;
color: rgb(var(--theme-color-text));
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
transition:
color 0.2s ease-in-out,
background 0.2s ease-in-out,
box-shadow 0.2s ease-in-out;
cursor: pointer;
&.cf-button-sm {
font-size: 12px;
line-height: 12px;
padding: 8px 12px;
}
&.cf-button-lg {
font-size: 16px;
line-height: 20px;
padding: 12px 20px;
}
&.cf-button-fluid {
width: 100%;
}
}
:is(.cf-button, .cf-button-flat, .cf-button-secondary, .cf-button-outline, .cf-button-danger, .cf-button-icon, .cf-button-plain-text, .cf-button-zendrop, .cf-button-legacy, .cf-link):focus-visible {
border: 1px solid #0075DB;
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
:is(.cf-button, .cf-button-flat, .cf-button-secondary, .cf-button-outline, .cf-button-danger, .cf-button-plain-text, .cf-button-zendrop, .cf-button-legacy):is(.disabled, :disabled, [disabled]) {
cursor: not-allowed;
background: rgb(var(--eva-color-cloudNine-100)) !important;
color: rgb(var(--eva-color-cloudNine-400)) !important;
box-shadow: none !important;
border: 1px solid transparent !important;
outline: none !important;
}
.cf-button {
--theme-color-text: var(--eva-color-cloudNine-1000);
--theme-color-bg: var(--eva-color-surge-400);
--theme-color-border: var(--eva-color-surge-500);
--theme-color-shadow: var(--eva-color-surge-500);
--theme-color-highlight: var(--eva-color-surge-100);
--theme-color-hover-bg: var(--eva-color-surge-500);
--theme-color-hover-highlight: var(--eva-color-surge-200);
--theme-color-active-bg: var(--eva-color-surge-600);
--theme-color-active-border: var(--eva-color-surge-600);
--theme-color-active-shadow: var(--eva-color-surge-600);
--theme-color-active-highlight: var(--eva-color-surge-400);
border: 1px solid rgb(var(--theme-color-border));
background: rgb(var(--theme-color-bg));
box-shadow:
0px -4px 4px 0px rgb(var(--theme-color-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-highlight)) inset;
&:hover {
background: rgb(var(--theme-color-hover-bg));
box-shadow:
0px -4px 4px 0px rgb(var(--theme-color-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-hover-highlight)) inset;
}
&:active {
border: 1px solid rgb(var(--theme-color-active-border));
background: rgb(var(--theme-color-active-bg));
box-shadow:
0px 4px 4px 0px rgb(var(--theme-color-active-shadow)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--theme-color-active-highlight)) inset;
}
&[style*="--theme: 'wave'"],
&[style*='--theme: "wave"'] {
--theme-color-text: var(--eva-color-wave-50);
--theme-color-bg: var(--eva-color-wave-500);
--theme-color-border: var(--eva-color-wave-600);
--theme-color-shadow: var(--eva-color-wave-600);
--theme-color-highlight: var(--eva-color-wave-100);
--theme-color-hover-bg: var(--eva-color-wave-500);
--theme-color-hover-highlight: var(--eva-color-wave-200);
--theme-color-active-bg: var(--eva-color-wave-600);
--theme-color-active-border: var(--eva-color-wave-600);
--theme-color-active-shadow: var(--eva-color-wave-600);
--theme-color-active-highlight: var(--eva-color-wave-400);
}
}
.cf-button-flat {
--theme-color-text: var(--eva-color-cloudNine-1000);
--theme-color-bg: var(--eva-color-surge-400);
--theme-color-hover-bg: var(--eva-color-surge-500);
--theme-color-active-bg: var(--eva-color-surge-600);
background: rgb(var(--theme-color-bg));
&:hover {
background: rgb(var(--theme-color-hover-bg));
}
&:active {
background: rgb(var(--theme-color-active-bg));
}
&[style*="--theme: 'plasma'"],
&[style*='--theme: "plasma"'] {
--theme-color-text: var(--eva-color-white);
--theme-color-bg: var(--eva-color-plasma-700);
--theme-color-hover-bg: var(--eva-color-plasma-800);
--theme-color-active-bg: var(--eva-color-plasma-900);
}
}
.cf-button-secondary {
border: 1px solid rgb(var(--eva-color-cloudNine-200));
background: rgb(var(--eva-color-cloudNine-100));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-150)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
&:hover {
border: 1px solid rgb(var(--eva-color-cloudNine-200));
background: rgb(var(--eva-color-cloudNine-150));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-175)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
}
&:active {
border: 1px solid rgb(var(--eva-color-cloudNine-175));
background: rgb(var(--eva-color-cloudNine-175));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-cloudNine-200)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-50)) inset;
}
}
.cf-button-outline {
border: 1px solid rgb(var(--eva-color-cloudNine-175));
color: rgb(var(--eva-color-cloudNine-600));
&:hover {
background: rgb(var(--eva-color-cloudNine-175));
}
&:active {
background: rgb(var(--eva-color-cloudNine-300));
border: 1px solid rgb(var(--eva-color-cloudNine-300));
}
}
.cf-button-danger {
border: 1px solid rgb(var(--eva-color-heart-500));
background: transparent;
color: rgb(var(--eva-color-heart-500));
&:hover {
background: rgb(var(--eva-color-heart-50));
}
&:active {
background: rgb(var(--eva-color-heart-100));
}
}
.cf-button-icon {
border: 1px solid transparent;
color: rgb(var(--eva-color-cloudNine-600));
&:hover {
background: rgb(var(--eva-color-cloudNine-100));
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04) inset;
}
&:active {
background: rgb(var(--eva-color-cloudNine-150));
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.04) inset;
}
&.disabled,
&:disabled,
&[disabled] {
cursor: not-allowed;
background: none;
color: rgb(var(--eva-color-cloudNine-400));
box-shadow: none;
border: none;
outline: none;
}
}
.cf-button-plain-text {
border: 1px solid transparent;
color: rgb(var(--eva-color-cloudNine-900));
&:hover {
background: rgb(var(--eva-color-cloudNine-150));
}
&:active {
background: rgb(var(--eva-color-cloudNine-200));
}
}
.cf-link {
color: rgb(var(--eva-color-wave-500));
display: inline-flex;
justify-content: center;
align-items: center;
gap: 4px;
border: 1px solid transparent;
border-radius: 4px;
font-size: inherit;
font-style: normal;
font-weight: 600;
line-height: inherit;
transition: color 0.2s ease-in-out;
text-decoration: underline;
text-underline-position: from-font;
&:hover {
color: rgb(var(--eva-color-wave-700));
}
&:active {
color: rgb(var(--eva-color-wave-900));
}
&.disabled,
&:disabled,
&[disabled] {
cursor: not-allowed;
color: rgb(var(--eva-color-cloudNine-400));
text-decoration: none;
}
}
.cf-button-zendrop {
border: 1px solid rgb(var(--eva-color-zendrop-700));
background: rgb(var(--eva-color-zendrop-500));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-zendrop-500)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-300)) inset;
color: rgb(var(--eva-color-white));
&:hover {
background: rgb(var(--eva-color-zendrop-600));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-zendrop-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-400)) inset;
}
&:active {
background: rgb(var(--eva-color-zendrop-700));
border: 1px solid rgb(var(--eva-color-zendrop-700));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-zendrop-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-zendrop-400)) inset;
}
}
.cf-button-legacy {
border: 1px solid rgb(var(--eva-color-cloudNine-1000));
background: rgb(var(--eva-color-cloudNine-1000));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-1000)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-500)) inset;
color: rgb(var(--eva-color-white));
&:hover {
background: rgb(var(--eva-color-cloudNine-900));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
&:active {
background: rgb(var(--eva-color-cloudNine-1000));
border: 1px solid rgb(var(--eva-color-cloudNine-700));
box-shadow:
0px 4px 4px 0px rgb(var(--eva-color-cloudNine-700)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-cloudNine-700)) inset;
}
}
.cf-button-split {
display: inline-flex;
align-items: center;
border-radius: 8px;
border: 1px solid rgb(var(--eva-color-surge-500));
background: rgb(var(--eva-color-surge-400));
box-shadow:
0px -4px 4px 0px rgb(var(--eva-color-surge-500)) inset,
0px 2px 2px 0px rgba(123, 119, 116, 0.05),
0px 0px 0px 2px rgb(var(--eva-color-surge-100)) inset;
color: rgb(var(--eva-color-cloudNine-1000));
> a,
[slot=trigger] {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
color: inherit;
font-size: 14px;
font-weight: 600;
line-height: 16px;
white-space: nowrap;
background: transparent;
border: none;
cursor: pointer;
transition: background 0.2s ease-in-out;
&:hover {
background: rgba(255, 255, 255, 0.28);
}
&:focus-visible {
outline: 2px solid #B0D4F4;
outline-offset: -2px;
}
}
> a {
text-decoration: none;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
[slot=trigger] {
padding-left: 10px;
padding-right: 10px;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
border-left: 1px solid rgb(var(--eva-color-surge-500));
}
}
.cf-button-split wa-dropdown::part(menu) {
box-shadow: none;
}
.course-menu-item .course-menu-item-controls {
margin-left: 4px;
display: none;
}
.course-menu-item:hover .course-menu-item-controls {
display: flex;
}
.draggable:hover .course-menu-item-icon {
display: none;
}
.draggable:hover .course-menu-item-handle {
display: block;
cursor: grab;
}
.draggable:active .course-menu-item-handle {
cursor: grabbing;
}
.lesson-title {
max-width: calc(100vw - 10%);
@media all and (min-width: 640px) {
max-width: calc(100vw - 15%);
}
@media all and (min-width: 768px) {
max-width: calc(100vw - 30%);
}
@media all and (min-width: 1024px) {
max-width: calc(100vw - 34%);
}
@media all and (min-width: 1450px) {
max-width: 980px;
}
}
.sortable-chosen {
border-radius: var(--radius-xs);
background-color: var(--color-white);
color: var(--color-gray-700);
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.sortable-chosen.sortable-ghost {
opacity: 0%;
}
.sortable-fallback {
border-radius: var(--radius-xs);
background-color: var(--color-white);
opacity: 100%;
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.card-selector {
min-height: 120px;
& input + label {
height: 100%;
height: 100%;
transition: ease .25s;
}
& input:hover + label {
background-color: whitesmoke;
}
& input:checked + label,
& input:checked:hover + label {
border-color: #106bf4;
background-color: #D7E0F5;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
transform: scale(1.03);
}
& input[type=radio] + label:not(.option-button-label) {
margin: 0;
}
}
.checkbox-tree details {
user-select: none;
& > summary svg {
transform: rotate(0deg);
}
}
.checkbox-tree details[open] > summary svg {
transform: rotate(90deg);
}
.checkbox-tree details[open] summary ~ * {
animation: ease-opacity-t-b .5s ease;
}
.checkbox-tree summary {
cursor: pointer;
}
.checkbox-tree svg {
transition: all 0.3s;
}
.checkbox-tree summary::-webkit-details-marker {
display: none;
}
.active-tab a {
color: var(--color-blue-600);
}
.editor-context-menu .pages-sub-menu {
top: 270px;
}
.editor-context-menu .themes-sub-menu {
top: 336px;
}
a.nav-item.active {
background-color: var(--color-blue-50);
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-coolGray-900);
& i {
color: var(--color-blue-600);
}
}
a.nav-item.editing {
background-color: var(--color-gray-100);
& div.hidden[class*=group-hover] {
display: flex !important;
& i[class*=fa-] {
animation: var(--animate-bounce);
color: var(--color-blue-600);
}
}
}
a.nav-item.nav-item--evalution.active {
background-color: var(--color-white);
color: var(--color-cloudNine-900);
font-weight: 600;
& i {
color: var(--color-cloudNine-900);
}
}
.editor-sub-menu {
height: auto;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
}
.browser-frame-mobile-container {
position: absolute;
right: calc(24px * -1);
bottom: calc(24px * -1);
height: 142px;
width: 76px;
}
.browser-frame-mobile-container--med {
height: 220px;
width: 120px;
}
.product__price-form-field__trial {
max-width: 159px;
}
.card-payment-form .error {
display: none;
position: relative;
margin-top: 16px;
height: 32px;
border-radius: var(--radius-2xl);
background-color: var(--color-red-100);
padding-top: 8px;
padding-bottom: 10px;
text-align: center;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-3\.5);
line-height: var(--leading-3\.5);
color: var(--color-red-700);
opacity: 0%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
& .error-message {
display: block;
height: 14px;
overflow: hidden;
opacity: 0%;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
&.is-active {
width: 100%;
width: 100%;
opacity: 100%;
margin-top: 16px;
display: block;
& .error-message {
opacity: 100%;
}
}
}
.card-payment-form .error-icon {
position: absolute;
top: 0;
left: 4px;
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
color: var(--color-red-300);
}
.card-payment-form .payment-method-details-group wa-details:not(:last-of-type) {
margin-bottom: var(--wa-space-2xs);
}
[data-reassignable] {
cursor: grab;
&.undraggable {
cursor: not-allowed;
}
&:not(.undraggable) {
&.gu-mirror {
cursor: grabbing;
transform: rotate(2deg);
}
&:active {
cursor: grabbing;
transform: rotate(2deg);
}
}
}
}
@layer wa-native, wa-base, wa-utilities, wa-color-palette, wa-color-variant, wa-theme, wa-theme-dimension, wa-theme-overrides;
@layer wa-base {
wa-page :is(*, *:after, *:before) {
scroll-margin-top: var(--scroll-margin-top);
}
wa-page[view=desktop] [data-toggle-nav] {
display: none;
}
wa-page[view=mobile] .wa-desktop-only,
wa-page[view=desktop] .wa-mobile-only {
display: none !important;
}
}
@layer wa-color-variant {
:where(:root),
.wa-brand-blue {
--wa-color-brand-95: var(--wa-color-blue-95);
--wa-color-brand-90: var(--wa-color-blue-90);
--wa-color-brand-80: var(--wa-color-blue-80);
--wa-color-brand-70: var(--wa-color-blue-70);
--wa-color-brand-60: var(--wa-color-blue-60);
--wa-color-brand-50: var(--wa-color-blue-50);
--wa-color-brand-40: var(--wa-color-blue-40);
--wa-color-brand-30: var(--wa-color-blue-30);
--wa-color-brand-20: var(--wa-color-blue-20);
--wa-color-brand-10: var(--wa-color-blue-10);
--wa-color-brand-05: var(--wa-color-blue-05);
--wa-color-brand: var(--wa-color-blue);
--wa-color-brand-on: var(--wa-color-blue-on);
}
.wa-brand-red {
--wa-color-brand-95: var(--wa-color-red-95);
--wa-color-brand-90: var(--wa-color-red-90);
--wa-color-brand-80: var(--wa-color-red-80);
--wa-color-brand-70: var(--wa-color-red-70);
--wa-color-brand-60: var(--wa-color-red-60);
--wa-color-brand-50: var(--wa-color-red-50);
--wa-color-brand-40: var(--wa-color-red-40);
--wa-color-brand-30: var(--wa-color-red-30);
--wa-color-brand-20: var(--wa-color-red-20);
--wa-color-brand-10: var(--wa-color-red-10);
--wa-color-brand-05: var(--wa-color-red-05);
--wa-color-brand: var(--wa-color-red);
--wa-color-brand-on: var(--wa-color-red-on);
}
.wa-brand-orange {
--wa-color-brand-95: var(--wa-color-orange-95);
--wa-color-brand-90: var(--wa-color-orange-90);
--wa-color-brand-80: var(--wa-color-orange-80);
--wa-color-brand-70: var(--wa-color-orange-70);
--wa-color-brand-60: var(--wa-color-orange-60);
--wa-color-brand-50: var(--wa-color-orange-50);
--wa-color-brand-40: var(--wa-color-orange-40);
--wa-color-brand-30: var(--wa-color-orange-30);
--wa-color-brand-20: var(--wa-color-orange-20);
--wa-color-brand-10: var(--wa-color-orange-10);
--wa-color-brand-05: var(--wa-color-orange-05);
--wa-color-brand: var(--wa-color-orange);
--wa-color-brand-on: var(--wa-color-orange-on);
}
.wa-brand-yellow {
--wa-color-brand-95: var(--wa-color-yellow-95);
--wa-color-brand-90: var(--wa-color-yellow-90);
--wa-color-brand-80: var(--wa-color-yellow-80);
--wa-color-brand-70: var(--wa-color-yellow-70);
--wa-color-brand-60: var(--wa-color-yellow-60);
--wa-color-brand-50: var(--wa-color-yellow-50);
--wa-color-brand-40: var(--wa-color-yellow-40);
--wa-color-brand-30: var(--wa-color-yellow-30);
--wa-color-brand-20: var(--wa-color-yellow-20);
--wa-color-brand-10: var(--wa-color-yellow-10);
--wa-color-brand-05: var(--wa-color-yellow-05);
--wa-color-brand: var(--wa-color-yellow);
--wa-color-brand-on: var(--wa-color-yellow-on);
}
.wa-brand-green {
--wa-color-brand-95: var(--wa-color-green-95);
--wa-color-brand-90: var(--wa-color-green-90);
--wa-color-brand-80: var(--wa-color-green-80);
--wa-color-brand-70: var(--wa-color-green-70);
--wa-color-brand-60: var(--wa-color-green-60);
--wa-color-brand-50: var(--wa-color-green-50);
--wa-color-brand-40: var(--wa-color-green-40);
--wa-color-brand-30: var(--wa-color-green-30);
--wa-color-brand-20: var(--wa-color-green-20);
--wa-color-brand-10: var(--wa-color-green-10);
--wa-color-brand-05: var(--wa-color-green-05);
--wa-color-brand: var(--wa-color-green);
--wa-color-brand-on: var(--wa-color-green-on);
}
.wa-brand-cyan {
--wa-color-brand-95: var(--wa-color-cyan-95);
--wa-color-brand-90: var(--wa-color-cyan-90);
--wa-color-brand-80: var(--wa-color-cyan-80);
--wa-color-brand-70: var(--wa-color-cyan-70);
--wa-color-brand-60: var(--wa-color-cyan-60);
--wa-color-brand-50: var(--wa-color-cyan-50);
--wa-color-brand-40: var(--wa-color-cyan-40);
--wa-color-brand-30: var(--wa-color-cyan-30);
--wa-color-brand-20: var(--wa-color-cyan-20);
--wa-color-brand-10: var(--wa-color-cyan-10);
--wa-color-brand-05: var(--wa-color-cyan-05);
--wa-color-brand: var(--wa-color-cyan);
--wa-color-brand-on: var(--wa-color-cyan-on);
}
.wa-brand-indigo {
--wa-color-brand-95: var(--wa-color-indigo-95);
--wa-color-brand-90: var(--wa-color-indigo-90);
--wa-color-brand-80: var(--wa-color-indigo-80);
--wa-color-brand-70: var(--wa-color-indigo-70);
--wa-color-brand-60: var(--wa-color-indigo-60);
--wa-color-brand-50: var(--wa-color-indigo-50);
--wa-color-brand-40: var(--wa-color-indigo-40);
--wa-color-brand-30: var(--wa-color-indigo-30);
--wa-color-brand-20: var(--wa-color-indigo-20);
--wa-color-brand-10: var(--wa-color-indigo-10);
--wa-color-brand-05: var(--wa-color-indigo-05);
--wa-color-brand: var(--wa-color-indigo);
--wa-color-brand-on: var(--wa-color-indigo-on);
}
.wa-brand-purple {
--wa-color-brand-95: var(--wa-color-purple-95);
--wa-color-brand-90: var(--wa-color-purple-90);
--wa-color-brand-80: var(--wa-color-purple-80);
--wa-color-brand-70: var(--wa-color-purple-70);
--wa-color-brand-60: var(--wa-color-purple-60);
--wa-color-brand-50: var(--wa-color-purple-50);
--wa-color-brand-40: var(--wa-color-purple-40);
--wa-color-brand-30: var(--wa-color-purple-30);
--wa-color-brand-20: var(--wa-color-purple-20);
--wa-color-brand-10: var(--wa-color-purple-10);
--wa-color-brand-05: var(--wa-color-purple-05);
--wa-color-brand: var(--wa-color-purple);
--wa-color-brand-on: var(--wa-color-purple-on);
}
.wa-brand-pink {
--wa-color-brand-95: var(--wa-color-pink-95);
--wa-color-brand-90: var(--wa-color-pink-90);
--wa-color-brand-80: var(--wa-color-pink-80);
--wa-color-brand-70: var(--wa-color-pink-70);
--wa-color-brand-60: var(--wa-color-pink-60);
--wa-color-brand-50: var(--wa-color-pink-50);
--wa-color-brand-40: var(--wa-color-pink-40);
--wa-color-brand-30: var(--wa-color-pink-30);
--wa-color-brand-20: var(--wa-color-pink-20);
--wa-color-brand-10: var(--wa-color-pink-10);
--wa-color-brand-05: var(--wa-color-pink-05);
--wa-color-brand: var(--wa-color-pink);
--wa-color-brand-on: var(--wa-color-pink-on);
}
.wa-brand-gray {
--wa-color-brand-95: var(--wa-color-gray-95);
--wa-color-brand-90: var(--wa-color-gray-90);
--wa-color-brand-80: var(--wa-color-gray-80);
--wa-color-brand-70: var(--wa-color-gray-70);
--wa-color-brand-60: var(--wa-color-gray-60);
--wa-color-brand-50: var(--wa-color-gray-50);
--wa-color-brand-40: var(--wa-color-gray-40);
--wa-color-brand-30: var(--wa-color-gray-30);
--wa-color-brand-20: var(--wa-color-gray-20);
--wa-color-brand-10: var(--wa-color-gray-10);
--wa-color-brand-05: var(--wa-color-gray-05);
--wa-color-brand: var(--wa-color-gray);
--wa-color-brand-on: var(--wa-color-gray-on);
}
:where(:root),
.wa-neutral-gray {
--wa-color-neutral-95: var(--wa-color-gray-95);
--wa-color-neutral-90: var(--wa-color-gray-90);
--wa-color-neutral-80: var(--wa-color-gray-80);
--wa-color-neutral-70: var(--wa-color-gray-70);
--wa-color-neutral-60: var(--wa-color-gray-60);
--wa-color-neutral-50: var(--wa-color-gray-50);
--wa-color-neutral-40: var(--wa-color-gray-40);
--wa-color-neutral-30: var(--wa-color-gray-30);
--wa-color-neutral-20: var(--wa-color-gray-20);
--wa-color-neutral-10: var(--wa-color-gray-10);
--wa-color-neutral-05: var(--wa-color-gray-05);
--wa-color-neutral: var(--wa-color-gray);
--wa-color-neutral-on: var(--wa-color-gray-on);
}
.wa-neutral-red {
--wa-color-neutral-95: var(--wa-color-red-95);
--wa-color-neutral-90: var(--wa-color-red-90);
--wa-color-neutral-80: var(--wa-color-red-80);
--wa-color-neutral-70: var(--wa-color-red-70);
--wa-color-neutral-60: var(--wa-color-red-60);
--wa-color-neutral-50: var(--wa-color-red-50);
--wa-color-neutral-40: var(--wa-color-red-40);
--wa-color-neutral-30: var(--wa-color-red-30);
--wa-color-neutral-20: var(--wa-color-red-20);
--wa-color-neutral-10: var(--wa-color-red-10);
--wa-color-neutral-05: var(--wa-color-red-05);
--wa-color-neutral: var(--wa-color-red);
--wa-color-neutral-on: var(--wa-color-red-on);
}
.wa-neutral-orange {
--wa-color-neutral-95: var(--wa-color-orange-95);
--wa-color-neutral-90: var(--wa-color-orange-90);
--wa-color-neutral-80: var(--wa-color-orange-80);
--wa-color-neutral-70: var(--wa-color-orange-70);
--wa-color-neutral-60: var(--wa-color-orange-60);
--wa-color-neutral-50: var(--wa-color-orange-50);
--wa-color-neutral-40: var(--wa-color-orange-40);
--wa-color-neutral-30: var(--wa-color-orange-30);
--wa-color-neutral-20: var(--wa-color-orange-20);
--wa-color-neutral-10: var(--wa-color-orange-10);
--wa-color-neutral-05: var(--wa-color-orange-05);
--wa-color-neutral: var(--wa-color-orange);
--wa-color-neutral-on: var(--wa-color-orange-on);
}
.wa-neutral-yellow {
--wa-color-neutral-95: var(--wa-color-yellow-95);
--wa-color-neutral-90: var(--wa-color-yellow-90);
--wa-color-neutral-80: var(--wa-color-yellow-80);
--wa-color-neutral-70: var(--wa-color-yellow-70);
--wa-color-neutral-60: var(--wa-color-yellow-60);
--wa-color-neutral-50: var(--wa-color-yellow-50);
--wa-color-neutral-40: var(--wa-color-yellow-40);
--wa-color-neutral-30: var(--wa-color-yellow-30);
--wa-color-neutral-20: var(--wa-color-yellow-20);
--wa-color-neutral-10: var(--wa-color-yellow-10);
--wa-color-neutral-05: var(--wa-color-yellow-05);
--wa-color-neutral: var(--wa-color-yellow);
--wa-color-neutral-on: var(--wa-color-yellow-on);
}
.wa-neutral-green {
--wa-color-neutral-95: var(--wa-color-green-95);
--wa-color-neutral-90: var(--wa-color-green-90);
--wa-color-neutral-80: var(--wa-color-green-80);
--wa-color-neutral-70: var(--wa-color-green-70);
--wa-color-neutral-60: var(--wa-color-green-60);
--wa-color-neutral-50: var(--wa-color-green-50);
--wa-color-neutral-40: var(--wa-color-green-40);
--wa-color-neutral-30: var(--wa-color-green-30);
--wa-color-neutral-20: var(--wa-color-green-20);
--wa-color-neutral-10: var(--wa-color-green-10);
--wa-color-neutral-05: var(--wa-color-green-05);
--wa-color-neutral: var(--wa-color-green);
--wa-color-neutral-on: var(--wa-color-green-on);
}
.wa-neutral-cyan {
--wa-color-neutral-95: var(--wa-color-cyan-95);
--wa-color-neutral-90: var(--wa-color-cyan-90);
--wa-color-neutral-80: var(--wa-color-cyan-80);
--wa-color-neutral-70: var(--wa-color-cyan-70);
--wa-color-neutral-60: var(--wa-color-cyan-60);
--wa-color-neutral-50: var(--wa-color-cyan-50);
--wa-color-neutral-40: var(--wa-color-cyan-40);
--wa-color-neutral-30: var(--wa-color-cyan-30);
--wa-color-neutral-20: var(--wa-color-cyan-20);
--wa-color-neutral-10: var(--wa-color-cyan-10);
--wa-color-neutral-05: var(--wa-color-cyan-05);
--wa-color-neutral: var(--wa-color-cyan);
--wa-color-neutral-on: var(--wa-color-cyan-on);
}
.wa-neutral-blue {
--wa-color-neutral-95: var(--wa-color-blue-95);
--wa-color-neutral-90: var(--wa-color-blue-90);
--wa-color-neutral-80: var(--wa-color-blue-80);
--wa-color-neutral-70: var(--wa-color-blue-70);
--wa-color-neutral-60: var(--wa-color-blue-60);
--wa-color-neutral-50: var(--wa-color-blue-50);
--wa-color-neutral-40: var(--wa-color-blue-40);
--wa-color-neutral-30: var(--wa-color-blue-30);
--wa-color-neutral-20: var(--wa-color-blue-20);
--wa-color-neutral-10: var(--wa-color-blue-10);
--wa-color-neutral-05: var(--wa-color-blue-05);
--wa-color-neutral: var(--wa-color-blue);
--wa-color-neutral-on: var(--wa-color-blue-on);
}
.wa-neutral-indigo {
--wa-color-neutral-95: var(--wa-color-indigo-95);
--wa-color-neutral-90: var(--wa-color-indigo-90);
--wa-color-neutral-80: var(--wa-color-indigo-80);
--wa-color-neutral-70: var(--wa-color-indigo-70);
--wa-color-neutral-60: var(--wa-color-indigo-60);
--wa-color-neutral-50: var(--wa-color-indigo-50);
--wa-color-neutral-40: var(--wa-color-indigo-40);
--wa-color-neutral-30: var(--wa-color-indigo-30);
--wa-color-neutral-20: var(--wa-color-indigo-20);
--wa-color-neutral-10: var(--wa-color-indigo-10);
--wa-color-neutral-05: var(--wa-color-indigo-05);
--wa-color-neutral: var(--wa-color-indigo);
--wa-color-neutral-on: var(--wa-color-indigo-on);
}
.wa-neutral-purple {
--wa-color-neutral-95: var(--wa-color-purple-95);
--wa-color-neutral-90: var(--wa-color-purple-90);
--wa-color-neutral-80: var(--wa-color-purple-80);
--wa-color-neutral-70: var(--wa-color-purple-70);
--wa-color-neutral-60: var(--wa-color-purple-60);
--wa-color-neutral-50: var(--wa-color-purple-50);
--wa-color-neutral-40: var(--wa-color-purple-40);
--wa-color-neutral-30: var(--wa-color-purple-30);
--wa-color-neutral-20: var(--wa-color-purple-20);
--wa-color-neutral-10: var(--wa-color-purple-10);
--wa-color-neutral-05: var(--wa-color-purple-05);
--wa-color-neutral: var(--wa-color-purple);
--wa-color-neutral-on: var(--wa-color-purple-on);
}
.wa-neutral-pink {
--wa-color-neutral-95: var(--wa-color-pink-95);
--wa-color-neutral-90: var(--wa-color-pink-90);
--wa-color-neutral-80: var(--wa-color-pink-80);
--wa-color-neutral-70: var(--wa-color-pink-70);
--wa-color-neutral-60: var(--wa-color-pink-60);
--wa-color-neutral-50: var(--wa-color-pink-50);
--wa-color-neutral-40: var(--wa-color-pink-40);
--wa-color-neutral-30: var(--wa-color-pink-30);
--wa-color-neutral-20: var(--wa-color-pink-20);
--wa-color-neutral-10: var(--wa-color-pink-10);
--wa-color-neutral-05: var(--wa-color-pink-05);
--wa-color-neutral: var(--wa-color-pink);
--wa-color-neutral-on: var(--wa-color-pink-on);
}
:where(:root),
.wa-success-green {
--wa-color-success-95: var(--wa-color-green-95);
--wa-color-success-90: var(--wa-color-green-90);
--wa-color-success-80: var(--wa-color-green-80);
--wa-color-success-70: var(--wa-color-green-70);
--wa-color-success-60: var(--wa-color-green-60);
--wa-color-success-50: var(--wa-color-green-50);
--wa-color-success-40: var(--wa-color-green-40);
--wa-color-success-30: var(--wa-color-green-30);
--wa-color-success-20: var(--wa-color-green-20);
--wa-color-success-10: var(--wa-color-green-10);
--wa-color-success-05: var(--wa-color-green-05);
--wa-color-success: var(--wa-color-green);
--wa-color-success-on: var(--wa-color-green-on);
}
.wa-success-red {
--wa-color-success-95: var(--wa-color-red-95);
--wa-color-success-90: var(--wa-color-red-90);
--wa-color-success-80: var(--wa-color-red-80);
--wa-color-success-70: var(--wa-color-red-70);
--wa-color-success-60: var(--wa-color-red-60);
--wa-color-success-50: var(--wa-color-red-50);
--wa-color-success-40: var(--wa-color-red-40);
--wa-color-success-30: var(--wa-color-red-30);
--wa-color-success-20: var(--wa-color-red-20);
--wa-color-success-10: var(--wa-color-red-10);
--wa-color-success-05: var(--wa-color-red-05);
--wa-color-success: var(--wa-color-red);
--wa-color-success-on: var(--wa-color-red-on);
}
.wa-success-orange {
--wa-color-success-95: var(--wa-color-orange-95);
--wa-color-success-90: var(--wa-color-orange-90);
--wa-color-success-80: var(--wa-color-orange-80);
--wa-color-success-70: var(--wa-color-orange-70);
--wa-color-success-60: var(--wa-color-orange-60);
--wa-color-success-50: var(--wa-color-orange-50);
--wa-color-success-40: var(--wa-color-orange-40);
--wa-color-success-30: var(--wa-color-orange-30);
--wa-color-success-20: var(--wa-color-orange-20);
--wa-color-success-10: var(--wa-color-orange-10);
--wa-color-success-05: var(--wa-color-orange-05);
--wa-color-success: var(--wa-color-orange);
--wa-color-success-on: var(--wa-color-orange-on);
}
.wa-success-yellow {
--wa-color-success-95: var(--wa-color-yellow-95);
--wa-color-success-90: var(--wa-color-yellow-90);
--wa-color-success-80: var(--wa-color-yellow-80);
--wa-color-success-70: var(--wa-color-yellow-70);
--wa-color-success-60: var(--wa-color-yellow-60);
--wa-color-success-50: var(--wa-color-yellow-50);
--wa-color-success-40: var(--wa-color-yellow-40);
--wa-color-success-30: var(--wa-color-yellow-30);
--wa-color-success-20: var(--wa-color-yellow-20);
--wa-color-success-10: var(--wa-color-yellow-10);
--wa-color-success-05: var(--wa-color-yellow-05);
--wa-color-success: var(--wa-color-yellow);
--wa-color-success-on: var(--wa-color-yellow-on);
}
.wa-success-cyan {
--wa-color-success-95: var(--wa-color-cyan-95);
--wa-color-success-90: var(--wa-color-cyan-90);
--wa-color-success-80: var(--wa-color-cyan-80);
--wa-color-success-70: var(--wa-color-cyan-70);
--wa-color-success-60: var(--wa-color-cyan-60);
--wa-color-success-50: var(--wa-color-cyan-50);
--wa-color-success-40: var(--wa-color-cyan-40);
--wa-color-success-30: var(--wa-color-cyan-30);
--wa-color-success-20: var(--wa-color-cyan-20);
--wa-color-success-10: var(--wa-color-cyan-10);
--wa-color-success-05: var(--wa-color-cyan-05);
--wa-color-success: var(--wa-color-cyan);
--wa-color-success-on: var(--wa-color-cyan-on);
}
.wa-success-blue {
--wa-color-success-95: var(--wa-color-blue-95);
--wa-color-success-90: var(--wa-color-blue-90);
--wa-color-success-80: var(--wa-color-blue-80);
--wa-color-success-70: var(--wa-color-blue-70);
--wa-color-success-60: var(--wa-color-blue-60);
--wa-color-success-50: var(--wa-color-blue-50);
--wa-color-success-40: var(--wa-color-blue-40);
--wa-color-success-30: var(--wa-color-blue-30);
--wa-color-success-20: var(--wa-color-blue-20);
--wa-color-success-10: var(--wa-color-blue-10);
--wa-color-success-05: var(--wa-color-blue-05);
--wa-color-success: var(--wa-color-blue);
--wa-color-success-on: var(--wa-color-blue-on);
}
.wa-success-indigo {
--wa-color-success-95: var(--wa-color-indigo-95);
--wa-color-success-90: var(--wa-color-indigo-90);
--wa-color-success-80: var(--wa-color-indigo-80);
--wa-color-success-70: var(--wa-color-indigo-70);
--wa-color-success-60: var(--wa-color-indigo-60);
--wa-color-success-50: var(--wa-color-indigo-50);
--wa-color-success-40: var(--wa-color-indigo-40);
--wa-color-success-30: var(--wa-color-indigo-30);
--wa-color-success-20: var(--wa-color-indigo-20);
--wa-color-success-10: var(--wa-color-indigo-10);
--wa-color-success-05: var(--wa-color-indigo-05);
--wa-color-success: var(--wa-color-indigo);
--wa-color-success-on: var(--wa-color-indigo-on);
}
.wa-success-purple {
--wa-color-success-95: var(--wa-color-purple-95);
--wa-color-success-90: var(--wa-color-purple-90);
--wa-color-success-80: var(--wa-color-purple-80);
--wa-color-success-70: var(--wa-color-purple-70);
--wa-color-success-60: var(--wa-color-purple-60);
--wa-color-success-50: var(--wa-color-purple-50);
--wa-color-success-40: var(--wa-color-purple-40);
--wa-color-success-30: var(--wa-color-purple-30);
--wa-color-success-20: var(--wa-color-purple-20);
--wa-color-success-10: var(--wa-color-purple-10);
--wa-color-success-05: var(--wa-color-purple-05);
--wa-color-success: var(--wa-color-purple);
--wa-color-success-on: var(--wa-color-purple-on);
}
.wa-success-pink {
--wa-color-success-95: var(--wa-color-pink-95);
--wa-color-success-90: var(--wa-color-pink-90);
--wa-color-success-80: var(--wa-color-pink-80);
--wa-color-success-70: var(--wa-color-pink-70);
--wa-color-success-60: var(--wa-color-pink-60);
--wa-color-success-50: var(--wa-color-pink-50);
--wa-color-success-40: var(--wa-color-pink-40);
--wa-color-success-30: var(--wa-color-pink-30);
--wa-color-success-20: var(--wa-color-pink-20);
--wa-color-success-10: var(--wa-color-pink-10);
--wa-color-success-05: var(--wa-color-pink-05);
--wa-color-success: var(--wa-color-pink);
--wa-color-success-on: var(--wa-color-pink-on);
}
.wa-success-gray {
--wa-color-success-95: var(--wa-color-gray-95);
--wa-color-success-90: var(--wa-color-gray-90);
--wa-color-success-80: var(--wa-color-gray-80);
--wa-color-success-70: var(--wa-color-gray-70);
--wa-color-success-60: var(--wa-color-gray-60);
--wa-color-success-50: var(--wa-color-gray-50);
--wa-color-success-40: var(--wa-color-gray-40);
--wa-color-success-30: var(--wa-color-gray-30);
--wa-color-success-20: var(--wa-color-gray-20);
--wa-color-success-10: var(--wa-color-gray-10);
--wa-color-success-05: var(--wa-color-gray-05);
--wa-color-success: var(--wa-color-gray);
--wa-color-success-on: var(--wa-color-gray-on);
}
:where(:root),
.wa-warning-yellow {
--wa-color-warning-95: var(--wa-color-yellow-95);
--wa-color-warning-90: var(--wa-color-yellow-90);
--wa-color-warning-80: var(--wa-color-yellow-80);
--wa-color-warning-70: var(--wa-color-yellow-70);
--wa-color-warning-60: var(--wa-color-yellow-60);
--wa-color-warning-50: var(--wa-color-yellow-50);
--wa-color-warning-40: var(--wa-color-yellow-40);
--wa-color-warning-30: var(--wa-color-yellow-30);
--wa-color-warning-20: var(--wa-color-yellow-20);
--wa-color-warning-10: var(--wa-color-yellow-10);
--wa-color-warning-05: var(--wa-color-yellow-05);
--wa-color-warning: var(--wa-color-yellow);
--wa-color-warning-on: var(--wa-color-yellow-on);
}
.wa-warning-red {
--wa-color-warning-95: var(--wa-color-red-95);
--wa-color-warning-90: var(--wa-color-red-90);
--wa-color-warning-80: var(--wa-color-red-80);
--wa-color-warning-70: var(--wa-color-red-70);
--wa-color-warning-60: var(--wa-color-red-60);
--wa-color-warning-50: var(--wa-color-red-50);
--wa-color-warning-40: var(--wa-color-red-40);
--wa-color-warning-30: var(--wa-color-red-30);
--wa-color-warning-20: var(--wa-color-red-20);
--wa-color-warning-10: var(--wa-color-red-10);
--wa-color-warning-05: var(--wa-color-red-05);
--wa-color-warning: var(--wa-color-red);
--wa-color-warning-on: var(--wa-color-red-on);
}
.wa-warning-orange {
--wa-color-warning-95: var(--wa-color-orange-95);
--wa-color-warning-90: var(--wa-color-orange-90);
--wa-color-warning-80: var(--wa-color-orange-80);
--wa-color-warning-70: var(--wa-color-orange-70);
--wa-color-warning-60: var(--wa-color-orange-60);
--wa-color-warning-50: var(--wa-color-orange-50);
--wa-color-warning-40: var(--wa-color-orange-40);
--wa-color-warning-30: var(--wa-color-orange-30);
--wa-color-warning-20: var(--wa-color-orange-20);
--wa-color-warning-10: var(--wa-color-orange-10);
--wa-color-warning-05: var(--wa-color-orange-05);
--wa-color-warning: var(--wa-color-orange);
--wa-color-warning-on: var(--wa-color-orange-on);
}
.wa-warning-green {
--wa-color-warning-95: var(--wa-color-green-95);
--wa-color-warning-90: var(--wa-color-green-90);
--wa-color-warning-80: var(--wa-color-green-80);
--wa-color-warning-70: var(--wa-color-green-70);
--wa-color-warning-60: var(--wa-color-green-60);
--wa-color-warning-50: var(--wa-color-green-50);
--wa-color-warning-40: var(--wa-color-green-40);
--wa-color-warning-30: var(--wa-color-green-30);
--wa-color-warning-20: var(--wa-color-green-20);
--wa-color-warning-10: var(--wa-color-green-10);
--wa-color-warning-05: var(--wa-color-green-05);
--wa-color-warning: var(--wa-color-green);
--wa-color-warning-on: var(--wa-color-green-on);
}
.wa-warning-cyan {
--wa-color-warning-95: var(--wa-color-cyan-95);
--wa-color-warning-90: var(--wa-color-cyan-90);
--wa-color-warning-80: var(--wa-color-cyan-80);
--wa-color-warning-70: var(--wa-color-cyan-70);
--wa-color-warning-60: var(--wa-color-cyan-60);
--wa-color-warning-50: var(--wa-color-cyan-50);
--wa-color-warning-40: var(--wa-color-cyan-40);
--wa-color-warning-30: var(--wa-color-cyan-30);
--wa-color-warning-20: var(--wa-color-cyan-20);
--wa-color-warning-10: var(--wa-color-cyan-10);
--wa-color-warning-05: var(--wa-color-cyan-05);
--wa-color-warning: var(--wa-color-cyan);
--wa-color-warning-on: var(--wa-color-cyan-on);
}
.wa-warning-blue {
--wa-color-warning-95: var(--wa-color-blue-95);
--wa-color-warning-90: var(--wa-color-blue-90);
--wa-color-warning-80: var(--wa-color-blue-80);
--wa-color-warning-70: var(--wa-color-blue-70);
--wa-color-warning-60: var(--wa-color-blue-60);
--wa-color-warning-50: var(--wa-color-blue-50);
--wa-color-warning-40: var(--wa-color-blue-40);
--wa-color-warning-30: var(--wa-color-blue-30);
--wa-color-warning-20: var(--wa-color-blue-20);
--wa-color-warning-10: var(--wa-color-blue-10);
--wa-color-warning-05: var(--wa-color-blue-05);
--wa-color-warning: var(--wa-color-blue);
--wa-color-warning-on: var(--wa-color-blue-on);
}
.wa-warning-indigo {
--wa-color-warning-95: var(--wa-color-indigo-95);
--wa-color-warning-90: var(--wa-color-indigo-90);
--wa-color-warning-80: var(--wa-color-indigo-80);
--wa-color-warning-70: var(--wa-color-indigo-70);
--wa-color-warning-60: var(--wa-color-indigo-60);
--wa-color-warning-50: var(--wa-color-indigo-50);
--wa-color-warning-40: var(--wa-color-indigo-40);
--wa-color-warning-30: var(--wa-color-indigo-30);
--wa-color-warning-20: var(--wa-color-indigo-20);
--wa-color-warning-10: var(--wa-color-indigo-10);
--wa-color-warning-05: var(--wa-color-indigo-05);
--wa-color-warning: var(--wa-color-indigo);
--wa-color-warning-on: var(--wa-color-indigo-on);
}
.wa-warning-purple {
--wa-color-warning-95: var(--wa-color-purple-95);
--wa-color-warning-90: var(--wa-color-purple-90);
--wa-color-warning-80: var(--wa-color-purple-80);
--wa-color-warning-70: var(--wa-color-purple-70);
--wa-color-warning-60: var(--wa-color-purple-60);
--wa-color-warning-50: var(--wa-color-purple-50);
--wa-color-warning-40: var(--wa-color-purple-40);
--wa-color-warning-30: var(--wa-color-purple-30);
--wa-color-warning-20: var(--wa-color-purple-20);
--wa-color-warning-10: var(--wa-color-purple-10);
--wa-color-warning-05: var(--wa-color-purple-05);
--wa-color-warning: var(--wa-color-purple);
--wa-color-warning-on: var(--wa-color-purple-on);
}
.wa-warning-pink {
--wa-color-warning-95: var(--wa-color-pink-95);
--wa-color-warning-90: var(--wa-color-pink-90);
--wa-color-warning-80: var(--wa-color-pink-80);
--wa-color-warning-70: var(--wa-color-pink-70);
--wa-color-warning-60: var(--wa-color-pink-60);
--wa-color-warning-50: var(--wa-color-pink-50);
--wa-color-warning-40: var(--wa-color-pink-40);
--wa-color-warning-30: var(--wa-color-pink-30);
--wa-color-warning-20: var(--wa-color-pink-20);
--wa-color-warning-10: var(--wa-color-pink-10);
--wa-color-warning-05: var(--wa-color-pink-05);
--wa-color-warning: var(--wa-color-pink);
--wa-color-warning-on: var(--wa-color-pink-on);
}
.wa-warning-gray {
--wa-color-warning-95: var(--wa-color-gray-95);
--wa-color-warning-90: var(--wa-color-gray-90);
--wa-color-warning-80: var(--wa-color-gray-80);
--wa-color-warning-70: var(--wa-color-gray-70);
--wa-color-warning-60: var(--wa-color-gray-60);
--wa-color-warning-50: var(--wa-color-gray-50);
--wa-color-warning-40: var(--wa-color-gray-40);
--wa-color-warning-30: var(--wa-color-gray-30);
--wa-color-warning-20: var(--wa-color-gray-20);
--wa-color-warning-10: var(--wa-color-gray-10);
--wa-color-warning-05: var(--wa-color-gray-05);
--wa-color-warning: var(--wa-color-gray);
--wa-color-warning-on: var(--wa-color-gray-on);
}
:where(:root),
.wa-danger-red {
--wa-color-danger-95: var(--wa-color-red-95);
--wa-color-danger-90: var(--wa-color-red-90);
--wa-color-danger-80: var(--wa-color-red-80);
--wa-color-danger-70: var(--wa-color-red-70);
--wa-color-danger-60: var(--wa-color-red-60);
--wa-color-danger-50: var(--wa-color-red-50);
--wa-color-danger-40: var(--wa-color-red-40);
--wa-color-danger-30: var(--wa-color-red-30);
--wa-color-danger-20: var(--wa-color-red-20);
--wa-color-danger-10: var(--wa-color-red-10);
--wa-color-danger-05: var(--wa-color-red-05);
--wa-color-danger: var(--wa-color-red);
--wa-color-danger-on: var(--wa-color-red-on);
}
.wa-danger-orange {
--wa-color-danger-95: var(--wa-color-orange-95);
--wa-color-danger-90: var(--wa-color-orange-90);
--wa-color-danger-80: var(--wa-color-orange-80);
--wa-color-danger-70: var(--wa-color-orange-70);
--wa-color-danger-60: var(--wa-color-orange-60);
--wa-color-danger-50: var(--wa-color-orange-50);
--wa-color-danger-40: var(--wa-color-orange-40);
--wa-color-danger-30: var(--wa-color-orange-30);
--wa-color-danger-20: var(--wa-color-orange-20);
--wa-color-danger-10: var(--wa-color-orange-10);
--wa-color-danger-05: var(--wa-color-orange-05);
--wa-color-danger: var(--wa-color-orange);
--wa-color-danger-on: var(--wa-color-orange-on);
}
.wa-danger-yellow {
--wa-color-danger-95: var(--wa-color-yellow-95);
--wa-color-danger-90: var(--wa-color-yellow-90);
--wa-color-danger-80: var(--wa-color-yellow-80);
--wa-color-danger-70: var(--wa-color-yellow-70);
--wa-color-danger-60: var(--wa-color-yellow-60);
--wa-color-danger-50: var(--wa-color-yellow-50);
--wa-color-danger-40: var(--wa-color-yellow-40);
--wa-color-danger-30: var(--wa-color-yellow-30);
--wa-color-danger-20: var(--wa-color-yellow-20);
--wa-color-danger-10: var(--wa-color-yellow-10);
--wa-color-danger-05: var(--wa-color-yellow-05);
--wa-color-danger: var(--wa-color-yellow);
--wa-color-danger-on: var(--wa-color-yellow-on);
}
.wa-danger-green {
--wa-color-danger-95: var(--wa-color-green-95);
--wa-color-danger-90: var(--wa-color-green-90);
--wa-color-danger-80: var(--wa-color-green-80);
--wa-color-danger-70: var(--wa-color-green-70);
--wa-color-danger-60: var(--wa-color-green-60);
--wa-color-danger-50: var(--wa-color-green-50);
--wa-color-danger-40: var(--wa-color-green-40);
--wa-color-danger-30: var(--wa-color-green-30);
--wa-color-danger-20: var(--wa-color-green-20);
--wa-color-danger-10: var(--wa-color-green-10);
--wa-color-danger-05: var(--wa-color-green-05);
--wa-color-danger: var(--wa-color-green);
--wa-color-danger-on: var(--wa-color-green-on);
}
.wa-danger-cyan {
--wa-color-danger-95: var(--wa-color-cyan-95);
--wa-color-danger-90: var(--wa-color-cyan-90);
--wa-color-danger-80: var(--wa-color-cyan-80);
--wa-color-danger-70: var(--wa-color-cyan-70);
--wa-color-danger-60: var(--wa-color-cyan-60);
--wa-color-danger-50: var(--wa-color-cyan-50);
--wa-color-danger-40: var(--wa-color-cyan-40);
--wa-color-danger-30: var(--wa-color-cyan-30);
--wa-color-danger-20: var(--wa-color-cyan-20);
--wa-color-danger-10: var(--wa-color-cyan-10);
--wa-color-danger-05: var(--wa-color-cyan-05);
--wa-color-danger: var(--wa-color-cyan);
--wa-color-danger-on: var(--wa-color-cyan-on);
}
.wa-danger-blue {
--wa-color-danger-95: var(--wa-color-blue-95);
--wa-color-danger-90: var(--wa-color-blue-90);
--wa-color-danger-80: var(--wa-color-blue-80);
--wa-color-danger-70: var(--wa-color-blue-70);
--wa-color-danger-60: var(--wa-color-blue-60);
--wa-color-danger-50: var(--wa-color-blue-50);
--wa-color-danger-40: var(--wa-color-blue-40);
--wa-color-danger-30: var(--wa-color-blue-30);
--wa-color-danger-20: var(--wa-color-blue-20);
--wa-color-danger-10: var(--wa-color-blue-10);
--wa-color-danger-05: var(--wa-color-blue-05);
--wa-color-danger: var(--wa-color-blue);
--wa-color-danger-on: var(--wa-color-blue-on);
}
.wa-danger-indigo {
--wa-color-danger-95: var(--wa-color-indigo-95);
--wa-color-danger-90: var(--wa-color-indigo-90);
--wa-color-danger-80: var(--wa-color-indigo-80);
--wa-color-danger-70: var(--wa-color-indigo-70);
--wa-color-danger-60: var(--wa-color-indigo-60);
--wa-color-danger-50: var(--wa-color-indigo-50);
--wa-color-danger-40: var(--wa-color-indigo-40);
--wa-color-danger-30: var(--wa-color-indigo-30);
--wa-color-danger-20: var(--wa-color-indigo-20);
--wa-color-danger-10: var(--wa-color-indigo-10);
--wa-color-danger-05: var(--wa-color-indigo-05);
--wa-color-danger: var(--wa-color-indigo);
--wa-color-danger-on: var(--wa-color-indigo-on);
}
.wa-danger-purple {
--wa-color-danger-95: var(--wa-color-purple-95);
--wa-color-danger-90: var(--wa-color-purple-90);
--wa-color-danger-80: var(--wa-color-purple-80);
--wa-color-danger-70: var(--wa-color-purple-70);
--wa-color-danger-60: var(--wa-color-purple-60);
--wa-color-danger-50: var(--wa-color-purple-50);
--wa-color-danger-40: var(--wa-color-purple-40);
--wa-color-danger-30: var(--wa-color-purple-30);
--wa-color-danger-20: var(--wa-color-purple-20);
--wa-color-danger-10: var(--wa-color-purple-10);
--wa-color-danger-05: var(--wa-color-purple-05);
--wa-color-danger: var(--wa-color-purple);
--wa-color-danger-on: var(--wa-color-purple-on);
}
.wa-danger-pink {
--wa-color-danger-95: var(--wa-color-pink-95);
--wa-color-danger-90: var(--wa-color-pink-90);
--wa-color-danger-80: var(--wa-color-pink-80);
--wa-color-danger-70: var(--wa-color-pink-70);
--wa-color-danger-60: var(--wa-color-pink-60);
--wa-color-danger-50: var(--wa-color-pink-50);
--wa-color-danger-40: var(--wa-color-pink-40);
--wa-color-danger-30: var(--wa-color-pink-30);
--wa-color-danger-20: var(--wa-color-pink-20);
--wa-color-danger-10: var(--wa-color-pink-10);
--wa-color-danger-05: var(--wa-color-pink-05);
--wa-color-danger: var(--wa-color-pink);
--wa-color-danger-on: var(--wa-color-pink-on);
}
.wa-danger-gray {
--wa-color-danger-95: var(--wa-color-gray-95);
--wa-color-danger-90: var(--wa-color-gray-90);
--wa-color-danger-80: var(--wa-color-gray-80);
--wa-color-danger-70: var(--wa-color-gray-70);
--wa-color-danger-60: var(--wa-color-gray-60);
--wa-color-danger-50: var(--wa-color-gray-50);
--wa-color-danger-40: var(--wa-color-gray-40);
--wa-color-danger-30: var(--wa-color-gray-30);
--wa-color-danger-20: var(--wa-color-gray-20);
--wa-color-danger-10: var(--wa-color-gray-10);
--wa-color-danger-05: var(--wa-color-gray-05);
--wa-color-danger: var(--wa-color-gray);
--wa-color-danger-on: var(--wa-color-gray-on);
}
}
:where(:root),
:host {
--wa-color-red-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-red-key), 1) * 100%));
--wa-color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-orange-key), 1) * 100%));
--wa-color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-yellow-key), 1) * 100%));
--wa-color-green-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-green-key), 1) * 100%));
--wa-color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-cyan-key), 1) * 100%));
--wa-color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-blue-key), 1) * 100%));
--wa-color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-indigo-key), 1) * 100%));
--wa-color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-purple-key), 1) * 100%));
--wa-color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-pink-key), 1) * 100%));
--wa-color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-gray-key), 1) * 100%));
--wa-color-red-on: var(--wa-color-red-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-red-on: color-mix(in oklab, var(--wa-color-red-10) var(--wa-color-red-gte-60), white);
}
--wa-color-orange-on: var(--wa-color-orange-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-orange-on: color-mix(in oklab, var(--wa-color-orange-10) var(--wa-color-orange-gte-60), white);
}
--wa-color-yellow-on: var(--wa-color-yellow-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-yellow-on: color-mix(in oklab, var(--wa-color-yellow-10) var(--wa-color-yellow-gte-60), white);
}
--wa-color-green-on: var(--wa-color-green-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-green-on: color-mix(in oklab, var(--wa-color-green-10) var(--wa-color-green-gte-60), white);
}
--wa-color-cyan-on: var(--wa-color-cyan-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-cyan-on: color-mix(in oklab, var(--wa-color-cyan-10) var(--wa-color-cyan-gte-60), white);
}
--wa-color-blue-on: var(--wa-color-blue-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-blue-on: color-mix(in oklab, var(--wa-color-blue-10) var(--wa-color-blue-gte-60), white);
}
--wa-color-indigo-on: var(--wa-color-indigo-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-indigo-on: color-mix(in oklab, var(--wa-color-indigo-10) var(--wa-color-indigo-gte-60), white);
}
--wa-color-purple-on: var(--wa-color-purple-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-purple-on: color-mix(in oklab, var(--wa-color-purple-10) var(--wa-color-purple-gte-60), white);
}
--wa-color-pink-on: var(--wa-color-pink-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-pink-on: color-mix(in oklab, var(--wa-color-pink-10) var(--wa-color-pink-gte-60), white);
}
--wa-color-gray-on: var(--wa-color-gray-10);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-gray-on: color-mix(in oklab, var(--wa-color-gray-10) var(--wa-color-gray-gte-60), white);
}
}
@layer wa-color-palette {
.wa-palette-shoelace,
.wa-palette-shoelace :host {
--wa-color-red-95: #fff0ef ;
--wa-color-red-90: #ffdedc ;
--wa-color-red-80: #ffb8b5 ;
--wa-color-red-70: #fe8f8d ;
--wa-color-red-60: #f56667 ;
--wa-color-red-50: #e02c2b ;
--wa-color-red-40: #b5051a ;
--wa-color-red-30: #900015 ;
--wa-color-red-20: #6c000d ;
--wa-color-red-10: #450005 ;
--wa-color-red-05: #2f0002 ;
--wa-color-red: var(--wa-color-red-50);
--wa-color-red-key: 50;
--wa-color-orange-95: #fff0e4 ;
--wa-color-orange-90: #ffe0c8 ;
--wa-color-orange-80: #ffbb89 ;
--wa-color-orange-70: #ff9342 ;
--wa-color-orange-60: #f36d00 ;
--wa-color-orange-50: #c94e00 ;
--wa-color-orange-40: #9d3800 ;
--wa-color-orange-30: #7e2900 ;
--wa-color-orange-20: #5e1c00 ;
--wa-color-orange-10: #3b0f00 ;
--wa-color-orange-05: #280700 ;
--wa-color-orange: var(--wa-color-orange-60);
--wa-color-orange-key: 60;
--wa-color-yellow-95: #fef2bf ;
--wa-color-yellow-90: #fde588 ;
--wa-color-yellow-80: #f5c24b ;
--wa-color-yellow-70: #e9a010 ;
--wa-color-yellow-60: #d78000 ;
--wa-color-yellow-50: #b26000 ;
--wa-color-yellow-40: #8a4700 ;
--wa-color-yellow-30: #6e3700 ;
--wa-color-yellow-20: #522700 ;
--wa-color-yellow-10: #331600 ;
--wa-color-yellow-05: #210d00 ;
--wa-color-yellow: var(--wa-color-yellow-70);
--wa-color-yellow-key: 70;
--wa-color-green-95: #d4fce1 ;
--wa-color-green-90: #a4f8c2 ;
--wa-color-green-80: #6ae095 ;
--wa-color-green-70: #44c670 ;
--wa-color-green-60: #21ab52 ;
--wa-color-green-50: #0d873f ;
--wa-color-green-40: #166635 ;
--wa-color-green-30: #115029 ;
--wa-color-green-20: #0a3a1c ;
--wa-color-green-10: #04230f ;
--wa-color-green-05: #021608 ;
--wa-color-green: var(--wa-color-green-60);
--wa-color-green-key: 60;
--wa-color-cyan-95: #d8fafc ;
--wa-color-cyan-90: #a3f2f7 ;
--wa-color-cyan-80: #67dbe2 ;
--wa-color-cyan-70: #29c0ca ;
--wa-color-cyan-60: #0ca4ae ;
--wa-color-cyan-50: #0c828c ;
--wa-color-cyan-40: #0a626b ;
--wa-color-cyan-30: #084d55 ;
--wa-color-cyan-20: #06383f ;
--wa-color-cyan-10: #002127 ;
--wa-color-cyan-05: #00151b ;
--wa-color-cyan: var(--wa-color-cyan-70);
--wa-color-cyan-key: 70;
--wa-color-blue-95: #e2f6ff ;
--wa-color-blue-90: #c0ecff ;
--wa-color-blue-80: #7fd4fc ;
--wa-color-blue-70: #48b9f4 ;
--wa-color-blue-60: #1f9de2 ;
--wa-color-blue-50: #007bbc ;
--wa-color-blue-40: #005d93 ;
--wa-color-blue-30: #004975 ;
--wa-color-blue-20: #003558 ;
--wa-color-blue-10: #001f36 ;
--wa-color-blue-05: #001325 ;
--wa-color-blue: var(--wa-color-blue-60);
--wa-color-blue-key: 60;
--wa-color-indigo-95: #eff2ff ;
--wa-color-indigo-90: #e0e5ff ;
--wa-color-indigo-80: #bec7ff ;
--wa-color-indigo-70: #9da9fc ;
--wa-color-indigo-60: #808bf8 ;
--wa-color-indigo-50: #6163f0 ;
--wa-color-indigo-40: #4a41d4 ;
--wa-color-indigo-30: #3b369d ;
--wa-color-indigo-20: #2b2872 ;
--wa-color-indigo-10: #191748 ;
--wa-color-indigo-05: #0e0d31 ;
--wa-color-indigo: var(--wa-color-indigo-40);
--wa-color-indigo-key: 40;
--wa-color-purple-95: #f6f0ff ;
--wa-color-purple-90: #eee0ff ;
--wa-color-purple-80: #dcbdff ;
--wa-color-purple-70: #ca99ff ;
--wa-color-purple-60: #b874ff ;
--wa-color-purple-50: #9f46ee ;
--wa-color-purple-40: #7e2ac2 ;
--wa-color-purple-30: #632198 ;
--wa-color-purple-20: #4a1574 ;
--wa-color-purple-10: #2e094b ;
--wa-color-purple-05: #1e0433 ;
--wa-color-purple: var(--wa-color-purple-50);
--wa-color-purple-key: 50;
--wa-color-pink-95: #fdeff7 ;
--wa-color-pink-90: #fcdcee ;
--wa-color-pink-80: #fab6db ;
--wa-color-pink-70: #f78cc4 ;
--wa-color-pink-60: #f160a9 ;
--wa-color-pink-50: #db2878 ;
--wa-color-pink-40: #ab1854 ;
--wa-color-pink-30: #851844 ;
--wa-color-pink-20: #640e30 ;
--wa-color-pink-10: #43001a ;
--wa-color-pink-05: #2f000b ;
--wa-color-pink: var(--wa-color-pink-50);
--wa-color-pink-key: 50;
--wa-color-gray-95: #f2f2f3 ;
--wa-color-gray-90: #e5e5e8 ;
--wa-color-gray-80: #c9c9cc ;
--wa-color-gray-70: #aeafb1 ;
--wa-color-gray-60: #94959b ;
--wa-color-gray-50: #72747d ;
--wa-color-gray-40: #565861 ;
--wa-color-gray-30: #43454d ;
--wa-color-gray-20: #313134 ;
--wa-color-gray-10: #1d1d20 ;
--wa-color-gray-05: #101113 ;
--wa-color-gray: var(--wa-color-gray-40);
--wa-color-gray-key: 40;
}
}
@layer wa-theme {
.wa-theme-shoelace,
.wa-theme-shoelace.wa-light,
.wa-theme-shoelace .wa-light,
.wa-theme-shoelace.wa-dark .wa-invert,
.wa-theme-shoelace .wa-dark .wa-invert,
.wa-light .wa-theme-shoelace,
.wa-dark .wa-theme-shoelace.wa-invert,
.wa-dark .wa-theme-shoelace .wa-invert {
color-scheme: light;
color: var(--wa-color-text-normal);
--wa-color-surface-raised: white;
--wa-color-surface-default: white;
--wa-color-surface-lowered: var(--wa-color-neutral-95);
--wa-color-surface-border: var(--wa-color-neutral-90);
--wa-color-text-normal: var(--wa-color-neutral-10);
--wa-color-text-quiet: var(--wa-color-neutral-40);
--wa-color-text-link: var(--wa-color-brand-40);
--wa-color-overlay-modal: var(--wa-color-neutral-05);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
}
--wa-color-overlay-inline: var(--wa-color-neutral-80);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
}
--wa-color-shadow: var(--wa-color-neutral-05);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-shadow: color-mix( in oklab, var(--wa-color-neutral-05) calc(var(--wa-shadow-blur-scale) * 4% + 8%), transparent );
}
--wa-color-focus: var(--wa-color-brand-60);
--wa-color-mix-hover: oklch(from currentColor calc(l + 0.1) c h) 10%;
--wa-color-mix-active: oklch(from currentColor calc(l - 0.1) c h) 10%;
--wa-color-brand-fill-quiet: var(--wa-color-brand-95);
--wa-color-brand-fill-normal: var(--wa-color-brand-90);
--wa-color-brand-fill-loud: var(--wa-color-brand-50);
--wa-color-brand-border-quiet: var(--wa-color-brand-90);
--wa-color-brand-border-normal: var(--wa-color-brand-80);
--wa-color-brand-border-loud: var(--wa-color-brand-60);
--wa-color-brand-on-quiet: var(--wa-color-brand-50);
--wa-color-brand-on-normal: var(--wa-color-brand-40);
--wa-color-brand-on-loud: white;
--wa-color-success-fill-quiet: var(--wa-color-success-95);
--wa-color-success-fill-normal: var(--wa-color-success-90);
--wa-color-success-fill-loud: var(--wa-color-success-50);
--wa-color-success-border-quiet: var(--wa-color-success-90);
--wa-color-success-border-normal: var(--wa-color-success-80);
--wa-color-success-border-loud: var(--wa-color-success-60);
--wa-color-success-on-quiet: var(--wa-color-success-50);
--wa-color-success-on-normal: var(--wa-color-success-40);
--wa-color-success-on-loud: white;
--wa-color-warning-fill-quiet: var(--wa-color-warning-95);
--wa-color-warning-fill-normal: var(--wa-color-warning-90);
--wa-color-warning-fill-loud: var(--wa-color-warning-50);
--wa-color-warning-border-quiet: var(--wa-color-warning-90);
--wa-color-warning-border-normal: var(--wa-color-warning-80);
--wa-color-warning-border-loud: var(--wa-color-warning-60);
--wa-color-warning-on-quiet: var(--wa-color-warning-50);
--wa-color-warning-on-normal: var(--wa-color-warning-40);
--wa-color-warning-on-loud: white;
--wa-color-danger-fill-quiet: var(--wa-color-danger-95);
--wa-color-danger-fill-normal: var(--wa-color-danger-90);
--wa-color-danger-fill-loud: var(--wa-color-danger-50);
--wa-color-danger-border-quiet: var(--wa-color-danger-90);
--wa-color-danger-border-normal: var(--wa-color-danger-80);
--wa-color-danger-border-loud: var(--wa-color-danger-60);
--wa-color-danger-on-quiet: var(--wa-color-danger-50);
--wa-color-danger-on-normal: var(--wa-color-danger-40);
--wa-color-danger-on-loud: white;
--wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
--wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
--wa-color-neutral-fill-loud: var(--wa-color-neutral-40);
--wa-color-neutral-border-quiet: var(--wa-color-neutral-90);
--wa-color-neutral-border-normal: var(--wa-color-neutral-80);
--wa-color-neutral-border-loud: var(--wa-color-neutral-50);
--wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
--wa-color-neutral-on-normal: var(--wa-color-neutral-30);
--wa-color-neutral-on-loud: white;
}
.wa-theme-shoelace.wa-dark,
.wa-theme-shoelace .wa-dark,
.wa-theme-shoelace.wa-invert,
.wa-theme-shoelace .wa-invert,
.wa-dark .wa-theme-shoelace,
.wa-light .wa-theme-shoelace.wa-invert,
.wa-light .wa-theme-shoelace .wa-invert {
color-scheme: dark;
color: var(--wa-color-text-normal);
--wa-color-surface-raised: var(--wa-color-neutral-10);
--wa-color-surface-default: var(--wa-color-neutral-05);
--wa-color-surface-lowered: var(--wa-color-surface-default);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
}
--wa-color-surface-border: var(--wa-color-neutral-20);
--wa-color-text-normal: var(--wa-color-neutral-95);
--wa-color-text-quiet: var(--wa-color-neutral-60);
--wa-color-text-link: var(--wa-color-brand-70);
--wa-color-overlay-modal: color-mix(in oklab, black 60%, transparent);
--wa-color-overlay-inline: var(--wa-color-neutral-50);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-50) 10%, transparent);
}
--wa-color-shadow: var(--wa-color-surface-lowered);
@supports (color: color-mix(in lab, red, red)) {
--wa-color-shadow: color-mix( in oklab, var(--wa-color-surface-lowered) calc(var(--wa-shadow-blur-scale) * 32% + 40%), transparent );
}
--wa-color-focus: var(--wa-color-brand-60);
--wa-color-mix-hover: oklch(from currentColor calc(l - 0.1) c h) 15%;
--wa-color-mix-active: oklch(from currentColor calc(l + 0.1) c h) 15%;
--wa-color-brand-fill-quiet: var(--wa-color-brand-20);
--wa-color-brand-fill-normal: var(--wa-color-brand-30);
--wa-color-brand-fill-loud: var(--wa-color-brand-70);
--wa-color-brand-border-quiet: var(--wa-color-brand-30);
--wa-color-brand-border-normal: var(--wa-color-brand-40);
--wa-color-brand-border-loud: var(--wa-color-brand-50);
--wa-color-brand-on-quiet: var(--wa-color-brand-70);
--wa-color-brand-on-normal: var(--wa-color-brand-80);
--wa-color-brand-on-loud: var(--wa-color-neutral-10);
--wa-color-success-fill-quiet: var(--wa-color-success-20);
--wa-color-success-fill-normal: var(--wa-color-success-30);
--wa-color-success-fill-loud: var(--wa-color-success-70);
--wa-color-success-border-quiet: var(--wa-color-success-30);
--wa-color-success-border-normal: var(--wa-color-success-40);
--wa-color-success-border-loud: var(--wa-color-success-50);
--wa-color-success-on-quiet: var(--wa-color-success-70);
--wa-color-success-on-normal: var(--wa-color-success-80);
--wa-color-success-on-loud: var(--wa-color-neutral-10);
--wa-color-warning-fill-quiet: var(--wa-color-warning-20);
--wa-color-warning-fill-normal: var(--wa-color-warning-30);
--wa-color-warning-fill-loud: var(--wa-color-warning-70);
--wa-color-warning-border-quiet: var(--wa-color-warning-30);
--wa-color-warning-border-normal: var(--wa-color-warning-40);
--wa-color-warning-border-loud: var(--wa-color-warning-50);
--wa-color-warning-on-quiet: var(--wa-color-warning-70);
--wa-color-warning-on-normal: var(--wa-color-warning-80);
--wa-color-warning-on-loud: var(--wa-color-neutral-10);
--wa-color-danger-fill-quiet: var(--wa-color-danger-20);
--wa-color-danger-fill-normal: var(--wa-color-danger-30);
--wa-color-danger-fill-loud: var(--wa-color-danger-60);
--wa-color-danger-border-quiet: var(--wa-color-danger-30);
--wa-color-danger-border-normal: var(--wa-color-danger-40);
--wa-color-danger-border-loud: var(--wa-color-danger-50);
--wa-color-danger-on-quiet: var(--wa-color-danger-70);
--wa-color-danger-on-normal: var(--wa-color-danger-80);
--wa-color-danger-on-loud: var(--wa-color-neutral-10);
--wa-color-neutral-fill-quiet: var(--wa-color-neutral-10);
--wa-color-neutral-fill-normal: var(--wa-color-neutral-20);
--wa-color-neutral-fill-loud: var(--wa-color-neutral-60);
--wa-color-neutral-border-quiet: var(--wa-color-neutral-20);
--wa-color-neutral-border-normal: var(--wa-color-neutral-30);
--wa-color-neutral-border-loud: var(--wa-color-neutral-50);
--wa-color-neutral-on-quiet: var(--wa-color-neutral-60);
--wa-color-neutral-on-normal: var(--wa-color-neutral-70);
--wa-color-neutral-on-loud: var(--wa-color-neutral-05);
}
.wa-theme-shoelace,
.wa-theme-shoelace.wa-light,
.wa-theme-shoelace .wa-light,
.wa-theme-shoelace.wa-dark,
.wa-theme-shoelace .wa-dark,
.wa-theme-shoelace.wa-invert,
.wa-theme-shoelace .wa-invert {
font-family: var(--wa-font-family-body);
--wa-font-family-body:
ui-sans-serif,
system-ui,
sans-serif;
--wa-font-family-heading: var(--wa-font-family-body);
--wa-font-family-code: ui-monospace, monospace;
--wa-font-family-longform: ui-serif, serif;
--wa-font-size-scale: 1;
--wa-font-size-3xs: round(calc(var(--wa-font-size-2xs) / 1.125), 1px);
--wa-font-size-2xs: round(calc(var(--wa-font-size-xs) / 1.125), 1px);
--wa-font-size-xs: round(calc(var(--wa-font-size-s) / 1.125), 1px);
--wa-font-size-s: round(calc(var(--wa-font-size-m) / 1.125), 1px);
--wa-font-size-m: calc(1rem * var(--wa-font-size-scale));
--wa-font-size-l: round(calc(var(--wa-font-size-m) * 1.125 * 1.125), 1px);
--wa-font-size-xl: round(calc(var(--wa-font-size-l) * 1.125 * 1.125), 1px);
--wa-font-size-2xl: round(calc(var(--wa-font-size-xl) * 1.125 * 1.125), 1px);
--wa-font-size-3xl: round(calc(var(--wa-font-size-2xl) * 1.125 * 1.125), 1px);
--wa-font-size-4xl: round(calc(var(--wa-font-size-3xl) * 1.125 * 1.125), 1px);
--wa-font-size-5xl: round(calc(var(--wa-font-size-4xl) * 1.125 * 1.125), 1px);
--wa-font-size-smaller: round(calc(1em / 1.125), 1px);
--wa-font-size-larger: round(calc(1em * 1.125 * 1.125), 1px);
--wa-font-weight-light: 300;
--wa-font-weight-normal: 400;
--wa-font-weight-semibold: 500;
--wa-font-weight-bold: 600;
--wa-font-weight-body: var(--wa-font-weight-normal);
--wa-font-weight-heading: var(--wa-font-weight-bold);
--wa-font-weight-code: var(--wa-font-weight-normal);
--wa-font-weight-longform: var(--wa-font-weight-normal);
--wa-font-weight-action: var(--wa-font-weight-semibold);
--wa-line-height-condensed: 1.2;
--wa-line-height-normal: 1.6;
--wa-line-height-expanded: 2;
--wa-link-decoration-default: underline;
--wa-link-decoration-hover: underline;
--wa-space-scale: 1;
--wa-space-3xs: calc(var(--wa-space-scale) * 0.125rem);
--wa-space-2xs: calc(var(--wa-space-scale) * 0.25rem);
--wa-space-xs: calc(var(--wa-space-scale) * 0.5rem);
--wa-space-s: calc(var(--wa-space-scale) * 0.75rem);
--wa-space-m: calc(var(--wa-space-scale) * 1rem);
--wa-space-l: calc(var(--wa-space-scale) * 1.5rem);
--wa-space-xl: calc(var(--wa-space-scale) * 2rem);
--wa-space-2xl: calc(var(--wa-space-scale) * 2.5rem);
--wa-space-3xl: calc(var(--wa-space-scale) * 3rem);
--wa-space-4xl: calc(var(--wa-space-scale) * 4rem);
--wa-space-5xl: calc(var(--wa-space-scale) * 5rem);
--wa-content-spacing: var(--wa-space-l);
--wa-border-style: solid;
--wa-border-width-scale: 1;
--wa-border-width-s: calc(var(--wa-border-width-scale) * 0.0625rem);
--wa-border-width-m: calc(var(--wa-border-width-scale) * 0.125rem);
--wa-border-width-l: calc(var(--wa-border-width-scale) * 0.1875rem);
--wa-border-radius-scale: 0.7;
--wa-border-radius-s: calc(var(--wa-border-radius-scale) * 0.1875rem);
--wa-border-radius-m: calc(var(--wa-border-radius-scale) * 0.375rem);
--wa-border-radius-l: calc(var(--wa-border-radius-scale) * 0.75rem);
--wa-border-radius-pill: 9999px;
--wa-border-radius-circle: 50%;
--wa-border-radius-square: 0px;
--wa-focus-ring-style: solid;
--wa-focus-ring-width: 0.1875rem;
--wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
--wa-focus-ring-offset: 0.0625rem;
--wa-shadow-offset-x-scale: 0;
--wa-shadow-offset-x-s: calc(var(--wa-shadow-offset-x-scale) * 0.125rem);
--wa-shadow-offset-x-m: calc(var(--wa-shadow-offset-x-scale) * 0.25rem);
--wa-shadow-offset-x-l: calc(var(--wa-shadow-offset-x-scale) * 0.5rem);
--wa-shadow-offset-y-scale: 0.0625;
--wa-shadow-offset-y-s: calc(var(--wa-shadow-offset-y-scale) * 0.125rem);
--wa-shadow-offset-y-m: calc(var(--wa-shadow-offset-y-scale) * 0.25rem);
--wa-shadow-offset-y-l: calc(var(--wa-shadow-offset-y-scale) * 0.5rem);
--wa-shadow-blur-scale: 1;
--wa-shadow-blur-s: calc(var(--wa-shadow-blur-scale) * 0.125rem);
--wa-shadow-blur-m: calc(var(--wa-shadow-blur-scale) * 0.25rem);
--wa-shadow-blur-l: calc(var(--wa-shadow-blur-scale) * 0.5rem);
--wa-shadow-spread-scale: 0;
--wa-shadow-spread-s: calc(var(--wa-shadow-spread-scale) * 0.125rem);
--wa-shadow-spread-m: calc(var(--wa-shadow-spread-scale) * 0.25rem);
--wa-shadow-spread-l: calc(var(--wa-shadow-spread-scale) * 0.5rem);
--wa-shadow-s: var(--wa-shadow-offset-x-s) var(--wa-shadow-offset-y-s) var(--wa-shadow-blur-s) var(--wa-shadow-spread-s) var(--wa-color-shadow);
--wa-shadow-m: var(--wa-shadow-offset-x-m) var(--wa-shadow-offset-y-m) var(--wa-shadow-blur-m) var(--wa-shadow-spread-m) var(--wa-color-shadow);
--wa-shadow-l: var(--wa-shadow-offset-x-l) var(--wa-shadow-offset-y-l) var(--wa-shadow-blur-l) var(--wa-shadow-spread-l) var(--wa-color-shadow);
--wa-transition-easing: ease;
--wa-transition-slow: 250ms;
--wa-transition-normal: 150ms;
--wa-transition-fast: 50ms;
--wa-form-control-background-color: var(--wa-color-surface-default);
--wa-form-control-border-color: var(--wa-color-neutral-border-normal);
--wa-form-control-border-style: var(--wa-border-style);
--wa-form-control-border-width: var(--wa-border-width-s);
--wa-form-control-border-radius: var(--wa-border-radius-m);
--wa-form-control-activated-color: var(--wa-color-brand-fill-loud);
--wa-form-control-label-color: var(--wa-color-text-normal);
--wa-form-control-label-font-weight: var(--wa-font-weight-semibold);
--wa-form-control-label-line-height: var(--wa-line-height-condensed);
--wa-form-control-value-color: var(--wa-color-text-normal);
--wa-form-control-value-font-weight: var(--wa-font-weight-body);
--wa-form-control-value-line-height: var(--wa-line-height-condensed);
--wa-form-control-hint-color: var(--wa-color-text-quiet);
--wa-form-control-hint-font-weight: var(--wa-font-weight-body);
--wa-form-control-hint-line-height: var(--wa-line-height-normal);
--wa-form-control-placeholder-color: var(--wa-color-gray-50);
--wa-form-control-required-content: "*";
--wa-form-control-required-content-color: inherit;
--wa-form-control-required-content-offset: 0.1em;
--wa-form-control-padding-block: 0.75em;
--wa-form-control-padding-inline: 1em;
--wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)), 1px );
--wa-form-control-toggle-size: round(1.25em, 1px);
--wa-button-transform-hover: none;
--wa-button-transform-active: none;
--wa-panel-border-style: var(--wa-border-style);
--wa-panel-border-width: var(--wa-border-width-s);
--wa-panel-border-radius: var(--wa-border-radius-m);
--wa-tooltip-arrow-size: 0.375rem;
--wa-tooltip-background-color: var(--wa-color-text-normal);
--wa-tooltip-border-color: var(--wa-tooltip-background-color);
--wa-tooltip-border-style: var(--wa-border-style);
--wa-tooltip-border-width: var(--wa-border-width-s);
--wa-tooltip-border-radius: var(--wa-border-radius-s);
--wa-tooltip-content-color: var(--wa-color-surface-default);
--wa-tooltip-font-size: var(--wa-font-size-s);
--wa-tooltip-line-height: var(--wa-line-height-normal);
}
}
@layer wa-theme-overrides {
.wa-theme-shoelace wa-avatar {
background-color: var(--wa-color-neutral-fill-loud);
color: var(--wa-color-neutral-on-loud);
}
.wa-theme-shoelace wa-button::part(label) {
font-size: var(--wa-font-size-s);
}
.wa-theme-shoelace wa-button[size=xs]::part(label),
.wa-theme-shoelace wa-button.wa-size-xs::part(label) {
font-size: var(--wa-font-size-2xs);
}
.wa-theme-shoelace wa-button[size=s]::part(label),
.wa-theme-shoelace wa-button[size=small]::part(label),
.wa-theme-shoelace wa-button.wa-size-s::part(label) {
font-size: var(--wa-font-size-xs);
}
.wa-theme-shoelace wa-button[size=l]::part(label),
.wa-theme-shoelace wa-button[size=large]::part(label),
.wa-theme-shoelace wa-button.wa-size-l::part(label) {
font-size: var(--wa-font-size-m);
}
.wa-theme-shoelace wa-button[size=xl]::part(label),
.wa-theme-shoelace wa-button.wa-size-xl::part(label) {
font-size: var(--wa-font-size-l);
}
.wa-theme-shoelace button,
.wa-theme-shoelace input:is([type=button], [type=reset], [type=submit]),
.wa-theme-shoelace a.wa-button {
--_size: var(--wa-font-size-m);
font-size: var(--wa-font-size-s);
&[size=xs],
&.wa-size-xs {
--_size: var(--wa-font-size-xs);
font-size: var(--wa-font-size-2xs);
}
&[size=s],
&[size=small],
&.wa-size-s {
--_size: var(--wa-font-size-s);
font-size: var(--wa-font-size-xs);
}
&[size=l],
&[size=large],
&.wa-size-l {
--_size: var(--wa-font-size-l);
font-size: var(--wa-font-size-m);
}
&[size=xl],
&.wa-size-xl {
--_size: var(--wa-font-size-xl);
font-size: var(--wa-font-size-l);
}
--wa-form-control-padding-block: calc(0.75 * var(--_size));
--wa-form-control-padding-inline: var(--_size);
--wa-form-control-height: round( calc(2 * var(--wa-form-control-padding-block) + var(--_size) * var(--wa-form-control-value-line-height)), 1px );
}
.wa-theme-shoelace wa-radio[appearance=button] {
font-weight: var(--wa-font-weight-action);
&::part(label) {
font-size: var(--wa-font-size-s);
}
&[size=xs]::part(label),
&.wa-size-xs::part(label) {
font-size: var(--wa-font-size-2xs);
}
&[size=s]::part(label),
&[size=small]::part(label),
&.wa-size-s::part(label) {
font-size: var(--wa-font-size-xs);
}
&[size=l]::part(label),
&[size=large]::part(label),
&.wa-size-l::part(label) {
font-size: var(--wa-font-size-m);
}
&[size=xl]::part(label),
&.wa-size-xl::part(label) {
font-size: var(--wa-font-size-l);
}
&:state(checked) {
background-color: var(--wa-form-control-activated-color);
color: var(--wa-color-brand-on-loud);
}
}
.wa-theme-shoelace wa-radio-group:is([size=xs], .wa-size-xs) wa-radio[appearance=button]::part(label) {
font-size: var(--wa-font-size-2xs);
}
.wa-theme-shoelace wa-radio-group:is([size=s], [size=small], .wa-size-s) wa-radio[appearance=button]::part(label) {
font-size: var(--wa-font-size-xs);
}
.wa-theme-shoelace wa-radio-group:is([size=m], [size=medium], .wa-size-m) wa-radio[appearance=button]::part(label) {
font-size: var(--wa-font-size-s);
}
.wa-theme-shoelace wa-radio-group:is([size=l], [size=large], .wa-size-l) wa-radio[appearance=button]::part(label) {
font-size: var(--wa-font-size-m);
}
.wa-theme-shoelace wa-radio-group:is([size=xl], .wa-size-xl) wa-radio[appearance=button]::part(label) {
font-size: var(--wa-font-size-l);
}
.wa-theme-shoelace wa-breadcrumb {
font-size: var(--wa-font-size-s);
}
.wa-theme-shoelace wa-callout {
padding: var(--wa-space-m);
font-size: var(--wa-font-size-s);
&[size=xs],
&.wa-size-xs {
padding: var(--wa-space-xs);
font-size: var(--wa-font-size-2xs);
}
&[size=s],
&[size=small],
&.wa-size-s {
padding: var(--wa-space-s);
font-size: var(--wa-font-size-xs);
}
&[size=l],
&[size=large],
&.wa-size-l {
padding: var(--wa-space-l);
font-size: var(--wa-font-size-m);
}
&[size=xl],
&.wa-size-xl {
padding: var(--wa-space-xl);
font-size: var(--wa-font-size-l);
}
&[appearance=outlined] {
border-color: var(--wa-color-surface-border);
border-top-color: var(--wa-color-border-loud);
border-top-width: var(--wa-border-width-l);
}
}
.wa-theme-shoelace :is(wa-input, wa-textarea, wa-select, wa-combobox, wa-tag-input, input:not([type=button], [type=checkbox], [type=color], [type=file], [type=hidden], [type=image], [type=radio], [type=range], [type=reset], [type=submit]), textarea, select):not([appearance=filled], .wa-filled) {
--wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-focus);
@supports (color: color-mix(in lab, red, red)) {
--wa-focus-ring: var(--wa-focus-ring-style) var(--wa-focus-ring-width) color-mix(in oklab, var(--wa-color-focus), transparent 50%);
}
--wa-focus-ring-offset: 0;
&:focus-within {
&:where(:not(wa-input, wa-textarea, wa-select, wa-combobox, wa-tag-input)),
&:where(wa-input)::part(base),
&:where(wa-textarea)::part(base),
&:where(wa-select)::part(combobox),
&:where(wa-combobox)::part(combobox),
&:where(wa-tag-input)::part(tag-input) {
border-color: var(--wa-color-brand-border-loud);
}
}
}
.wa-theme-shoelace wa-radio,
.wa-theme-shoelace input[type=radio] {
--checked-icon-color: var(--wa-color-surface-default);
--checked-icon-scale: 0.4;
&:state(checked)::part(control),
&:checked {
background-color: var(--wa-form-control-activated-color);
}
}
.wa-theme-shoelace wa-slider::part(thumb) {
border: none;
}
.wa-theme-shoelace input[type=range]::-webkit-slider-thumb {
border: none;
}
.wa-theme-shoelace input[type=range]::-moz-range-thumb {
border: none;
}
.wa-theme-shoelace wa-switch {
--height: calc(1em * var(--wa-form-control-value-line-height) - var(--wa-form-control-border-width) * 2);
--thumb-size: calc(var(--height) + 0.25em);
--width: calc(var(--height) * 2);
&::part(control) {
background-color: var(--wa-color-gray-60);
border-color: var(--wa-color-gray-60);
}
&::part(thumb) {
background-color: var(--wa-color-surface-default);
border: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-gray-60);
}
&:state(checked) {
&::part(control) {
background-color: var(--wa-form-control-activated-color);
border-color: var(--wa-form-control-activated-color);
}
&::part(thumb) {
border-color: var(--wa-form-control-activated-color);
}
}
}
.wa-theme-shoelace wa-tab {
font-size: var(--wa-font-size-s);
}
}
@layer components {
:root {
--wa-color-brand-95: var(--color-wave-50);
--wa-color-brand-90: var(--color-wave-100);
--wa-color-brand-80: var(--color-wave-200);
--wa-color-brand-70: var(--color-wave-300);
--wa-color-brand-60: var(--color-wave-400);
--wa-color-brand-50: var(--color-wave-500);
--wa-color-brand-40: var(--color-wave-600);
--wa-color-brand-30: var(--color-wave-700);
--wa-color-brand-20: var(--color-wave-800);
--wa-color-brand-10: var(--color-wave-900);
--wa-color-brand-05: var(--color-wave-900);
--wa-color-success-95: var(--color-green-50);
--wa-color-success-90: var(--color-green-100);
--wa-color-success-80: var(--color-green-200);
--wa-color-success-60: var(--color-green-400);
--wa-color-success-40: var(--color-green-600);
--wa-color-success-20: var(--color-green-800);
--wa-color-success-10: var(--color-green-900);
--wa-color-warning-95: var(--color-yellow-50);
--wa-color-warning-90: var(--color-yellow-100);
--wa-color-warning-80: var(--color-yellow-200);
--wa-color-warning-60: var(--color-yellow-400);
--wa-color-warning-40: var(--color-yellow-600);
--wa-color-warning-20: var(--color-yellow-800);
--wa-color-warning-10: var(--color-yellow-900);
--wa-color-danger-95: var(--color-red-50);
--wa-color-danger-90: var(--color-red-100);
--wa-color-danger-80: var(--color-red-200);
--wa-color-danger-60: var(--color-red-400);
--wa-color-danger-40: var(--color-red-600);
--wa-color-danger-30: var(--color-red-700);
--wa-color-danger-20: var(--color-red-800);
--wa-color-danger-10: var(--color-red-900);
--wa-color-neutral-95: var(--color-coolGray-50);
--wa-color-neutral-90: var(--color-coolGray-100);
--wa-color-neutral-80: var(--color-coolGray-200);
--wa-color-neutral-60: var(--color-coolGray-400);
--wa-color-neutral-50: var(--color-coolGray-500);
--wa-color-neutral-40: var(--color-coolGray-600);
--wa-color-neutral-20: var(--color-coolGray-800);
--wa-color-neutral-10: var(--color-coolGray-900);
--wa-font-family-body: inherit;
--wa-color-focus: var(--wa-color-brand-40);
--wa-focus-ring-style: solid;
--wa-focus-ring-width: 1px;
}
.wa-button--sort::part(button) {
height: 38px;
justify-content: flex-start;
overflow-y: auto;
border-radius: var(--radius-sm);
border-color: var(--color-gray-400);
background-color: var(--color-white);
text-align: left;
&:hover {
border-color: var(--color-gray-400);
}
&:hover {
background-color: var(--color-white);
}
&:where(.dark, .dark *) {
background-color: var(--color-coolGray-900);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-100);
}
}
.wa-button--sort::part(button):focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.wa-button--sort::part(start),
.wa-button--sort::part(label) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
.wa-button--sort::part(label) {
width: 100%;
overflow-y: auto;
padding-left: 4px;
--tw-leading: var(--leading-9\.5);
line-height: var(--leading-9\.5);
}
.wa-button--sort:focus-within::part(caret) {
color: var(--color-blue-600);
}
.wa-button--sort::part(caret) {
margin-left: auto;
width: 32px;
padding-left: 4px;
}
.wa-card {
--wa-panel-border-radius: var(--radius-lg);
--wa-color-surface-border: var(--color-gray-300);
--overflow: hidden;
& {
padding: calc(var(--cf-tw-spacing) * 6);
overflow: var(--overflow);
}
&::part(header) {
--wa-panel-border-width: 0;
padding: 0;
}
&::part(body) {
padding: 0;
}
&::part(footer) {
--wa-panel-border-width: 0;
padding: 0;
min-height: var(--footer-min-height, 0);
display: flex;
flex: 1;
}
}
.wa-card--withBorderedHeader::part(header) {
--wa-panel-border-width: 1px;
}
.wa-card--noPadding {
padding: 0;
}
.wa-card--noPadding::part(footer) {
padding: 0;
}
.wa-card--fullBleed {
--wa-panel-border-radius: 0;
& {
border-left-width: 0;
border-right-width: 0;
}
}
.wa-details--plain::part(details) {
--tw-border-style: none;
border-style: none;
}
.wa-details--plain::part(header) {
padding: 0;
}
.wa-details--plain::part(content) {
--tw-border-style: none;
border-style: none;
padding: 0;
}
.wa-details--note::part(details) {
background: transparent;
border: none;
border-radius: 0;
}
.wa-details--note::part(header) {
padding: 0;
}
.wa-details--note::part(content) {
padding: 0;
border: none;
}
.wa-details--dashboardHeader {
--header-padding: calc(var(--cf-tw-spacing) * 6);
--header-bg-color: var(--color-coolGray-150);
--base-border-radius: var(--radius-lg);
&::part(details) {
border-radius: var(--base-border-radius);
overflow: hidden;
}
&::part(header) {
background-color: var(--header-bg-color);
padding: var(--header-padding);
align-items: flex-start;
&:focus-visible {
outline-offset: calc(-8px + var(--wa-focus-ring-offset));
}
}
&::part(content) {
padding: 0;
border: none;
}
&[open] {
&::part(icon) {
rotate: 180deg;
}
}
}
.wa-details--actionGroup {
--header-padding: calc(var(--cf-tw-spacing) * 3) calc(var(--cf-tw-spacing) * 6);
&::part(details) {
border-radius: 0;
border: none;
}
&::part(header) {
background-color: var(--color-coolGray-150);
padding: var(--header-padding);
border-bottom: 1px solid var(--color-coolGray-200);
&:focus-visible {
outline-offset: calc(-8px + var(--wa-focus-ring-offset));
}
}
&:last-child {
&::part(header) {
border-bottom: none;
}
}
&[open] {
&::part(icon) {
rotate: 180deg;
}
}
&::part(content) {
padding: calc(var(--cf-tw-spacing) * 6);
border: none;
}
}
.wa-details--actionStep::part(details) {
border-radius: 0;
border: none;
}
.wa-details--actionStep::part(header) {
padding: 0;
&:focus-visible {
outline-offset: calc(-8px + var(--wa-focus-ring-offset));
}
}
.wa-details--actionStep::part(icon) {
display: none;
}
.wa-details--actionStep::part(content) {
padding: calc(var(--cf-tw-spacing) * 9);
background-color: var(--color-coolGray-100);
border-radius: var(--radius-lg);
}
.wa-details--actionStep[open] [slot=summary] {
display: none;
}
.wa-details--actionStep[open]::part(header):focus-visible {
outline: 0;
}
.wa-details--actionGroup:last-child .wa-details--actionStep:last-child::part(content) {
border-bottom: none;
}
.wa-dialog {
&::part(body) {
padding: var(--body-spacing, var(--spacing));
}
&::part(header) {
padding: var(--header-spacing, var(--spacing));
}
--wa-color-overlay-modal: rgb(31 41 55 / 75%);
--backdrop-filter: blur(4px);
--width: 100vw;
--body-spacing: 0;
--header-spacing: 1.25rem;
&::part(body) {
flex: auto;
overflow-x: hidden;
overflow-y: auto;
}
&::part(dialog)::backdrop {
background-color: var(--wa-color-overlay-modal);
backdrop-filter: var(--backdrop-filter);
}
&::part(header) {
border-top-style: var(--tw-border-style);
border-top-width: 0px;
border-right-style: var(--tw-border-style);
border-right-width: 0px;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-left-style: var(--tw-border-style);
border-left-width: 0px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-coolGray-150);
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&::part(close-button) {
color: var(--color-coolGray-600);
--wa-form-control-height: 1.5rem;
}
&::part(footer) {
padding: 0;
}
&::part(title) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-coolGray-900);
}
&::part(dialog) {
height: 100%;
height: 100%;
max-height: 100%;
max-height: 100%;
width: 100%;
width: 100%;
max-width: 100%;
max-width: 100%;
overflow: hidden;
border-radius: 0;
@media (width >= 768px) {
height: fit-content;
}
@media (width >= 768px) {
max-width: var(--container-2xl);
}
@media (width >= 768px) {
border-radius: var(--radius-lg);
}
}
}
.wa-dialog--bg-gray::part(body) {
background-color: var(--color-gray-50);
}
.wa-dialog--no-scroll::part(body) {
overflow-x: hidden;
overflow-y: hidden;
}
@media (width >= 768px) {
.wa-dialog--alignTop::part(dialog) {
margin-top: 48px;
}
}
.wa-dialog--contentOverflowVisible::part(body) {
overflow: visible;
}
.wa-dialog--contentOverflowVisible::part(dialog) {
overflow: visible;
}
.wa-dialog--globalSearch::part(dialog) {
margin-top: 0;
@media (width >= 640px) {
margin-top: 64px;
}
}
.wa-dialog--confirm::part(dialog) {
height: fit-content;
max-width: 90%;
border-radius: var(--radius-md);
}
@media all and (max-height: 720px) {
.wa-dialog--theme-install-dialog #theme_installation_body {
margin-bottom: 24px;
justify-content: flex-start;
&:has(.after-install) {
margin-bottom: 0;
justify-content: center;
}
}
}
.wa-dialog--no-close-btn::part(close-button) {
display: none;
}
.wa-dialog--almost-full-screen::part(dialog) {
height: 100%;
width: 100%;
@media all and (min-width: 768px) {
max-width: 92vw;
max-height: 92vh;
}
}
.wa-dialog--max-h-92vh::part(dialog) {
height: fit-content;
@media all and (min-width: 768px) {
max-height: 92vh;
}
}
.wa-dialog--full-screen::part(dialog) {
height: 100%;
max-width: 100%;
border-radius: 0;
}
@media (width >= 768px) {
.wa-dialog--w-full::part(dialog) {
max-width: 90%;
}
.wa-dialog--small::part(dialog) {
max-width: var(--container-sm);
}
.wa-dialog--medium::part(dialog) {
max-width: var(--container-md);
}
.wa-dialog--large::part(dialog) {
max-width: var(--container-lg);
}
.wa-dialog--xlarge::part(dialog) {
max-width: var(--container-xl);
}
.wa-dialog--2xlarge::part(dialog) {
max-width: var(--container-2xl);
}
.wa-dialog--3xlarge::part(dialog) {
max-width: 50rem;
}
.wa-dialog--4xlarge::part(dialog) {
max-width: var(--container-4xl);
}
.wa-dialog--6xlarge::part(dialog) {
max-width: var(--container-6xl);
}
}
.wa-dialog--send-email-template-chooser::part(dialog) {
height: 90%;
max-width: 80%;
}
.wa-dialog--h-full::part(dialog) {
height: 100%;
max-height: 100%;
@media (width >= 768px) {
max-height: 80%;
}
}
.wa-dialog--h-fit::part(dialog) {
height: fit-content;
min-height: 20%;
}
.wa-dialog--lightbox {
--overlay-opacity: 0.90;
--wa-color-overlay-modal: rgb(31 41 55 / var(--overlay-opacity));
--width: 100%;
--height: 100%;
--max-width: 80vw;
--max-height: 80vh;
--panel-bg-color: transparent;
--panel-border-radius: 0;
--body-overflow-y: hidden;
&::part(dialog)::backdrop {
background-color: var(--wa-color-overlay-modal);
}
&::part(dialog) {
width: var(--width);
height: var(--height);
max-width: var(--max-width);
max-height: var(--max-height);
background-color: var(--panel-bg-color);
border-radius: var(--panel-border-radius);
}
&::part(body) {
overflow-y: var(--body-overflow-y);
}
}
wa-divider,
.wa-divider {
--color: var(--color-gray-150);
&[vertical] {
border-left: solid var(--width) var(--color);
}
&:not([vertical]) {
border-top: solid var(--width) var(--color);
}
}
.wa-drawer {
&::part(body) {
padding: var(--body-spacing, var(--spacing));
}
&::part(header) {
padding: var(--header-spacing, var(--spacing));
}
--wa-color-overlay-modal: rgb(31 41 55 / 75%);
--backdrop-filter: blur(4px);
--size: 100vw;
--body-spacing: 0;
--header-spacing: 1.25rem;
&::part(dialog) {
overflow: hidden;
}
@media screen and (min-width: 640px) {
--size: 448px;
}
&::part(dialog)::backdrop {
background-color: var(--wa-color-overlay-modal);
backdrop-filter: var(--backdrop-filter);
}
&::part(header) {
z-index: 10;
--tw-shadow: 0px 0.5px 4px 1px var(--tw-shadow-color, rgba(0, 0, 0, 0.11));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&::part(close-button) {
color: var(--color-coolGray-600);
--wa-form-control-height: 1.5rem;
}
&::part(title) {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-coolGray-900);
}
}
@media screen and (min-width: 1040px) {
.wa-drawer--x-large {
--size: 1020px;
}
}
@media screen and (min-width: 640px) {
.wa-drawer--large {
--size: 620px;
}
.wa-drawer--half {
--size: 50%;
}
}
.wa-dropdown {
display: inline-block;
font-size: inherit;
&::part(menu) {
overflow: hidden;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-coolGray-200);
background-color: var(--color-white);
padding: 0;
--tw-font-weight: var(--font-weight-normal);
font-weight: var(--font-weight-normal);
}
&#user_context_menu {
&[open] {
button[slot=trigger] {
border-color: var(--color-blue-600);
background-color: var(--color-coolGray-150);
}
}
&::part(menu) {
box-shadow: 0px -2px 13px 0px rgba(34, 38, 40, 0.20);
}
}
&#user_context_menu.wa-dropdown--evalution {
&[open] {
button[slot=trigger] {
background-color: var(--color-midnightOil-800);
border-color: var(--color-midnightOil-950);
}
}
}
}
.wa-dropdown--gallery-item {
display: block !important;
position: absolute !important;
top: 0.5rem !important;
right: 0.5rem !important;
wa-dropdown[open] > & {
opacity: 1 !important;
}
}
.wa-dropdown--w-80::part(menu) {
width: 320px;
}
.wa-dropdown--rounded::part(menu) {
border-radius: var(--radius-2xl);
}
.wa-dropdown--no-panel-shadow::part(menu) {
box-shadow: none;
}
.wa-dropdown--evalution::part(menu) {
background-color: var(--color-midnightOil-800);
border-color: var(--color-midnightOil-950);
}
.wa-dropdown--max-h-100::part(menu) {
max-height: 400px;
overflow-y: auto;
}
.wa-dropdown--max-w-full::part(menu) {
width: calc(100vw - 48px);
}
.wa-dropdown--changelog::part(menu) {
width: 350px;
}
.wa-dropdown--withBadges {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: transparent;
&:hover {
border-color: var(--color-gray-400);
}
&[open] {
border-color: var(--color-blue-600);
background-color: var(--color-blue-50);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
& > [slot=trigger] {
display: flex;
cursor: pointer;
align-items: center;
padding: 8px;
white-space: nowrap;
}
}
.wa-menu {
background-color: var(--color-white);
padding-block: 0;
}
.wa-menu--max-h-100 {
overflow-y: auto;
--auto-size-available-height: 400px;
}
.wa-dropdown-item {
padding-block: 8px;
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.wa-dropdown-item:hover,
.wa-dropdown-item.active {
background-color: var(--color-blue-50);
color: var(--color-black);
}
.wa-dropdown-item::part(label) {
text-align: left;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-gray-900);
}
.wa-dropdown-item--noCheckedIcon::part(checkmark) {
display: none;
}
.wa-dropdown-item--noCheckedIcon {
padding-inline: 16px;
}
.wa-dropdown-item--withConfirmPrompt:has(a) {
padding: 0;
}
.wa-dropdown-item--withConfirmPrompt.wa-dropdown-item--noCheckedIcon::part(submenu-icon) {
display: none;
}
.wa-dropdown-item--withConfirmPrompt.wa-dropdown-item--noCheckedIcon a {
padding-inline: 16px;
}
.wa-dropdown-item--withConfirmPrompt a {
display: block;
padding-inline: 4px;
padding-block: 8px;
}
.wa-dropdown-item--withConfirmPrompt:focus-visible a {
color: var(--color-white);
}
.wa-dropdown-item--danger::part(label) {
color: var(--color-red-700);
}
.wa-dropdown-item--danger a {
color: var(--color-red-700);
}
.wa-dropdown-item--bold::part(label) {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.wa-menu-heading {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
color: var(--color-coolGray-600);
}
.wa-popup--editor-nav::part(popup) {
left: 248px;
z-index: 100;
width: 240px;
}
.wa-popup--dropdown::part(popup) {
z-index: 100;
overflow: hidden;
border-radius: var(--radius-md);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-coolGray-200);
--tw-shadow: 0px 1px 28px var(--tw-shadow-color, rgba(34, 38, 40, 0.08));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
.wa-popup--userContextMenuItem[active] [slot=anchor] {
background-color: var(--color-gray-100);
color: var(--color-blue-600);
i {
opacity: 100%;
}
}
.wa-popup--userContextMenuItem::part(popup) {
z-index: 100;
overflow: hidden;
border-radius: var(--radius-md);
box-shadow: 0px -2px 13px 0px rgba(34, 38, 40, 0.20);
}
.wa-popup--userContextMenuItem.wa-popup--evalution[active] [slot=anchor] {
background-color: var(--color-midnightOil-900);
color: var(--color-midnightOil-100);
}
.wa-select--ghost {
--border-width: 1px;
--border-style: dashed;
--border-color: var(--color-coolGray-400);
--padding: 8px 12px;
--font-size: 16px;
--text-color: var(--color-coolGray-600);
--font-weight: 600;
--line-height: 20px;
--text-decoration: underline;
--field-sizing: fixed;
&::part(combobox) {
background-color: transparent;
border-width: var(--border-width);
border-style: var(--border-style);
border-color: var(--border-color);
padding: var(--padding);
min-height: 0;
font-size: var(--font-size);
font-weight: var(--font-weight);
line-height: var(--line-height);
text-decoration: var(--text-decoration);
}
&::part(display-input) {
field-sizing: var(--field-sizing);
color: var(--text-color);
}
&::part(listbox) {
position: absolute;
padding-block: 0;
}
}
.wa-select--ghost .wa-option {
--font-size: 14px;
--line-height: 20px;
&::part(label) {
font-size: var(--font-size);
line-height: var(--line-height);
}
&:state(selected) {
background-color: var(--color-blue-600);
}
}
.wa-spinner--medium {
--track-width: 8px;
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.wa-spinner--thin {
--track-width: 4px;
}
.wa-spinner--notrack {
--track-color: transparent;
}
.wa-split-panel {
--divider-width: 1px;
&::part(divider) {
background-color: var(--color-coolGray-150);
&:hover,
&:focus-visible {
background-color: var(--color-midnightOil-500);
}
}
}
.wa-switch::part(switch) {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
}
.wa-switch::part(thumb) {
border-style: var(--tw-border-style);
border-width: 2px;
}
.wa-switch {
--height: 24px;
--thumb-size: 24px;
--width: 44px;
}
.wa-switch::part(label) {
margin-left: 0;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-gray-700);
&:hover {
color: var(--color-gray-900);
}
}
.wa-switch:focus::part(control) {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-blue-600);
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
}
.wa-switch.icons::part(thumb) {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
text-align: center;
line-height: 20px;
font-size: 12px;
&::before {
content: "\f00d";
}
}
.wa-switch.icons:state(checked)::part(thumb)::before {
content: "\f00c";
}
.wa-switch[size=small] {
--height: var(--wa-form-control-toggle-size);
--width: calc(var(--height) * 2);
--thumb-size: calc(var(--wa-form-control-toggle-size) + 4px) ;
}
.wa-switch[size=small]::part(thumb) {
font-size: 10px;
line-height: 14px;
}
.wa-switch[size=large] {
--height: 32px;
--width: 60px;
--thumb-size: 32px;
}
.wa-switch[size=large]::part(thumb) {
font-size: 18px;
line-height: 30px;
}
.wa-switch--hiddenLabel::part(label) {
display: none;
}
:is(.wa-tab-group:not([placement]), .wa-tab-group[placement=top]) > wa-tab[active] {
border-block-end: var(--track-width, 2px) solid var(--indicator-color);
margin-block-end: calc(-1 * var(--track-width, 2px));
}
.wa-tab-group::part(body) {
overflow: visible;
}
.wa-tab-group--inline::part(tabs) {
max-width: fit-content;
}
.wa-tab-group--full .wa-tab {
width: 100%;
&::part(tab) {
width: 100%;
width: 100%;
}
}
.wa-tab-group--centered .wa-tab::part(tab) {
justify-content: center;
}
.wa-tab::part(tab) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
opacity: 50%;
&:hover {
opacity: 100%;
}
}
.wa-tab[active]::part(tab) {
opacity: 100%;
}
.wa-tooltip::part(body) {
overflow-wrap: break-word;
}
.uppy-Dashboard-Item-previewInnerWrap,
.uppy-Dashboard-Item-previewIcon,
.uppy-Dashboard-Item-progress,
.uppy-Dashboard-progressindicators,
.uppy-DashboardContent-bar {
z-index: 10;
}
.btn-toggle input[type=radio]:checked + button,
button.button-color {
background-image: none;
&:focus {
border-color: var(--color-white) !important;
}
}
.iti__country-list {
z-index: 20;
}
#cronofy-availability-rules {
--calendar-time-offset: 64px;
& .cf2 {
margin-bottom: 0;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
& .cf2__calendars {
& .cf2__calendars__selector,
& .cf2__calendars__add-button {
border-color: var(--color-gray-400);
}
& .cf2__calendars__calendar {
background-color: var(--color-blue-600);
}
}
& .cf2__grid {
& .cf2__grid-border {
border-color: var(--color-gray-500);
}
& .cf2__slot .cf2__slot-button {
&:hover {
background-color: color-mix(in srgb, rgb(var(--eva-color-coolGray-600, 86 105 123) / 1) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-gray-600) 20%, transparent);
}
}
}
}
& .cf2__footer {
flex-wrap: wrap;
gap: 16px 0;
& .cf2__footer-spacer {
order: 1;
flex: 0 0 var(--calendar-time-offset);
}
& .cf2__legend {
order: 3;
flex: 0 0 calc(50% - var(--calendar-time-offset));
& .cf2__example {
border-color: var(--color-gray-400);
}
}
& .cf2__timezone {
order: 3;
white-space: nowrap;
flex: 0 0 50%;
& .cf2__timezone-selector--button {
padding-inline: 8px;
&:hover {
border-color: var(--color-black);
}
&:hover {
background-color: var(--color-white);
}
&:hover {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
border-color: var(--color-black);
}
&:focus {
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus-visible {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
&:active {
background-color: var(--color-white);
}
& svg {
margin-left: 8px;
}
}
& .cf2__timezone-selector .cf2__timezone-selector--listbox-wrapper {
top: auto;
right: 0;
bottom: 44px;
width: 260px;
overflow: hidden;
border-radius: var(--radius-xs);
border-top-style: var(--tw-border-style);
border-top-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
border-top-color: var(--color-gray-400);
padding: 0;
}
& .cf2__timezone-selector .cf2__timezone-selector--option {
&:hover {
background-color: var(--color-blue-500);
}
&:hover {
color: var(--color-white);
}
}
& .cf2__timezone-selector .cf2__timezone-selector--selected,
& .cf2__timezone-selector .cf2__timezone-selector--active,
& .cf2__timezone-selector .cf2__timezone-selector--focus {
border-style: var(--tw-border-style);
border-width: 0px;
background-color: var(--color-blue-600);
color: var(--color-white);
--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);
&:hover {
background-color: var(--color-blue-600);
}
}
}
& .cf2__confirmation {
order: calc(1 * -1);
margin-left: 64px;
display: flex;
justify-content: space-between;
border-color: var(--color-green-500);
flex: 0 0 calc(100% - var(--calendar-time-offset));
& button {
height: 16px;
max-width: 16px;
}
}
& .cf2__submit {
order: 4;
margin-left: auto;
border-radius: var(--radius-sm);
flex: 0 0 20%;
}
}
}
}
:where(#cronofy-date-time-picker #confirm-slot-details > :not(:last-child)) {
--tw-space-y-reverse: 0;
margin-block-start: calc(12px * var(--tw-space-y-reverse));
margin-block-end: calc(12px * calc(1 - var(--tw-space-y-reverse)));
}
}
@layer vendor {
.ts-control {
border: 1px solid #d0d0d0;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
overflow: hidden;
padding: 8px;
position: relative;
width: 100%;
z-index: 1;
}
.ts-wrapper.multi.has-items .ts-control {
padding: 5px 8px 2px;
}
.full .ts-control {
background-color: #fff;
}
.disabled .ts-control,
.disabled .ts-control * {
cursor: default !important;
}
.focus .ts-control {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .15);
}
.ts-control > * {
display: inline-block;
vertical-align: baseline;
}
.ts-wrapper.multi .ts-control > div {
background: #1da7ee;
border: 1px solid #0073bb;
color: #fff;
cursor: pointer;
margin: 0 3px 3px 0;
padding: 2px 6px;
}
.ts-wrapper.multi .ts-control > div.active {
background: #92c836;
border: 1px solid #00578d;
color: #fff;
}
.ts-wrapper.multi.disabled .ts-control > div,
.ts-wrapper.multi.disabled .ts-control > div.active {
background: #d2d2d2;
border: 1px solid #aaa;
color: #fff;
}
.ts-control > input {
background: none !important;
border: 0 !important;
box-shadow: none !important;
display: inline-block !important;
flex: 1 1 auto;
line-height: inherit !important;
margin: 0 !important;
max-height: none !important;
max-width: 100% !important;
min-height: 0 !important;
min-width: 7rem;
padding: 0 !important;
text-indent: 0 !important;
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}
.ts-control > input::-ms-clear {
display: none;
}
.ts-control > input:focus {
outline: none !important;
}
.has-items .ts-control > input {
margin: 0 4px !important;
}
.ts-control.rtl {
text-align: right;
}
.ts-control.rtl.single .ts-control:after {
left: 15px;
right: auto;
}
.ts-control.rtl .ts-control > input {
margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
background-color: #fafafa;
opacity: .5;
}
.input-hidden .ts-control > input {
left: -10000px;
opacity: 0;
position: absolute;
}
.ts-dropdown {
background: #fff;
border: 1px solid #d0d0d0;
border-radius: 0 0 3px 3px;
border-top: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-sizing: border-box;
left: 0;
margin: .25rem 0 0;
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
}
.ts-dropdown [data-selectable] {
cursor: pointer;
overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
background: rgba(125, 168, 208, .2);
border-radius: 1px;
}
.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
padding: 5px 8px;
}
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
cursor: inherit;
opacity: .5;
}
.ts-dropdown [data-selectable].option {
cursor: pointer;
opacity: 1;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
border-top: 0;
}
.ts-dropdown .optgroup-header {
background: #fff;
color: #303030;
cursor: default;
}
.ts-dropdown .active {
background-color: #f5fafd;
color: #495c68;
}
.ts-dropdown .active.create {
color: #495c68;
}
.ts-dropdown .create {
color: rgba(48, 48, 48, .5);
}
.ts-dropdown .spinner {
display: inline-block;
height: 30px;
margin: 5px 8px;
width: 30px;
}
.ts-dropdown .spinner:after {
animation: lds-dual-ring 1.2s linear infinite;
border-color: #d0d0d0 transparent;
border-radius: 50%;
border-style: solid;
border-width: 5px;
content: " ";
display: block;
height: 24px;
margin: 3px;
width: 24px;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.ts-dropdown-content {
max-height: 200px;
overflow: hidden auto;
scroll-behavior: smooth;
}
.ts-wrapper.plugin-drag_drop .ts-dragging {
color: transparent !important;
}
.ts-wrapper.plugin-drag_drop .ts-dragging > * {
visibility: hidden !important;
}
.plugin-checkbox_options:not(.rtl) .option input {
margin-right: .5rem;
}
.plugin-checkbox_options.rtl .option input {
margin-left: .5rem;
}
.plugin-clear_button {
--ts-pr-clear-button: 1em;
}
.plugin-clear_button .clear-button {
background: transparent !important;
cursor: pointer;
margin-right: 0 !important;
opacity: 0;
position: absolute;
right: 2px;
top: 50%;
transform: translateY(-50%);
transition: opacity .5s;
}
.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
right: max(var(--ts-pr-caret), 8px);
}
.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
opacity: 1;
}
.ts-wrapper .dropdown-header {
background: color-mix(#fff, #d0d0d0, 85%);
border-bottom: 1px solid #d0d0d0;
border-radius: 3px 3px 0 0;
padding: 10px 8px;
position: relative;
}
.ts-wrapper .dropdown-header-close {
color: #303030;
font-size: 20px !important;
line-height: 20px;
margin-top: -12px;
opacity: .4;
position: absolute;
right: 8px;
top: 50%;
}
.ts-wrapper .dropdown-header-close:hover {
color: #000;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
border: 1px solid #d0d0d0;
box-shadow: none;
}
.plugin-dropdown_input .dropdown-input {
background: transparent;
border: solid #d0d0d0;
border-width: 0 0 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
display: block;
padding: 8px;
width: 100%;
}
.plugin-dropdown_input .items-placeholder {
border: 0 !important;
box-shadow: none !important;
width: 100%;
}
.plugin-dropdown_input.dropdown-active .items-placeholder,
.plugin-dropdown_input.has-items .items-placeholder {
display: none !important;
}
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
flex: none;
min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
border-right: 1px solid #f2f2f2;
border-top: 0;
flex-basis: 0;
flex-grow: 1;
min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
border-right: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
border-top: 0;
}
.ts-wrapper.plugin-remove_button .item {
align-items: center;
display: inline-flex;
}
.ts-wrapper.plugin-remove_button .item .remove {
border-radius: 0 2px 2px 0;
box-sizing: border-box;
color: inherit;
display: inline-block;
padding: 0 6px;
text-decoration: none;
vertical-align: middle;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
background: rgba(0, 0, 0, .05);
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
background: none;
}
.ts-wrapper.plugin-remove_button .remove-single {
font-size: 23px;
position: absolute;
right: 0;
top: 0;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item {
padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left: 1px solid #0073bb;
margin-left: 6px;
}
.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
border-left-color: #00578d;
}
.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
border-left-color: #aaa;
}
.ts-wrapper.plugin-remove_button.rtl .item {
padding-left: 0 !important;
}
.ts-wrapper.plugin-remove_button.rtl .item .remove {
border-right: 1px solid #0073bb;
margin-right: 6px;
}
.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
border-right-color: #00578d;
}
.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
border-right-color: #aaa;
}
:root {
--ts-pr-clear-button: 0;
--ts-pr-caret: 0;
--ts-pr-min: .75rem;
}
.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
cursor: pointer;
}
.ts-control:not(.rtl) {
padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-control.rtl {
padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;
}
.ts-wrapper {
position: relative;
}
.ts-control,
.ts-control input,
.ts-dropdown {
color: #303030;
font-family: inherit;
font-size: 13px;
line-height: 18px;
}
.ts-control,
.ts-wrapper.single.input-active .ts-control {
background: #fff;
cursor: text;
}
.ts-hidden-accessible {
clip: rect(0 0 0 0) !important;
border: 0 !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.ts-wrapper.single .ts-control {
--ts-pr-caret: 2rem;
}
.ts-wrapper.single .ts-control:after {
border-color: grey transparent transparent;
border-style: solid;
border-width: 5px 5px 0;
content: " ";
display: block;
height: 0;
margin-top: -3px;
position: absolute;
top: 50%;
width: 0;
}
.ts-wrapper.single .ts-control:not(.rtl):after {
right: 15px;
}
.ts-wrapper.single .ts-control.rtl:after {
left: 15px;
}
.ts-wrapper.single.dropdown-active .ts-control:after {
border-color: transparent transparent grey;
border-width: 0 5px 5px;
margin-top: -4px;
}
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active .ts-control input {
cursor: text;
}
.ts-wrapper {
display: flex;
min-height: 36px;
}
.ts-wrapper.multi.has-items .ts-control {
--ts-pr-min: $padding-x;
padding-left: 5px;
}
.ts-wrapper.multi .ts-control [data-value] {
background-color: color-mix(#1da7ee, #178ee9, 60%);
background-image:
linear-gradient(
180deg,
#1da7ee,
#178ee9);
background-repeat: repeat-x;
border-radius: 3px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px hsla(0, 0%, 100%, .03);
text-shadow: 0 1px 0 rgba(0, 51, 83, .3);
}
.ts-wrapper.multi .ts-control [data-value].active {
background-color: color-mix(#008fd8, #0075cf, 60%);
background-image:
linear-gradient(
180deg,
#008fd8,
#0075cf);
background-repeat: repeat-x;
}
.ts-wrapper.multi.disabled .ts-control [data-value] {
background: none;
box-shadow: none;
color: #999;
text-shadow: none;
}
.ts-wrapper.multi.disabled .ts-control [data-value],
.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
border-color: #e6e6e6;
}
.ts-wrapper.multi.disabled .ts-control [data-value] .remove {
background: none;
}
.ts-wrapper.single .ts-control {
background-color: color-mix(#fefefe, #f2f2f2, 60%);
background-image:
linear-gradient(
180deg,
#fefefe,
#f2f2f2);
background-repeat: repeat-x;
box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 hsla(0, 0%, 100%, .8);
}
.ts-dropdown.single,
.ts-wrapper.single .ts-control {
border-color: #b8b8b8;
}
.dropdown-active .ts-control {
border-radius: 3px 3px 0 0;
}
.ts-dropdown .optgroup-header {
font-size: .85em;
font-weight: 700;
padding-top: 7px;
}
.ts-dropdown .optgroup {
border-top: 1px solid #f0f0f0;
}
.ts-dropdown .optgroup:first-child {
border-top: 0;
}
}
@layer components {
[data-controller=fields--tom-select] .ts-wrapper {
border-radius: var(--radius-sm);
padding: 0;
& .ts-control {
width: 100%;
width: 100%;
border-radius: var(--radius-sm);
border-color: var(--color-gray-400);
background-image: none;
padding-inline: 12px;
padding-block: 8px;
--tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, 0.05));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
transition-property:
color,
background-color,
border-color,
outline-color,
text-decoration-color,
fill,
stroke,
--tw-gradient-from,
--tw-gradient-via,
--tw-gradient-to,
opacity,
box-shadow,
transform,
translate,
scale,
rotate,
filter,
-webkit-backdrop-filter,
backdrop-filter,
display,
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));
--tw-ease: var(--ease-in-out);
transition-timing-function: var(--ease-in-out);
&:where(.dark, .dark *) {
border-color: var(--color-gray-800);
}
&:where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-200);
}
& input {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-leading: var(--leading-5);
line-height: var(--leading-5);
&::placeholder {
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
}
}
&::placeholder {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:where(.dark, .dark *) {
&::placeholder {
color: var(--color-coolGray-200);
}
}
}
}
}
[data-controller=fields--tom-select] .ts-wrapper.focus .ts-control {
border-color: transparent;
}
[data-controller=fields--tom-select] .ts-wrapper.single .ts-control::after {
content: "\f107";
font-family: "Font Awesome 6 Pro";
margin-top: -10px;
right: 24px;
--tw-border-style: none;
border-style: none;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: var(--color-gray-800);
}
[data-controller=fields--tom-select] .ts-wrapper.single.dropdown-active .ts-control::after {
content: "\f106";
}
[data-controller=fields--tom-select] .ts-wrapper.single.dropdown-active .ts-control .item {
display: none;
}
[data-controller=fields--tom-select] .ts-dropdown {
overflow: hidden;
border-radius: 7px;
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
background-color: var(--color-white);
--tw-shadow: 0px 2px 6px var(--tw-shadow-color, rgba(26, 41, 63, 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);
&:where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
}
[data-controller=fields--tom-select] .item {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
[data-controller=fields--tom-select] .option,
[data-controller=fields--tom-select] .create,
[data-controller=fields--tom-select] .no-results {
padding-inline: 12px;
padding-block: 8px;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
color: color-mix(in srgb, rgb(var(--eva-color-coolGray-900, 21 29 40) / 1) 85%, transparent);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-gray-900) 85%, transparent);
}
&:where(.dark, .dark *) {
color: var(--color-coolGray-400);
}
}
[data-controller=fields--tom-select] .option.active,
[data-controller=fields--tom-select] .create.active {
background-color: var(--color-blue-50);
color: var(--color-gray-900);
}
[data-controller=fields--tom-select] .option.selected {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
[data-controller=fields--tom-select] .ts-wrapper.disabled .ts-control {
background-color: var(--color-gray-50);
color: var(--color-gray-500);
opacity: 100%;
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-ring-color: var(--color-gray-200);
&:where(.dark, .dark *) {
background-color: var(--color-gray-800);
}
&:where(.dark, .dark *) {
--tw-ring-color: var(--color-gray-800);
}
& .item {
background-color: var(--color-gray-150);
&:where(.dark, .dark *) {
background-color: var(--color-gray-800);
}
}
& * {
cursor: not-allowed !important;
}
}
[data-controller=fields--tom-select] .ts-wrapper.multi .ts-control .item {
border-radius: var(--radius-sm);
--tw-border-style: none;
border-style: none;
background-color: var(--color-gray-150);
padding-block: 2px;
padding-right: 10px;
padding-left: 4px;
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-gray-900);
}
[data-controller=fields--tom-select] .ts-wrapper.multi .ts-control [data-value] {
text-shadow: none;
background-image: none;
background-repeat: no-repeat;
--tw-shadow: 0 0 #0000;
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
--tw-drop-shadow: ;
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,);
}
[data-controller=fields--tom-select] .ts-wrapper.multi.plugin-remove_button:not(.rtl) .item .remove {
--tw-border-style: none;
border-style: none;
}
[data-controller=fields--tom-select] .ts-wrapper.plugin-clear_button .clear-button {
--tw-border-style: none;
border-style: none;
color: var(--color-gray-600);
}
[data-controller=fields--tom-select] .ts-wrapper.plugin-checkbox_options .option {
display: flex;
align-items: center;
gap: 8px;
}
:is([data-controller=fields--tom-select] .ts-control, [data-controller=fields--tom-select] .ts-wrapper.single.input-active .ts-control):where(.dark, .dark *) {
background-color: var(--color-gray-900);
}
.dark [data-controller=fields--tom-select] .ts-wrapper.single .ts-control::after {
color: var(--color-coolGray-200);
}
.tippy-content {
overflow-wrap: break-word;
}
.refine-clause-select,
.refine-condition-select,
.refine-option-condition-select {
width: 100% !important;
right: 0;
left: 0;
}
.refine-numeric-condition-second-container {
margin-top: 0;
}
.refine-criterion-container {
align-items: center;
& .refine-criterion-error {
position: absolute;
top: -3px;
left: 0px;
background-color: #ef4848;
color: #fff;
border-radius: 4px;
font-weight: 600;
padding: 2px 4px;
transform: translateY(-100%);
margin: 0;
border: 1px solid #d93030;
box-shadow: 0px 1px 2px 0px #ffe9e9;
animation: 0.2s cubic-bezier(0.2, 1.2, 0.5, 1.1) 0s showInputError;
animation-fill-mode: both;
}
& .refine-numeric-condition-container-btwn {
margin-top: 0px;
margin-right: 0px;
}
& .refine-numeric-condition-container {
margin-top: 0px;
}
& .refine-criterion-line {
display: flex;
width: 100%;
}
& .refine-criterion-refinement-line {
display: flex;
width: 100%;
align-items: center;
padding-top: 12px;
& i {
margin-left: 12px;
}
}
& .refine-criterion-refinement-container {
margin-left: 12px;
}
& .refine--date-refinement-clause-container > .refine--block {
display: block;
}
& input[type=text] {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
border-color: var(--color-blue-600);
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
width: 100%;
&.has-error {
border-color: #ef4848;
box-shadow: 0px 0px 0px 3px #ffe9e9;
background-color: #fffbfb;
&:focus {
border-color: #cd1b1b;
}
}
}
}
.refine-numeric-condition-input {
box-shadow: none;
}
.refine-loading-spinner {
--loading-color: #106bf4;
--loading-size: 20px;
display: block;
content: "";
width: var(--loading-size) !important;
height: var(--loading-size) !important;
border-bottom: 2px solid var(--loading-color);
border-left: 2px solid var(--loading-color);
border-top: 2px solid var(--loading-color);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: loadingSpinner 700ms infinite linear;
background-color: transparent !important;
}
.refine-stored-filter-head-container {
padding-bottom: 12px;
border-bottom: 1px solid rgb(241, 245, 249);
margin-bottom: 18px;
align-items: center;
}
.refine-stored-filter-header {
font-size: 1.4rem;
line-height: 1.45;
margin-right: 80px;
}
.refine-group-criterion-container {
flex-wrap: nowrap;
}
.refine-delete-container {
position: absolute;
left: -26px;
display: none;
top: 50%;
transform: translateY(-50%);
padding: 0;
&:hover {
& .refine-delete-criterion-icon {
color: #ac0202;
}
}
& .refine-delete-criterion-icon {
line-height: 1;
background-color: #fff;
border-radius: 4px;
padding: 2px;
color: #f53a3a;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f057";
font-size: 16px;
}
}
}
.refine-query-or {
position: relative;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
padding: 0;
margin-bottom: 16px;
&:before,
&:after {
content: "";
height: 1px;
background-color: #eee;
width: 44%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
&:before {
left: 0;
}
&:after {
right: 0;
}
}
.refine-criterion-condition-container,
.refine-criterion-clause-container,
.refine-text-condition-container,
.refine-date-condition-first-date-container-btwn,
.refine-criterion-refinement-container,
.refine-date-condition-first-date-container,
.refine-date-condition-second-date-container,
.refine-option-condition-container {
padding-top: 0;
margin-right: 6px;
margin-top: 0;
flex: 1;
& > div {
flex: 1;
position: relative;
}
}
.refine-criterion-condition-container .select2-results__option strong.select2-results__group {
margin-left: 6px;
margin-right: 6px;
}
.refine-criterion-condition-container .select2-results__option .select2-results__group {
border-bottom: 1px solid #718096;
}
.refine-option-condition-container {
flex: 1;
}
.refine-stored-filter-link {
text-decoration: none;
color: rgb(54, 69, 87);
font-weight: 500;
font-size: 14px;
position: relative;
padding: 5px 6px 5px 28px;
margin-right: 12px;
border-radius: 6px;
line-height: 1.45;
display: inline-block;
&:hover {
background-color: #eee;
color: #111;
}
&:after {
content: "";
display: block;
height: 16px;
background-color: #ddd;
position: absolute;
right: -10px;
width: 1px;
top: 50%;
transform: translateY(-50%);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f002";
font-size: 12px;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
& + span {
margin-right: 0px;
margin-left: 8px;
& > a {
text-decoration: none;
color: rgb(54, 69, 87);
font-weight: 500;
font-size: 14px;
position: relative;
padding: 5px 6px 5px 28px;
display: inline-block;
margin-right: 0px;
border-radius: 6px;
line-height: 1.45;
&:hover {
background-color: #eee;
color: #111;
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f0c7";
font-size: 12px;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
& + span {
background: #cfffda;
color: #004430;
padding: 5px 6px 5px 8px;
border-radius: 4px;
font-size: 12px;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f00c";
font-size: 10px;
margin-right: 4px;
}
}
}
}
}
.refine-query-loading-container {
background-color: transparent;
width: auto;
height: auto;
left: -15px;
top: -47px;
&:before {
display: block;
content: "";
width: var(--loading-size, 20px) !important;
height: var(--loading-size, 20px) !important;
border-bottom: 2px solid var(--loading-color, #106bf4);
border-left: 2px solid var(--loading-color, #106bf4);
border-top: 2px solid var(--loading-color, #106bf4);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: loadingSpinner 700ms infinite linear;
background-color: transparent !important;
--loading-color: #106bf4;
--loading-size: 14px;
}
& .refine-query-loading-text {
display: none;
}
}
#stored_filter_head:has(> .refine-stored-filter-container, > .refine-stored-filter-search-container) + .refine-query-container {
filter: blur(1.4px);
transform: scale(0.96);
}
.refine-query-container {
transition: all 0.2s ease;
}
.refine-stored-filter-container,
.refine-stored-filter-search-container {
border-bottom: 1px solid #eee;
padding: 11px 0px;
margin-bottom: 18px;
& .refine-stored-filter-button-cancel,
& .refine-stored-filter-search-button-cancel {
background-image:
linear-gradient(
to top,
#f3f4f5,
#fdfdfd);
border: 1px solid rgb(215, 224, 229);
border-radius: 4px;
color: rgb(21, 29, 40);
font-weight: 600;
position: relative;
padding-left: 32px;
order: -1;
&:hover {
text-decoration: none;
background-image:
linear-gradient(
to top,
#eeeff1,
#f0f2f7);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f060";
font-size: 12px;
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
}
}
& .refine-stored-filter-button-submit,
& .refine-stored-filter-search-button-submit {
font-weight: 600;
position: relative;
padding-left: 32px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
background-color: #222e3f;
border-radius: 4px;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f0c7";
font-size: 12px;
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
}
}
& .refine-stored-filter-search-button-submit:before {
content: "\f019";
}
}
.refine-option-condition-container,
.refine-date-condition-days-container,
.refine-date-condition-days-text,
.refine-date-condition-days-modifier-container,
.refine-numeric-condition-container,
.refine-text-condition-container,
.refine-criterion-clause-container,
.refine-date-condition-first-date-container-btwn,
.refine-date-condition-first-date-container,
.refine-date-condition-second-date-container {
margin-top: 0px;
&:last-child {
margin-right: 0px;
}
}
.refine-date-condition-and,
.refine-numeric-condition-and {
margin: 0px 6px 0px 0px;
font-size: 12px;
background: #eef0f3;
border-radius: 8px;
padding: 1px 7px;
color: var(--color-gray-800);
}
.refine-numeric-condition-and {
margin-left: 6px;
}
.refine-date-picker-input {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
border-color: var(--color-blue-600);
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
.refine-stored-filter-input {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
border-color: var(--color-blue-600);
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
.refine-group-container {
display: grid;
row-gap: 12px;
grid-template-columns: 1fr min-content;
align-items: center;
padding: 16px;
border-radius: 6px;
box-shadow: 0 2px 1px rgba(64, 73, 103, 0.08);
border: 1px solid #dbdee3;
border-bottom-color: #c5c8d2;
background-color: #fff;
margin-bottom: 16px;
&:hover .refine-delete-container {
display: block;
}
& .refine-group-criterion-container {
padding: 0;
position: relative;
& > div:first-child {
flex: 1;
}
}
& .refine-group-and {
flex: 0 0 20%;
align-self: start;
background-color: #f3f3f5;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
padding: 8px;
text-align: center;
border-radius: 6px;
}
& .refine-add-container {
padding: 0px;
align-self: start;
& .refine-add-and {
display: flex;
flex-direction: row-reverse;
flex: 0;
text-align: center;
align-items: center;
border: 1px dotted #5496f8;
border-radius: 6px;
padding: 8px 12px;
color: #106bf4;
text-decoration: none;
position: relative;
margin: 0;
font-size: 16px;
cursor: pointer;
&:hover {
border-style: solid;
}
& .refine-add-icon.fal {
font-weight: 900;
color: #106bf4;
font-size: 12px;
padding-left: 0;
margin-right: 6px;
}
&.refine-add-disabled {
cursor: not-allowed;
background-color: #f3f3f5;
color: rgb(156 163 175 / var(--tw-text-opacity));
border: none;
& .refine-add-icon.fal {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
}
}
}
}
.refine-add-group {
flex: 1;
text-align: center;
border: 1px dotted #5496f8;
border-radius: 6px;
padding: 12px;
color: #106bf4;
text-decoration: none;
position: relative;
margin: 0;
font-size: 16px;
&:hover {
border-style: solid;
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "+";
font-size: 12px;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
&.refine-add-disabled {
cursor: not-allowed;
background-color: #f3f3f5;
border: none;
color: rgb(156 163 175 / var(--tw-text-opacity));
& .refine-add-icon.fal {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
}
}
@media (min-width: 640px) {
.refine-criterion-container {
padding-right: 10px;
}
}
@media (max-width: 640px) {
.refine-criterion-container span.select2.select2-container.select2-container--default,
.refine-criterion-clause-container span.select2.select2-container.select2-container--default {
width: 50vw !important;
margin-bottom: 12px;
}
.refine-date-condition-first-date-container input.refine-date-picker-input.flatpickr-input.flatpickr-mobile,
.refine-option-condition-container span.select2.select2-container.select2-container--default,
.refine-text-condition-container input.refine-text-condition-input,
.refine-criterion-clause-container span.select2.select2-container.select2-container--default {
margin-left: 12px;
width: calc(50vw - 12px) !important;
}
.refine-date-condition-first-date-container-btwn .refine-date-picker-input {
margin-left: 12px;
margin-bottom: 12px;
width: calc(50vw - 12px);
}
.refine-date-condition-and {
margin-left: 12px;
}
.refine-date-condition-second-date-container .refine-date-picker-input {
width: calc(50vw - 53px);
}
.refine-text-condition-container input.refine-text-condition-input,
.refine-date-condition-first-date-container .refine-date-picker-input {
padding: 4px 8px !important;
}
}
aside .filter-input .refine-criterion-container {
flex-direction: column;
align-items: stretch;
padding-right: 0px;
& > div {
margin-right: 0px;
margin-bottom: 6px;
&:last-child {
margin-bottom: 0;
}
}
}
aside .filter-input .select2-container--default .select2-results > .select2-results__options {
max-height: 115px;
}
aside .filter-input .refine-group-container {
grid-template-columns: 1fr;
& .refine-add-container .refine-add-button {
flex: 1;
& span {
margin-left: auto;
margin-right: auto;
}
}
}
.refine-filter-condition-pills-wrapper {
align-items: center;
flex-wrap: wrap;
}
.refine-filter-condition-pill-and {
margin: 0px 12px;
border-radius: 8px;
font-size: 12px;
padding: 0px 4px;
color: var(--color-gray-800);
}
.refine-filter-condition-pill {
padding: 4px 16px 4px 12px;
border-radius: var(--radius-sm);
background-color: var(--color-gray-100);
white-space: nowrap;
margin: 5px 0;
font-weight: 600;
font-size: 14px;
position: relative;
color: #111;
& .refine-filter-remove-condition-pill {
line-height: 1;
background-color: #fff;
border-radius: 10px;
padding: 3px;
color: #a1a7b1;
text-align: center;
position: absolute;
right: -7px;
top: -7px;
transition: transform 0.2s ease;
transform-origin: center center;
&:hover {
color: #f53a3a;
transform: scale(1.1);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f057";
font-size: 14px;
}
}
}
}
@keyframes showInputError {
0% {
transform: translate3d(0, -90%, 0) scale(0.8);
opacity: 0;
}
100% {
transform: translate3d(0, -100%, 0) scale(1);
opacity: 1;
}
}
@keyframes appearDown5 {
0% {
transform: translate3d(0, -5px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearDown10 {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearUp10 {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearUp5 {
0% {
transform: translate3d(0, 5px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up5 {
0% {
transform: translate3d(0, 5px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.97);
}
100% {
transform: scale(1);
}
}
@keyframes scaleAppearUp {
0% {
transform: scale(0.97);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes removeFilterLineButton {
0% {
transform: translate3d(0, -50%, 0) scale(0.6) rotate(45deg);
opacity: 0;
}
100% {
transform: translate3d(0, -50%, 0);
opacity: 1;
}
}
@keyframes loadingSpinner {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 1;
}
}
@layer components {
.refine-stored-filter-container,
.refine-stored-filter-search-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s appearDown10;
animation-fill-mode: both;
position: relative;
z-index: 1;
}
.refine-delete-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s removeFilterLineButton;
animation-fill-mode: both;
}
.refine-stored-filter-head-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s appearDown10;
animation-fill-mode: both;
}
.refine--filter-row {
color: rgb(81, 110, 134);
flex-wrap: nowrap;
& .refine--select {
line-height: 1.3rem;
}
& .refine--save-filter-form > label {
display: none;
}
& button.refine--apply-button {
border: none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
background-color: #222e3f;
border-radius: 4px;
border-width: 1px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.25rem;
transition-property: all;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
}
.refine--inline-popup-container {
color: rgb(81, 110, 134);
& .refine--stored-filters-link {
color: rgb(81, 110, 134);
}
& .refine--stored-filter-list-popup {
& .refine--stored-filter-list-item {
color: rgb(81, 110, 134);
}
}
& .refine--condition-list {
color: rgb(81, 110, 134);
& .refine--condition-list-item {
color: rgb(81, 110, 134);
}
}
}
.refine--block {
display: block;
}
.workflow-dialog .refine--criterion-fields {
padding-bottom: 32px;
}
.broadcast-dialog .refine--inline-popup {
position: fixed;
}
.filter-input .refine--save-filter-link {
display: none;
}
.filter-input .refine--group-join-stack {
text-align: left;
}
.refine--inline-modal-container.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 51rem;
}
.refine--inline-modal-container.uncategorized.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 51rem;
}
.refine--inline-modal-container.wa-dialog::part(body) {
overflow-y: hidden;
}
.refine--inline-modal-container .refine--advanced-condition-select {
padding: 16px 0 0 0;
}
.refine--advanced-condition-content {
display: flex;
gap: 25px;
}
.refine--inline-modal-container:not(.wa-dialog--full-screen) .refine--advanced-condition-picker {
max-height: 496px;
overflow-y: auto;
}
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-condition-picker {
overflow-y: auto;
}
.refine--inline-modal-container .refine--advanced-condition-picker.lone {
padding-left: 20px;
}
.refine--inline-modal-container:not(.wa-dialog--full-screen) .refine--advanced-category-picker {
height: 496px;
overflow-y: auto;
min-width: fit-content;
padding-left: 20px;
}
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-category-picker {
overflow-y: auto;
min-width: fit-content;
padding-left: 20px;
}
.refine--inline-modal-container .refine--advanced-category-picker .refine--condition-list-card {
margin-bottom: 4px;
cursor: pointer;
background-color: #f9fafb;
border: 0;
padding: 5px 10px;
width: 200px;
}
.refine--saved-filters-panel {
display: flex;
justify-content: center;
align-items: center;
padding: 36px;
height: 496px;
}
.refine--inline-modal-container .refine--stored-filter-list {
height: 496px;
}
.refine--inline-modal-container .refine--advanced-category-picker .refine--condition-list-card.active {
color: white;
background-color: rgb(16, 107, 244);
}
.refine--advanced-category-picker .refine--condition-list-card .refine--condition-list-icon-container {
background-color: #f9fafb;
}
.refine--advanced-category-picker .refine--condition-list-card.active .refine--condition-list-icon-container {
background-color: rgb(16, 107, 244);
}
.refine--inline-modal-container .refine--modal-header-actions {
min-height: 38px;
}
.refine--inline-modal-container .refine--stored-filter-list {
max-height: 496px;
}
.refine--inline-modal-container .refine--stored-filter-search-form {
padding-bottom: 8px;
}
.refine--inline-modal-container .refine--advanced-condition-category-header {
padding-bottom: 16px;
}
.refine--inline-modal-container .refine--advanced-condition-select-group {
padding-bottom: 0;
&:last-of-type {
margin-bottom: 1px;
}
&:has(a:not([hidden]):not(.hidden):not([aria-hidden=true])) {
padding-bottom: 16px !important;
}
}
.refine--advanced-condition-:last-child {
margin-bottom: 30px;
}
@media (max-width: 785px) {
.refine--advanced-category-picker {
display: none;
}
.refine--inline-modal-container .refine--advanced-condition-picker {
padding-left: 20px;
height: 100%;
}
.refine--inline-modal-container.wa-dialog::part(body) {
overflow-y: auto;
}
}
@media (min-width: 1600px) {
.refine--inline-modal-container.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 64rem;
}
.refine--inline-modal-container.uncategorized.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 50rem;
}
}
.refine-query-loading-container.hidden {
display: none;
}
#refine--picker-bottom-marker {
margin-bottom: 10px;
}
.bulk-action-unavailable {
display: none !important;
}
.bulk-actions-selectable-item-checkbox-wrapper {
display: none;
}
.bulk-actions .bulk-actions-checkbox-cell {
width: 16px;
padding-right: 0;
}
.bulk-actions:not(.selectable-available) .bulk-actions-selectable-toggle {
display: none;
}
.bulk-actions:not(.selectable) .box-table td:nth-child(2),
.bulk-actions:not(.selectable) th:nth-child(2) {
padding-left: 20px;
}
.bulk-actions.selectable-available:not(.selectable) .bulk-action {
display: none;
}
.bulk-actions.selectable-available:not(.selectable) .bulk-actions-checkbox-cell {
display: none;
}
.bulk-actions.selectable .bulk-action-single {
display: none;
}
.bulk-actions table tr:has(input:checked):not([data-bulk-actions-button-group-target]) {
background-color: var(--color-blue-50);
& td > a > div {
&:hover {
background-color: transparent;
}
}
}
.bulk-actions-button {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
&:hover {
background-color: var(--color-coolGray-100);
}
&:active,
&:focus {
background-color: var(--color-coolGray-200);
box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.12);
}
& .rounded-r-sm-inner {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
}
table.funnel_analytics th.pageviews {
background-color: var(--color-coolGray-800);
}
table.funnel_analytics th.optins {
background-color: var(--color-skyward-600);
}
table.funnel_analytics th.sales {
background-color: var(--color-moss-600);
}
table.funnel_analytics th.sales_recurring {
background-color: var(--color-teal-700);
min-width: 170px;
}
table.funnel_analytics th.earnings {
background-color: var(--color-midnightOil-900);
min-width: 170px;
}
table.funnel_analytics thead > tr > th:not(:first-of-type),
table.funnel_analytics tbody > tr > td:not(:first-of-type) {
text-align: center;
width: 70px;
}
}
@layer vendor {
.gu-mirror {
position: fixed !important;
margin: 0 !important;
z-index: 9999 !important;
opacity: .8;
}
.gu-hide {
display: none !important;
}
.gu-unselectable {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.gu-transit {
opacity: .2;
}
.tippy-box[data-animation=fade][data-state=hidden] {
opacity: 0;
}
[data-tippy-root] {
max-width: calc(100vw - 10px);
}
.tippy-box {
position: relative;
background-color: #333;
color: #fff;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
outline: 0;
transition-property:
transform,
visibility,
opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow:before {
bottom: -7px;
left: 0;
border-width: 8px 8px 0;
border-top-color: initial;
transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
top: -7px;
left: 0;
border-width: 0 8px 8px;
border-bottom-color: initial;
transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow:before {
border-width: 8px 0 8px 8px;
border-left-color: initial;
right: -7px;
transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow:before {
left: -7px;
border-width: 8px 8px 8px 0;
border-right-color: initial;
transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11);
}
.tippy-arrow {
width: 16px;
height: 16px;
color: #333;
}
.tippy-arrow:before {
content: "";
position: absolute;
border-color: transparent;
border-style: solid;
}
.tippy-content {
position: relative;
padding: 5px 9px;
z-index: 1;
}
.uppy-Root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
color: #333;
font-family:
-apple-system,
system-ui,
BlinkMacSystemFont,
Segoe UI,
Segoe UI Symbol,
Segoe UI Emoji,
Apple Color Emoji,
Roboto,
Helvetica,
Arial,
sans-serif;
line-height: 1;
position: relative;
text-align: left;
}
.uppy-Root[dir=rtl],
[dir=rtl] .uppy-Root {
text-align: right;
}
.uppy-Root *,
.uppy-Root :after,
.uppy-Root :before {
box-sizing: inherit;
}
.uppy-Root [hidden] {
display: none;
}
.uppy-u-reset {
all: initial;
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
font-family:
-apple-system,
system-ui,
BlinkMacSystemFont,
Segoe UI,
Segoe UI Symbol,
Segoe UI Emoji,
Apple Color Emoji,
Roboto,
Helvetica,
Arial,
sans-serif;
line-height: 1;
}
[dir=rtl] .uppy-u-reset {
text-align: right;
}
.uppy-c-textInput {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
font-family: inherit;
font-size: 14px;
line-height: 1.5;
padding: 6px 8px;
}
.uppy-size--md .uppy-c-textInput {
padding: 8px 10px;
}
.uppy-c-textInput:focus {
border-color: #1269cf99;
box-shadow: 0 0 0 3px #1269cf26;
outline: none;
}
[data-uppy-theme=dark] .uppy-c-textInput {
background-color: #333;
border-color: #333;
color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-textInput:focus {
border-color: #525252;
box-shadow: none;
}
.uppy-c-icon {
fill: currentColor;
display: inline-block;
max-height: 100%;
max-width: 100%;
overflow: hidden;
}
.uppy-c-btn {
align-items: center;
color: inherit;
display: inline-flex;
font-family: inherit;
font-size: inherit;
font-weight: 500;
justify-content: center;
line-height: 1;
transition-duration: .3s;
transition-property: background-color, color;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}
.uppy-c-btn,
[dir=rtl] .uppy-c-btn {
text-align: center;
}
.uppy-c-btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.uppy-c-btn::-moz-focus-inner {
border: 0;
}
.uppy-c-btn-primary {
background-color: #1269cf;
border-radius: 4px;
color: #fff;
font-size: 14px;
padding: 10px 18px;
}
.uppy-c-btn-primary:hover {
background-color: #0e51a0;
}
.uppy-c-btn-primary:focus {
box-shadow: 0 0 0 3px #1269cf66;
outline: none;
}
.uppy-size--md .uppy-c-btn-primary {
padding: 13px 22px;
}
[data-uppy-theme=dark] .uppy-c-btn-primary {
color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
.uppy-c-btn-link {
background-color: initial;
border-radius: 4px;
color: #525252;
font-size: 14px;
line-height: 1;
padding: 10px 15px;
}
.uppy-c-btn-link:hover {
color: #333;
}
.uppy-c-btn-link:focus {
box-shadow: 0 0 0 3px #1269cf40;
outline: none;
}
.uppy-size--md .uppy-c-btn-link {
padding: 13px 18px;
}
[data-uppy-theme=dark] .uppy-c-btn-link {
color: #eaeaea;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-c-btn-link:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
[data-uppy-theme=dark] .uppy-c-btn-link:hover {
color: #939393;
}
.uppy-Informer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1005;
}
.uppy-Informer span > div {
margin-bottom: 6px;
}
.uppy-Informer-animated {
opacity: 0;
transform: translateY(350%);
transition: all .3s ease-in;
z-index: -1000;
}
.uppy-Informer p {
background-color: #757575;
border-radius: 18px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
margin: 0;
max-width: 90%;
padding: 6px 15px;
}
.uppy-size--md .uppy-Informer p {
font-size: 14px;
line-height: 1.3;
max-width: 500px;
padding: 10px 20px;
}
[data-uppy-theme=dark] .uppy-Informer p {
background-color: #333;
}
[dir=ltr] .uppy-Informer p span {
left: 3px;
}
[dir=rtl] .uppy-Informer p span {
right: 3px;
}
[dir=ltr] .uppy-Informer p span {
margin-left: -1px;
}
[dir=rtl] .uppy-Informer p span {
margin-right: -1px;
}
.uppy-Informer p span {
background-color: #fff;
border-radius: 50%;
color: #525252;
display: inline-block;
font-size: 10px;
height: 13px;
line-height: 12px;
position: relative;
top: -1px;
vertical-align: middle;
width: 13px;
}
.uppy-Informer p span:hover {
cursor: help;
}
.uppy-Informer p span:after {
word-wrap: break-word;
line-height: 1.3;
}
.uppy-ProgressBar {
height: 3px;
left: 0;
position: absolute;
top: 0;
transition: height .2s;
width: 100%;
z-index: 10000;
}
.uppy-ProgressBar[aria-hidden=true] {
height: 0;
}
.uppy-ProgressBar-inner {
background-color: #1269cf;
box-shadow: 0 0 10px #1269cfb3;
height: 100%;
transition: width .4s ease;
width: 0;
}
.uppy-ProgressBar-percentage {
color: #fff;
display: none;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
}
.uppy-Informer {
bottom: 60px;
left: 0;
position: absolute;
right: 0;
text-align: center;
z-index: 1005;
}
.uppy-Informer span > div {
margin-bottom: 6px;
}
.uppy-Informer-animated {
opacity: 0;
transform: translateY(350%);
transition: all .3s ease-in;
z-index: -1000;
}
.uppy-Informer p {
background-color: #757575;
border-radius: 18px;
color: #fff;
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 1.4;
margin: 0;
max-width: 90%;
padding: 6px 15px;
}
.uppy-size--md .uppy-Informer p {
font-size: 14px;
line-height: 1.3;
max-width: 500px;
padding: 10px 20px;
}
[data-uppy-theme=dark] .uppy-Informer p {
background-color: #333;
}
[dir=ltr] .uppy-Informer p span {
left: 3px;
}
[dir=rtl] .uppy-Informer p span {
right: 3px;
}
[dir=ltr] .uppy-Informer p span {
margin-left: -1px;
}
[dir=rtl] .uppy-Informer p span {
margin-right: -1px;
}
.uppy-Informer p span {
background-color: #fff;
border-radius: 50%;
color: #525252;
display: inline-block;
font-size: 10px;
height: 13px;
line-height: 12px;
position: relative;
top: -1px;
vertical-align: middle;
width: 13px;
}
.uppy-Informer p span:hover {
cursor: help;
}
.uppy-Informer p span:after {
word-wrap: break-word;
line-height: 1.3;
}
.uppy-Root [aria-label][role~=tooltip] {
position: relative;
}
.uppy-Root [aria-label][role~=tooltip]:after,
.uppy-Root [aria-label][role~=tooltip]:before {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
opacity: 0;
pointer-events: none;
position: absolute;
transform: translateZ(0);
transform-origin: top;
transition: all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);
will-change: transform;
z-index: 10;
}
.uppy-Root [aria-label][role~=tooltip]:before {
background-size: 100% auto !important;
content: "";
}
.uppy-Root [aria-label][role~=tooltip]:after {
background: #111111e6;
border-radius: 4px;
box-sizing: initial;
color: #fff;
content: attr(aria-label);
font-size: var(--microtip-font-size,13px);
font-weight: var(--microtip-font-weight,normal);
padding: .5em 1em;
text-transform: var(--microtip-text-transform,none);
white-space: nowrap;
}
.uppy-Root [aria-label][role~=tooltip]:focus:after,
.uppy-Root [aria-label][role~=tooltip]:focus:before,
.uppy-Root [aria-label][role~=tooltip]:hover:after,
.uppy-Root [aria-label][role~=tooltip]:hover:before {
opacity: 1;
pointer-events: auto;
}
.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0Z'/%3E%3C/svg%3E") no-repeat;
bottom: 100%;
height: 6px;
left: 50%;
margin-bottom: 5px;
transform: translate3d(-50%, 0, 0);
width: 18px;
}
.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
bottom: 100%;
left: 50%;
margin-bottom: 11px;
transform: translate3d(-50%, 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after,
.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before {
transform: translate3d(-50%, -5px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after {
bottom: 100%;
transform: translate3d(calc(-100% + 16px), 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after {
transform: translate3d(calc(-100% + 16px), -5px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after {
bottom: 100%;
transform: translate3d(-16px, 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after {
transform: translate3d(-16px, -5px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12Z'/%3E%3C/svg%3E") no-repeat;
bottom: auto;
height: 6px;
left: 50%;
margin-bottom: 0;
margin-top: 5px;
top: 100%;
transform: translate3d(-50%, -10px, 0);
width: 18px;
}
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
left: 50%;
margin-top: 11px;
top: 100%;
transform: translate3d(-50%, -10px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after,
.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before {
transform: translate3d(-50%, 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after {
top: 100%;
transform: translate3d(calc(-100% + 16px), -10px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after {
transform: translate3d(calc(-100% + 16px), 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after {
top: 100%;
transform: translate3d(-16px, -10px, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after {
transform: translate3d(-16px, 0, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=left]:after,
.uppy-Root [role~=tooltip][data-microtip-position=left]:before {
bottom: auto;
left: auto;
right: 100%;
top: 50%;
transform: translate3d(10px, -50%, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=left]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342Z'/%3E%3C/svg%3E") no-repeat;
height: 18px;
margin-bottom: 0;
margin-right: 5px;
width: 6px;
}
.uppy-Root [role~=tooltip][data-microtip-position=left]:after {
margin-right: 11px;
}
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after,
.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before {
transform: translate3d(0, -50%, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=right]:after,
.uppy-Root [role~=tooltip][data-microtip-position=right]:before {
bottom: auto;
left: 100%;
top: 50%;
transform: translate3d(-10px, -50%, 0);
}
.uppy-Root [role~=tooltip][data-microtip-position=right]:before {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658Z'/%3E%3C/svg%3E") no-repeat;
height: 18px;
margin-bottom: 0;
margin-left: 5px;
width: 6px;
}
.uppy-Root [role~=tooltip][data-microtip-position=right]:after {
margin-left: 11px;
}
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after,
.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before {
transform: translate3d(0, -50%, 0);
}
.uppy-Root [role~=tooltip][data-microtip-size=small]:after {
white-space: normal;
width: 80px;
}
.uppy-Root [role~=tooltip][data-microtip-size=medium]:after {
white-space: normal;
width: 150px;
}
.uppy-Root [role~=tooltip][data-microtip-size=large]:after {
white-space: normal;
width: 260px;
}
.uppy-StatusBar {
background-color: #fff;
color: #fff;
display: flex;
font-size: 12px;
font-weight: 400;
height: 46px;
line-height: 40px;
position: relative;
transition: height .2s;
z-index: 1001;
}
[data-uppy-theme=dark] .uppy-StatusBar {
background-color: #1f1f1f;
}
.uppy-StatusBar:before {
background-color: #eaeaea;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
[data-uppy-theme=dark] .uppy-StatusBar:before {
background-color: #757575;
}
.uppy-StatusBar[aria-hidden=true] {
height: 0;
overflow-y: hidden;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
background-color: #1bb240;
}
.uppy-StatusBar.is-error .uppy-StatusBar-progress {
background-color: #e32437;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
color: #1bb240;
}
.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
color: #e32437;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
background-color: #fff;
border-top: 1px solid #eaeaea;
height: 65px;
}
[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
background-color: #1f1f1f;
border-top: 1px solid #333;
}
.uppy-StatusBar-progress {
background-color: #1269cf;
height: 2px;
position: absolute;
transition: background-color, width .3s ease-out;
z-index: 1001;
}
.uppy-StatusBar-progress.is-indeterminate {
animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
background-image:
linear-gradient(
45deg,
#0000004d 25%,
#0000 0,
#0000 50%,
#0000004d 0,
#0000004d 75%,
#0000 0,
#0000);
background-size: 64px 64px;
}
@keyframes uppy-StatusBar-ProgressStripes {
0% {
background-position: 0 0;
}
to {
background-position: 64px 0;
}
}
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress {
background-color: #f6a623;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
display: none;
}
[dir=ltr] .uppy-StatusBar-content {
padding-left: 10px;
}
[dir=rtl] .uppy-StatusBar-content {
padding-right: 10px;
}
.uppy-StatusBar-content {
align-items: center;
color: #333;
display: flex;
height: 100%;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 1002;
}
[dir=ltr] .uppy-size--md .uppy-StatusBar-content {
padding-left: 15px;
}
[dir=rtl] .uppy-size--md .uppy-StatusBar-content {
padding-right: 15px;
}
[data-uppy-theme=dark] .uppy-StatusBar-content {
color: #eaeaea;
}
[dir=ltr] .uppy-StatusBar-status {
padding-right: .3em;
}
[dir=rtl] .uppy-StatusBar-status {
padding-left: .3em;
}
.uppy-StatusBar-status {
display: flex;
flex-direction: column;
font-weight: 400;
justify-content: center;
line-height: 1.4;
}
.uppy-StatusBar-statusPrimary {
display: flex;
font-weight: 500;
line-height: 1;
}
.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details {
margin-left: 5px;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
color: #eaeaea;
}
.uppy-StatusBar-statusSecondary {
color: #757575;
display: inline-block;
font-size: 11px;
line-height: 1.2;
margin-top: 1px;
white-space: nowrap;
}
[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
color: #bbb;
}
[dir=ltr] .uppy-StatusBar-statusSecondaryHint {
margin-right: 5px;
}
[dir=rtl] .uppy-StatusBar-statusSecondaryHint {
margin-left: 5px;
}
.uppy-StatusBar-statusSecondaryHint {
display: inline-block;
line-height: 1;
vertical-align: middle;
}
[dir=ltr] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
margin-right: 8px;
}
[dir=rtl] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
margin-left: 8px;
}
[dir=ltr] .uppy-StatusBar-statusIndicator {
margin-right: 7px;
}
[dir=rtl] .uppy-StatusBar-statusIndicator {
margin-left: 7px;
}
.uppy-StatusBar-statusIndicator {
color: #525252;
position: relative;
top: 1px;
}
.uppy-StatusBar-statusIndicator svg {
vertical-align: text-bottom;
}
[dir=ltr] .uppy-StatusBar-actions {
right: 10px;
}
[dir=rtl] .uppy-StatusBar-actions {
left: 10px;
}
.uppy-StatusBar-actions {
align-items: center;
bottom: 0;
display: flex;
position: absolute;
top: 0;
z-index: 1004;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
background-color: #fafafa;
height: 100%;
padding: 0 15px;
position: static;
width: 100%;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
background-color: #1f1f1f;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
flex-direction: column;
height: 90px;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts {
flex-direction: row;
height: 65px;
}
.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
flex-direction: column;
justify-content: center;
}
.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions {
flex-direction: row;
justify-content: normal;
}
.uppy-StatusBar-actionCircleBtn {
cursor: pointer;
line-height: 1;
margin: 3px;
opacity: .9;
}
.uppy-StatusBar-actionCircleBtn:focus {
outline: none;
}
.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
border: 0;
}
.uppy-StatusBar-actionCircleBtn:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
.uppy-StatusBar-actionCircleBtn:hover {
opacity: 1;
}
.uppy-StatusBar-actionCircleBtn:focus {
border-radius: 50%;
}
.uppy-StatusBar-actionCircleBtn svg {
vertical-align: bottom;
}
.uppy-StatusBar-actionBtn {
color: #1269cf;
display: inline-block;
font-size: 10px;
line-height: inherit;
vertical-align: middle;
}
.uppy-size--md .uppy-StatusBar-actionBtn {
font-size: 11px;
}
.uppy-StatusBar-actionBtn--disabled {
opacity: .4;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled {
opacity: .7;
}
[dir=ltr] .uppy-StatusBar-actionBtn--retry {
margin-right: 6px;
}
[dir=rtl] .uppy-StatusBar-actionBtn--retry {
margin-left: 6px;
}
.uppy-StatusBar-actionBtn--retry {
background-color: #ff4b23;
border-radius: 8px;
color: #fff;
height: 16px;
line-height: 1;
padding: 1px 6px 3px 18px;
position: relative;
}
.uppy-StatusBar-actionBtn--retry:focus {
outline: none;
}
.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
border: 0;
}
.uppy-StatusBar-actionBtn--retry:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
.uppy-StatusBar-actionBtn--retry:hover {
background-color: #f92d00;
}
[dir=ltr] .uppy-StatusBar-actionBtn--retry svg {
left: 6px;
}
[dir=rtl] .uppy-StatusBar-actionBtn--retry svg {
right: 6px;
}
.uppy-StatusBar-actionBtn--retry svg {
position: absolute;
top: 3px;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
background-color: #1bb240;
color: #fff;
font-size: 14px;
line-height: 1;
padding: 15px 10px;
width: 100%;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
background-color: #189c38;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
background-color: #1c8b37;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
background-color: #18762f;
}
.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
padding: 13px 22px;
width: auto;
}
.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
background-color: #1bb240;
cursor: not-allowed;
}
[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover {
background-color: #1c8b37;
}
.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
background-color: initial;
color: #1269cf;
}
[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
padding-right: 3px;
}
[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded,
[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
padding-left: 3px;
}
[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
padding-right: 3px;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded {
border-radius: 3px;
padding-bottom: 1px;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
outline: none;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
border: 0;
}
.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded,
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-actionBtn--uploadNewlyAdded {
display: none;
}
.uppy-StatusBar-actionBtn--done {
border-radius: 3px;
line-height: 1;
padding: 7px 8px;
}
.uppy-StatusBar-actionBtn--done:focus {
outline: none;
}
.uppy-StatusBar-actionBtn--done::-moz-focus-inner {
border: 0;
}
.uppy-StatusBar-actionBtn--done:hover {
color: #0e51a0;
}
.uppy-StatusBar-actionBtn--done:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
background-color: #333;
}
[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
color: #02baf2;
}
.uppy-size--md .uppy-StatusBar-actionBtn--done {
font-size: 14px;
}
.uppy-StatusBar-serviceMsg {
color: #000;
font-size: 11px;
line-height: 1.1;
padding-left: 10px;
}
.uppy-size--md .uppy-StatusBar-serviceMsg {
font-size: 14px;
padding-left: 15px;
}
[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg {
color: #eaeaea;
}
.uppy-StatusBar-serviceMsg-ghostsIcon {
left: 6px;
opacity: .5;
position: relative;
top: 2px;
vertical-align: text-bottom;
width: 10px;
}
.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon {
left: 10px;
top: 1px;
width: 15px;
}
[dir=ltr] .uppy-StatusBar-details {
left: 2px;
}
[dir=rtl] .uppy-StatusBar-details {
right: 2px;
}
.uppy-StatusBar-details {
-webkit-appearance: none;
appearance: none;
background-color: #939393;
border-radius: 50%;
color: #fff;
cursor: help;
display: inline-block;
font-size: 10px;
font-weight: 600;
height: 13px;
line-height: 12px;
position: relative;
text-align: center;
top: 0;
vertical-align: middle;
width: 13px;
}
.uppy-StatusBar-details:after {
word-wrap: break-word;
line-height: 1.3;
}
[dir=ltr] .uppy-StatusBar-spinner {
margin-right: 10px;
}
[dir=rtl] .uppy-StatusBar-spinner {
margin-left: 10px;
}
.uppy-StatusBar-spinner {
fill: #1269cf;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-name: uppy-StatusBar-spinnerAnimation;
animation-timing-function: linear;
}
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner,
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner {
fill: #f6a623;
}
@keyframes uppy-StatusBar-spinnerAnimation {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 6px;
}
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after,
.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list:after {
content: "";
flex: auto;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
margin: 0;
position: relative;
width: 50%;
}
.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
width: 33.3333%;
}
.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,
.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem {
width: 25%;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem:before {
content: "";
display: block;
padding-top: 100%;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg {
opacity: .85;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled {
opacity: .5;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
background-color: #93939333;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
background-color: #eaeaea33;
}
.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
fill: #000000b3;
height: 30%;
width: 30%;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg {
fill: #fffc;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
border-radius: 4px;
bottom: 7px;
height: calc(100% - 14px);
left: 7px;
overflow: hidden;
position: absolute;
right: 7px;
text-align: center;
top: 7px;
width: calc(100% - 14px);
}
@media (hover:none) {
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author {
display: block;
}
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner {
box-shadow: 0 0 0 3px #aae1ffb3;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img {
border-radius: 4px;
height: 100%;
object-fit: cover;
width: 100%;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author {
background: #0000004d;
bottom: 0;
color: #fff;
display: none;
font-size: 12px;
font-weight: 500;
left: 0;
margin: 0;
padding: 5px;
position: absolute;
text-decoration: none;
width: 100%;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-author:hover,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-author:hover {
background: #0006;
text-decoration: underline;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox {
background-color: #1269cf;
border-radius: 50%;
height: 26px;
opacity: 0;
position: absolute;
right: 16px;
top: 16px;
width: 26px;
z-index: 1002;
}
[dir=ltr] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,
[dir=ltr] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
left: 7px;
}
[dir=rtl] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,
[dir=rtl] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
right: 7px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after {
height: 7px;
top: 8px;
width: 12px;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked {
opacity: 1;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label .uppy-ProviderBrowserItem-author,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover + label .uppy-ProviderBrowserItem-author {
display: block;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label {
box-shadow: 0 0 0 3px #1269cf80;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label:focus {
outline: none;
}
.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner,
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus + label::-moz-focus-inner {
border: 0;
}
.uppy-ProviderBrowser-viewType--list {
background-color: #fff;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
background-color: #1f1f1f;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
align-items: center;
display: flex;
margin: 0;
padding: 7px 15px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
color: #eaeaea;
}
.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
opacity: .6;
}
[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
margin-right: 15px;
}
[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
margin-left: 15px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox {
background-color: #fff;
border: 1px solid #cfcfcf;
border-radius: 3px;
height: 17px;
width: 17px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
border: 1px solid #1269cf;
box-shadow: 0 0 0 3px #1269cf40;
outline: none;
}
[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
left: 3px;
}
[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
right: 3px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after {
height: 5px;
opacity: 0;
top: 4px;
width: 9px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus {
border-color: #02baf2b3;
box-shadow: 0 0 0 3px #02baf233;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked {
background-color: #1269cf;
border-color: #1269cf;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked:after {
opacity: 1;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
align-items: center;
color: inherit;
display: flex;
font-family:
-apple-system,
system-ui,
BlinkMacSystemFont,
Segoe UI,
Segoe UI Symbol,
Segoe UI Emoji,
Apple Color Emoji,
Roboto,
Helvetica,
Arial,
sans-serif;
overflow: hidden;
padding: 2px;
text-overflow: ellipsis;
white-space: nowrap;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
outline: none;
text-decoration: underline;
}
[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
margin-right: 8px;
}
[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,
[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
margin-left: 8px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
line-height: 1.2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
cursor: default;
}
[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
margin-right: 7px;
}
[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
margin-left: 7px;
}
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
width: 20px;
}
.uppy-ProviderBrowserItem-checkbox {
cursor: pointer;
flex-shrink: 0;
position: relative;
}
.uppy-ProviderBrowserItem-checkbox:disabled {
cursor: default;
}
.uppy-ProviderBrowserItem-checkbox:after {
border-bottom: 2px solid #eaeaea;
border-left: 2px solid #eaeaea;
content: "";
cursor: pointer;
position: absolute;
transform: rotate(-45deg);
}
.uppy-ProviderBrowserItem-checkbox:disabled:after {
cursor: default;
}
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox {
background-color: #1f1f1f;
border-color: #939393;
}
[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked {
background-color: #333;
}
.uppy-SearchProvider {
align-items: center;
display: flex;
flex: 1;
flex-direction: column;
height: 100%;
justify-content: center;
width: 100%;
}
[data-uppy-theme=dark] .uppy-SearchProvider {
background-color: #1f1f1f;
}
.uppy-SearchProvider-input {
margin-bottom: 15px;
max-width: 650px;
width: 90%;
}
.uppy-size--md .uppy-SearchProvider-input {
margin-bottom: 20px;
}
.uppy-SearchProvider-input::-webkit-search-cancel-button {
display: none;
}
.uppy-SearchProvider-searchButton {
padding: 13px 25px;
}
.uppy-size--md .uppy-SearchProvider-searchButton {
padding: 13px 30px;
}
.uppy-DashboardContent-panelBody {
align-items: center;
display: flex;
flex: 1;
justify-content: center;
}
[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
background-color: #1f1f1f;
}
.uppy-Provider-auth,
.uppy-Provider-empty,
.uppy-Provider-error,
.uppy-Provider-loading {
align-items: center;
color: #939393;
display: flex;
flex: 1;
flex-flow: column wrap;
justify-content: center;
}
.uppy-Provider-empty {
color: #939393;
}
.uppy-Provider-authIcon svg {
height: 75px;
width: 100px;
}
.uppy-Provider-authTitle {
color: #757575;
font-size: 17px;
font-weight: 400;
line-height: 1.4;
margin-bottom: 30px;
max-width: 500px;
padding: 0 15px;
text-align: center;
}
.uppy-size--md .uppy-Provider-authTitle {
font-size: 20px;
}
[data-uppy-theme=dark] .uppy-Provider-authTitle {
color: #cfcfcf;
}
.uppy-Provider-btn-google {
align-items: center;
background: #4285f4;
display: flex;
padding: 8px 12px !important;
}
.uppy-Provider-btn-google:hover {
background-color: #1266f1;
}
.uppy-Provider-btn-google:focus {
box-shadow: 0 0 0 3px #4285f466;
outline: none;
}
.uppy-Provider-btn-google svg {
margin-right: 8px;
}
[dir=ltr] .uppy-Provider-breadcrumbs {
text-align: left;
}
[dir=rtl] .uppy-Provider-breadcrumbs {
text-align: right;
}
.uppy-Provider-breadcrumbs {
color: #525252;
flex: 1;
font-size: 12px;
margin-bottom: 10px;
}
.uppy-size--md .uppy-Provider-breadcrumbs {
margin-bottom: 0;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
color: #eaeaea;
}
[dir=ltr] .uppy-Provider-breadcrumbsIcon {
margin-right: 4px;
}
[dir=rtl] .uppy-Provider-breadcrumbsIcon {
margin-left: 4px;
}
.uppy-Provider-breadcrumbsIcon {
color: #525252;
display: inline-block;
line-height: 1;
vertical-align: middle;
}
.uppy-Provider-breadcrumbsIcon svg {
fill: #525252;
height: 13px;
width: 13px;
}
.uppy-Provider-breadcrumbs button {
border-radius: 3px;
display: inline-block;
line-height: inherit;
padding: 4px;
}
.uppy-Provider-breadcrumbs button:focus {
outline: none;
}
.uppy-Provider-breadcrumbs button::-moz-focus-inner {
border: 0;
}
.uppy-Provider-breadcrumbs button:hover {
color: #0e51a0;
}
.uppy-Provider-breadcrumbs button:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
background-color: #333;
}
.uppy-Provider-breadcrumbs button:not(:last-of-type) {
text-decoration: underline;
}
.uppy-Provider-breadcrumbs button:last-of-type {
color: #333;
cursor: normal;
font-weight: 500;
pointer-events: none;
}
.uppy-Provider-breadcrumbs button:hover {
cursor: pointer;
}
[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
color: #eaeaea;
}
.uppy-ProviderBrowser {
display: flex;
flex: 1;
flex-direction: column;
font-size: 14px;
font-weight: 400;
height: 100%;
}
.uppy-ProviderBrowser-user {
color: #333;
font-weight: 500;
margin: 0 8px 0 0;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
color: #eaeaea;
}
[dir=ltr] .uppy-ProviderBrowser-user:after {
left: 4px;
}
[dir=rtl] .uppy-ProviderBrowser-user:after {
right: 4px;
}
.uppy-ProviderBrowser-user:after {
color: #939393;
content: "\b7";
font-weight: 400;
position: relative;
}
.uppy-ProviderBrowser-header {
border-bottom: 1px solid #eaeaea;
position: relative;
z-index: 1001;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
border-bottom: 1px solid #333;
}
.uppy-ProviderBrowser-headerBar {
background-color: #fafafa;
color: #757575;
font-size: 12px;
line-height: 1.4;
padding: 7px 15px;
z-index: 1001;
}
.uppy-size--md .uppy-ProviderBrowser-headerBar {
align-items: center;
display: flex;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
background-color: #1f1f1f;
}
.uppy-ProviderBrowser-headerBar--simple {
display: block;
justify-content: center;
text-align: center;
}
.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
display: inline-block;
flex: none;
vertical-align: middle;
}
.uppy-ProviderBrowser-searchFilter {
align-items: center;
display: flex;
height: 30px;
margin-bottom: 15px;
margin-top: 15px;
padding-left: 8px;
padding-right: 8px;
position: relative;
width: 100%;
}
[dir=ltr] .uppy-ProviderBrowser-searchFilterInput {
padding-left: 30px;
}
[dir=ltr] .uppy-ProviderBrowser-searchFilterInput,
[dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
padding-right: 30px;
}
[dir=rtl] .uppy-ProviderBrowser-searchFilterInput {
padding-left: 30px;
}
.uppy-ProviderBrowser-searchFilterInput {
background-color: #eaeaea;
border: 0;
border-radius: 4px;
color: #333;
font-family:
-apple-system,
system-ui,
BlinkMacSystemFont,
Segoe UI,
Segoe UI Symbol,
Segoe UI Emoji,
Apple Color Emoji,
Roboto,
Helvetica,
Arial,
sans-serif;
font-size: 13px;
height: 30px;
line-height: 1.4;
outline: 0;
width: 100%;
z-index: 1001;
}
.uppy-ProviderBrowser-searchFilterInput::-webkit-search-cancel-button {
display: none;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput {
background-color: #1f1f1f;
color: #eaeaea;
}
.uppy-ProviderBrowser-searchFilterInput:focus {
background-color: #cfcfcf;
border: 0;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-searchFilterInput:focus {
background-color: #333;
}
[dir=ltr] .uppy-ProviderBrowser-searchFilterIcon {
left: 16px;
}
[dir=rtl] .uppy-ProviderBrowser-searchFilterIcon {
right: 16px;
}
.uppy-ProviderBrowser-searchFilterIcon {
color: #757575;
height: 12px;
position: absolute;
width: 12px;
z-index: 1002;
}
.uppy-ProviderBrowser-searchFilterInput::placeholder {
color: #939393;
opacity: 1;
}
[dir=ltr] .uppy-ProviderBrowser-searchFilterReset {
right: 16px;
}
[dir=rtl] .uppy-ProviderBrowser-searchFilterReset {
left: 16px;
}
.uppy-ProviderBrowser-searchFilterReset {
border-radius: 3px;
color: #939393;
cursor: pointer;
height: 22px;
padding: 6px;
position: absolute;
width: 22px;
z-index: 1002;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
outline: none;
}
.uppy-ProviderBrowser-searchFilterReset::-moz-focus-inner {
border: 0;
}
.uppy-ProviderBrowser-searchFilterReset:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
.uppy-ProviderBrowser-searchFilterReset:hover {
color: #757575;
}
.uppy-ProviderBrowser-searchFilterReset svg {
vertical-align: text-top;
}
.uppy-ProviderBrowser-userLogout {
border-radius: 3px;
color: #1269cf;
cursor: pointer;
line-height: inherit;
padding: 4px;
}
.uppy-ProviderBrowser-userLogout:focus {
outline: none;
}
.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
border: 0;
}
.uppy-ProviderBrowser-userLogout:hover {
color: #0e51a0;
}
.uppy-ProviderBrowser-userLogout:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
background-color: #333;
}
.uppy-ProviderBrowser-userLogout:hover {
text-decoration: underline;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
color: #eaeaea;
}
.uppy-ProviderBrowser-body {
flex: 1;
position: relative;
}
.uppy-ProviderBrowser-list {
-webkit-overflow-scrolling: touch;
background-color: #fff;
border-spacing: 0;
bottom: 0;
display: block;
flex: 1;
height: 100%;
left: 0;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
background-color: #1f1f1f;
}
.uppy-ProviderBrowser-list:focus {
outline: none;
}
.uppy-ProviderBrowserItem-inner {
cursor: pointer;
font-size: 13px;
font-weight: 500;
}
.uppy-ProviderBrowser-footer {
align-items: center;
background-color: #fff;
border-top: 1px solid #eaeaea;
display: flex;
height: 65px;
padding: 0 15px;
}
[dir=ltr] .uppy-ProviderBrowser-footer button {
margin-right: 8px;
}
[dir=rtl] .uppy-ProviderBrowser-footer button {
margin-left: 8px;
}
[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
background-color: #1f1f1f;
border-top: 1px solid #333;
}
.uppy-Dashboard-Item-previewInnerWrap {
align-items: center;
border-radius: 3px;
box-shadow: 0 0 2px 0 #0006;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
overflow: hidden;
position: relative;
width: 100%;
}
.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
box-shadow: 0 1px 2px #00000026;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewInnerWrap {
box-shadow: none;
}
.uppy-Dashboard-Item-previewInnerWrap:after {
background-color: #000000a6;
bottom: 0;
content: "";
display: none;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1001;
}
.uppy-Dashboard-Item-previewLink {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 1002;
}
.uppy-Dashboard-Item-previewLink:focus {
box-shadow: inset 0 0 0 3px #579df0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
box-shadow: inset 0 0 0 3px #016c8d;
}
.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
border-radius: 3px;
height: 100%;
object-fit: cover;
transform: translateZ(0);
width: 100%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
height: auto;
max-height: 100%;
max-width: 100%;
object-fit: contain;
padding: 10px;
width: auto;
}
.uppy-Dashboard-Item-progress {
color: #fff;
left: 50%;
position: absolute;
text-align: center;
top: 50%;
transform: translate(-50%, -50%);
transition: all .35 ease;
width: 120px;
z-index: 1002;
}
.uppy-Dashboard-Item-progressIndicator {
color: #fff;
display: inline-block;
height: 38px;
opacity: .9;
width: 38px;
}
.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
height: 55px;
width: 55px;
}
button.uppy-Dashboard-Item-progressIndicator {
cursor: pointer;
}
button.uppy-Dashboard-Item-progressIndicator:focus {
outline: none;
}
button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
border: 0;
}
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
fill: #579df0;
}
.uppy-Dashboard-Item-progressIcon--circle {
height: 100%;
width: 100%;
}
.uppy-Dashboard-Item-progressIcon--bg {
stroke: #fff6;
}
.uppy-Dashboard-Item-progressIcon--progress {
stroke: #fff;
transition: stroke-dashoffset .5s ease-out;
}
.uppy-Dashboard-Item-progressIcon--play {
fill: #fff;
stroke: #fff;
transition: all .2s;
}
.uppy-Dashboard-Item-progressIcon--cancel {
fill: #fff;
transition: all .2s;
}
.uppy-Dashboard-Item-progressIcon--pause {
fill: #fff;
stroke: #fff;
transition: all .2s;
}
.uppy-Dashboard-Item-progressIcon--check {
fill: #fff;
transition: all .2s;
}
.uppy-Dashboard-Item-progressIcon--retry {
fill: #fff;
}
[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
right: -8px;
}
[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
left: -8px;
}
[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
left: auto;
}
[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
right: auto;
}
.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
top: -9px;
transform: none;
width: auto;
}
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
height: 18px;
width: 18px;
}
.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
height: 28px;
width: 28px;
}
.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
height: 18px;
opacity: 1;
width: 18px;
}
.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
height: 22px;
width: 22px;
}
.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
opacity: 0;
}
[dir=ltr] .uppy-Dashboard-Item-fileInfo {
padding-right: 5px;
}
[dir=rtl] .uppy-Dashboard-Item-fileInfo {
padding-left: 5px;
}
[dir=ltr] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
padding-right: 10px;
}
[dir=rtl] .uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
padding-left: 10px;
}
[dir=ltr] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
padding-right: 15px;
}
[dir=rtl] .uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfo {
padding-left: 15px;
}
.uppy-Dashboard-Item-name {
word-wrap: anywhere;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
margin-bottom: 5px;
word-break: break-all;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
color: #eaeaea;
}
.uppy-size--md.uppy-Dashboard--singleFile .uppy-Dashboard-Item-name {
font-size: 14px;
line-height: 1.4;
}
.uppy-Dashboard-Item-fileName {
align-items: baseline;
display: flex;
}
.uppy-Dashboard-Item-fileName button {
margin-left: 5px;
}
.uppy-Dashboard-Item-author {
color: #757575;
display: inline-block;
font-size: 11px;
font-weight: 400;
line-height: 1;
margin-bottom: 5px;
vertical-align: bottom;
}
.uppy-Dashboard-Item-author a {
color: #757575;
}
.uppy-Dashboard-Item-status {
color: #757575;
font-size: 11px;
font-weight: 400;
line-height: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
color: #bbb;
}
.uppy-Dashboard-Item-statusSize {
display: inline-block;
margin-bottom: 5px;
text-transform: uppercase;
vertical-align: bottom;
}
.uppy-Dashboard-Item-reSelect {
color: #1269cf;
font-family: inherit;
font-size: inherit;
font-weight: 600;
}
.uppy-Dashboard-Item-errorMessage {
background-color: #fdeff1;
color: #a51523;
font-size: 11px;
font-weight: 500;
line-height: 1.3;
padding: 5px 6px;
}
.uppy-Dashboard-Item-errorMessageBtn {
color: #a51523;
cursor: pointer;
font-size: 11px;
font-weight: 500;
text-decoration: underline;
}
.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
display: none;
}
.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-top: 1px solid #f7c2c8;
bottom: 0;
display: block;
left: 0;
line-height: 1.4;
padding: 6px 8px;
position: absolute;
right: 0;
}
.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
border: 1px solid #f7c2c8;
border-radius: 3px;
display: inline-block;
position: static;
}
.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage {
display: none;
}
.uppy-Dashboard-Item-action {
color: #939393;
cursor: pointer;
}
.uppy-Dashboard-Item-action:focus {
outline: none;
}
.uppy-Dashboard-Item-action::-moz-focus-inner {
border: 0;
}
.uppy-Dashboard-Item-action:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
.uppy-Dashboard-Item-action:hover {
color: #1f1f1f;
opacity: 1;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
outline: none;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
border: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
box-shadow: 0 0 0 2px #aae1ffd9;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
color: #eaeaea;
}
.uppy-Dashboard-Item-action--remove {
color: #1f1f1f;
opacity: .95;
}
.uppy-Dashboard-Item-action--remove:hover {
color: #000;
opacity: 1;
}
[dir=ltr] .uppy-size--md .uppy-Dashboard-Item-action--remove {
right: -8px;
}
[dir=rtl] .uppy-size--md .uppy-Dashboard-Item-action--remove {
left: -8px;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove {
height: 18px;
padding: 0;
position: absolute;
top: -8px;
width: 18px;
z-index: 1002;
}
.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
border-radius: 50%;
}
[dir=ltr] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
right: 8px;
}
[dir=rtl] .uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
left: 8px;
}
.uppy-Dashboard--singleFile.uppy-size--height-md .uppy-Dashboard-Item-action--remove {
position: absolute;
top: 8px;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
color: #525252;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
color: #333;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-actionWrapper {
align-items: center;
display: flex;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action {
height: 22px;
margin-left: 3px;
padding: 3px;
width: 22px;
}
.uppy-Dashboard:not(.uppy-size--md):not(.uppy-Dashboard--singleFile.uppy-size--height-md) .uppy-Dashboard-Item-action:focus {
border-radius: 3px;
}
.uppy-size--md .uppy-Dashboard-Item-action--copyLink,
.uppy-size--md .uppy-Dashboard-Item-action--edit {
height: 16px;
padding: 0;
width: 16px;
}
.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
.uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
border-radius: 3px;
}
.uppy-Dashboard-Item {
align-items: center;
border-bottom: 1px solid #eaeaea;
display: flex;
padding: 10px;
}
[dir=ltr] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
padding-right: 0;
}
[dir=rtl] .uppy-Dashboard:not(.uppy-Dashboard--singleFile) .uppy-Dashboard-Item {
padding-left: 0;
}
[data-uppy-theme=dark] .uppy-Dashboard-Item {
border-bottom: 1px solid #333;
}
[dir=ltr] .uppy-size--md .uppy-Dashboard-Item {
float: left;
}
[dir=rtl] .uppy-size--md .uppy-Dashboard-Item {
float: right;
}
.uppy-size--md .uppy-Dashboard-Item {
border-bottom: 0;
display: block;
height: 215px;
margin: 5px 15px;
padding: 0;
position: relative;
width: calc(33.333% - 30px);
}
.uppy-size--lg .uppy-Dashboard-Item {
height: 190px;
margin: 5px 15px;
padding: 0;
width: calc(25% - 30px);
}
.uppy-size--xl .uppy-Dashboard-Item {
height: 210px;
padding: 0;
width: calc(20% - 30px);
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item {
border-bottom: 0;
display: flex;
flex-direction: column;
height: 100%;
max-width: 400px;
padding: 15px;
position: relative;
width: 100%;
}
.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap {
opacity: .2;
}
.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name {
opacity: .7;
}
.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 0 1-3.417-3.416 3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.417 3.417 3.383 3.383 0 0 1-3.417 3.416zm13.667 0A3.383 3.383 0 0 1 20.5 18.16a3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.416 3.417 3.383 3.383 0 0 1-3.416 3.416z' fill='%2523000'/%3E%3C/svg%3E");
background-position: 50% 10px;
background-repeat: no-repeat;
background-size: 25px;
bottom: 0;
content: "";
left: 0;
opacity: .5;
position: absolute;
right: 0;
top: 0;
z-index: 1005;
}
.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
background-position: 50% 50%;
background-size: 40px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before {
background-position: 50% 50%;
background-size: 30%;
}
.uppy-Dashboard-Item-preview {
flex-grow: 0;
flex-shrink: 0;
height: 50px;
position: relative;
width: 50px;
}
.uppy-size--md .uppy-Dashboard-Item-preview {
height: 140px;
width: 100%;
}
.uppy-size--lg .uppy-Dashboard-Item-preview {
height: 120px;
}
.uppy-size--xl .uppy-Dashboard-Item-preview {
height: 140px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-preview {
flex-grow: 1;
max-height: 75%;
width: 100%;
}
.uppy-Dashboard--singleFile.uppy-size--md .uppy-Dashboard-Item-preview {
max-height: 100%;
}
[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
padding-right: 8px;
}
[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
padding-left: 8px;
}
[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons {
padding-left: 12px;
}
[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons {
padding-right: 12px;
}
.uppy-Dashboard-Item-fileInfoAndButtons {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: space-between;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons,
.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
align-items: flex-start;
padding: 9px 0 0;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-fileInfoAndButtons {
flex-grow: 0;
width: 100%;
}
.uppy-Dashboard-Item-fileInfo {
flex-grow: 1;
flex-shrink: 1;
}
.uppy-Dashboard-Item-actionWrapper {
flex-grow: 0;
flex-shrink: 0;
}
.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after,
.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after {
display: block;
}
[dir=ltr] .uppy-Dashboard-Item-errorDetails {
left: 2px;
}
[dir=rtl] .uppy-Dashboard-Item-errorDetails {
right: 2px;
}
.uppy-Dashboard-Item-errorDetails {
-webkit-appearance: none;
appearance: none;
background-color: #939393;
border: none;
border-radius: 50%;
color: #fff;
cursor: help;
flex-shrink: 0;
font-size: 10px;
font-weight: 600;
height: 13px;
line-height: 12px;
position: relative;
text-align: center;
top: 0;
width: 13px;
}
.uppy-Dashboard-Item-errorDetails:after {
word-wrap: break-word;
line-height: 1.3;
}
.uppy-Dashboard-FileCard {
background-color: #fff;
border-radius: 5px;
bottom: 0;
box-shadow: 0 0 10px 4px #0000001a;
display: flex;
flex-direction: column;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1005;
}
.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.uppy-Dashboard-FileCard-inner {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
height: 100%;
min-height: 0;
}
.uppy-Dashboard-FileCard-preview {
align-items: center;
border-bottom: 1px solid #eaeaea;
display: flex;
flex-grow: 0;
flex-shrink: 1;
height: 60%;
justify-content: center;
min-height: 0;
position: relative;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
background-color: #333;
border-bottom: 0;
}
.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
border-radius: 3px;
box-shadow: 0 3px 20px #00000026;
flex: 0 0 auto;
max-height: 90%;
max-width: 90%;
object-fit: cover;
}
[dir=ltr] .uppy-Dashboard-FileCard-edit {
right: 10px;
}
[dir=rtl] .uppy-Dashboard-FileCard-edit {
left: 10px;
}
.uppy-Dashboard-FileCard-edit {
background-color: #00000080;
border-radius: 50px;
color: #fff;
font-size: 13px;
padding: 7px 15px;
position: absolute;
top: 10px;
}
.uppy-Dashboard-FileCard-edit:focus {
outline: none;
}
.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
border: 0;
}
.uppy-Dashboard-FileCard-edit:focus {
box-shadow: 0 0 0 3px #1269cf80;
}
.uppy-Dashboard-FileCard-edit:hover {
background-color: #000c;
}
.uppy-Dashboard-FileCard-info {
-webkit-overflow-scrolling: touch;
flex-grow: 0;
flex-shrink: 0;
height: 40%;
overflow-y: auto;
padding: 30px 20px 20px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
background-color: #1f1f1f;
}
.uppy-Dashboard-FileCard-fieldset {
border: 0;
font-size: 0;
margin: auto auto 12px;
max-width: 640px;
padding: 0;
}
.uppy-Dashboard-FileCard-label {
color: #525252;
display: inline-block;
font-size: 12px;
vertical-align: middle;
width: 22%;
}
.uppy-size--md .uppy-Dashboard-FileCard-label {
font-size: 14px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
color: #eaeaea;
}
.uppy-Dashboard-FileCard-input {
display: inline-block;
vertical-align: middle;
width: 78%;
}
.uppy-Dashboard-FileCard-actions {
align-items: center;
background-color: #fafafa;
border-top: 1px solid #eaeaea;
display: flex;
flex-grow: 0;
flex-shrink: 0;
height: 55px;
padding: 0 15px;
}
.uppy-size--md .uppy-Dashboard-FileCard-actions {
height: 65px;
}
[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
background-color: #1f1f1f;
border-top: 1px solid #333;
}
[dir=ltr] .uppy-Dashboard-FileCard-actionsBtn {
margin-right: 10px;
}
[dir=rtl] .uppy-Dashboard-FileCard-actionsBtn {
margin-left: 10px;
}
.uppy-transition-slideDownUp-enter {
opacity: .01;
transform: translate3d(0, -105%, 0);
transition: transform .25s ease-in-out, opacity .25s ease-in-out;
}
.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
opacity: 1;
transform: translateZ(0);
}
.uppy-transition-slideDownUp-leave {
opacity: 1;
transform: translateZ(0);
transition: transform .25s ease-in-out, opacity .25s ease-in-out;
}
.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
opacity: .01;
transform: translate3d(0, -105%, 0);
}
@keyframes uppy-Dashboard-fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes uppy-Dashboard-fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes uppy-Dashboard-slideDownAndFadeIn {
0% {
opacity: 0;
transform: translate3d(-50%, -70%, 0);
}
to {
opacity: 1;
transform: translate3d(-50%, -50%, 0);
}
}
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
0% {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
to {
opacity: 1;
transform: translateZ(0);
}
}
@keyframes uppy-Dashboard-slideUpFadeOut {
0% {
opacity: 1;
transform: translate3d(-50%, -50%, 0);
}
to {
opacity: 0;
transform: translate3d(-50%, -70%, 0);
}
}
@keyframes uppy-Dashboard-slideUpFadeOut--small {
0% {
opacity: 1;
transform: translateZ(0);
}
to {
opacity: 0;
transform: translate3d(0, -20%, 0);
}
}
.uppy-Dashboard--modal {
z-index: 1001;
}
.uppy-Dashboard--modal[aria-hidden=true] {
display: none;
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideDownAndFadeIn--small .3s cubic-bezier(0, 0, .2, 1);
}
@media only screen and (min-width:820px) {
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideDownAndFadeIn .3s cubic-bezier(0, 0, .2, 1);
}
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
animation: uppy-Dashboard-fadeIn .3s cubic-bezier(0, 0, .2, 1);
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideUpFadeOut--small .3s cubic-bezier(0, 0, .2, 1);
}
@media only screen and (min-width:820px) {
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
animation: uppy-Dashboard-slideUpFadeOut .3s cubic-bezier(0, 0, .2, 1);
}
}
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
animation: uppy-Dashboard-fadeOut .3s cubic-bezier(0, 0, .2, 1);
}
.uppy-Dashboard-isFixed {
height: 100vh;
overflow: hidden;
}
.uppy-Dashboard--modal .uppy-Dashboard-overlay {
background-color: #00000080;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1001;
}
.uppy-Dashboard-inner {
background-color: #f4f4f4;
border: 1px solid #eaeaea;
border-radius: 5px;
max-height: 100%;
max-width: 100%;
outline: none;
position: relative;
}
.uppy-size--md .uppy-Dashboard-inner {
min-height: auto;
}
@media only screen and (min-width:820px) {
.uppy-Dashboard-inner {
height: 500px;
width: 650px;
}
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
z-index: 1002;
}
[data-uppy-theme=dark] .uppy-Dashboard-inner {
background-color: #1f1f1f;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
cursor: not-allowed;
}
.uppy-Dashboard-innerWrap {
border-radius: 5px;
display: flex;
flex-direction: column;
height: 100%;
opacity: 0;
overflow: hidden;
position: relative;
}
.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
opacity: 1;
}
.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
cursor: not-allowed;
filter: grayscale(100%);
opacity: .6;
-webkit-user-select: none;
user-select: none;
}
.uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
fill: #9f9f9f;
}
.uppy-Dashboard--isDisabled [aria-disabled],
.uppy-Dashboard--isDisabled [disabled] {
cursor: not-allowed;
pointer-events: none;
}
.uppy-Dashboard--modal .uppy-Dashboard-inner {
border: none;
bottom: 15px;
left: 15px;
position: fixed;
right: 15px;
top: 35px;
}
@media only screen and (min-width:820px) {
.uppy-Dashboard--modal .uppy-Dashboard-inner {
box-shadow: 0 5px 15px 4px #00000026;
left: 50%;
right: auto;
top: 50%;
transform: translate(-50%, -50%);
}
}
[dir=ltr] .uppy-Dashboard-close {
right: -2px;
}
[dir=rtl] .uppy-Dashboard-close {
left: -2px;
}
.uppy-Dashboard-close {
color: #ffffffe6;
cursor: pointer;
display: block;
font-size: 27px;
position: absolute;
top: -33px;
z-index: 1005;
}
.uppy-Dashboard-close:focus {
outline: none;
}
.uppy-Dashboard-close::-moz-focus-inner {
border: 0;
}
.uppy-Dashboard-close:focus {
color: #6eabf2;
}
@media only screen and (min-width:820px) {
[dir=ltr] .uppy-Dashboard-close {
right: -35px;
}
[dir=rtl] .uppy-Dashboard-close {
left: -35px;
}
.uppy-Dashboard-close {
font-size: 35px;
top: -10px;
}
}
.uppy-Dashboard-serviceMsg {
background-color: #fffbf7;
border-bottom: 1px solid #edd4b9;
border-top: 1px solid #edd4b9;
font-size: 12px;
font-weight: 500;
line-height: 1.3;
padding: 12px 0;
position: relative;
top: -1px;
z-index: 1004;
}
.uppy-size--md .uppy-Dashboard-serviceMsg {
font-size: 14px;
line-height: 1.4;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg {
background-color: #1f1f1f;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
color: #eaeaea;
}
.uppy-Dashboard-serviceMsg-title {
display: block;
line-height: 1;
margin-bottom: 4px;
padding-left: 42px;
}
.uppy-Dashboard-serviceMsg-text {
padding: 0 15px;
}
.uppy-Dashboard-serviceMsg-actionBtn {
color: #1269cf;
font-size: inherit;
font-weight: inherit;
vertical-align: initial;
}
[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn {
color: #02baf2e6;
}
.uppy-Dashboard-serviceMsg-icon {
left: 15px;
position: absolute;
top: 10px;
}
.uppy-Dashboard-AddFiles {
align-items: center;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
position: relative;
text-align: center;
}
[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
border: 1px dashed #dfdfdf;
border-radius: 3px;
height: calc(100% - 14px);
margin: 7px;
}
.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
border: none;
height: calc(100% - 54px);
}
.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
border-color: #cfcfcf;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
border-color: #757575;
}
.uppy-Dashboard-AddFiles-info {
display: none;
margin-top: auto;
padding-bottom: 15px;
padding-top: 15px;
}
.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
display: block;
}
.uppy-size--md .uppy-Dashboard-AddFiles-info {
bottom: 25px;
left: 0;
padding-bottom: 0;
padding-top: 30px;
position: absolute;
right: 0;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
margin-top: 0;
}
.uppy-Dashboard-browse {
color: #1269cf;
cursor: pointer;
}
.uppy-Dashboard-browse:focus {
outline: none;
}
.uppy-Dashboard-browse::-moz-focus-inner {
border: 0;
}
.uppy-Dashboard-browse:focus,
.uppy-Dashboard-browse:hover {
border-bottom: 1px solid #1269cf;
}
[data-uppy-theme=dark] .uppy-Dashboard-browse {
color: #02baf2e6;
}
[data-uppy-theme=dark] .uppy-Dashboard-browse:focus,
[data-uppy-theme=dark] .uppy-Dashboard-browse:hover {
border-bottom: 1px solid #02baf2;
}
.uppy-Dashboard-browseBtn {
display: block;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
margin-top: 8px;
width: 100%;
}
.uppy-size--md .uppy-Dashboard-browseBtn {
font-size: 15px;
margin: 15px auto;
padding: 13px 44px;
width: auto;
}
.uppy-Dashboard-AddFiles-list {
-webkit-overflow-scrolling: touch;
display: flex;
flex: 1;
flex-direction: column;
margin-top: 2px;
overflow-y: auto;
padding: 2px 0;
width: 100%;
}
.uppy-size--md .uppy-Dashboard-AddFiles-list {
flex: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 15px;
max-width: 600px;
overflow-y: visible;
padding-top: 0;
}
.uppy-DashboardTab {
border-bottom: 1px solid #eaeaea;
text-align: center;
width: 100%;
}
[data-uppy-theme=dark] .uppy-DashboardTab {
border-bottom: 1px solid #333;
}
.uppy-size--md .uppy-DashboardTab {
border-bottom: none;
display: inline-block;
margin-bottom: 10px;
width: auto;
}
.uppy-DashboardTab-btn {
align-items: center;
-webkit-appearance: none;
appearance: none;
background-color: initial;
color: #525252;
cursor: pointer;
flex-direction: row;
height: 100%;
justify-content: left;
padding: 12px 15px;
width: 100%;
}
.uppy-DashboardTab-btn:focus {
outline: none;
}
[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn {
margin-right: 1px;
}
[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn {
margin-left: 1px;
}
.uppy-size--md .uppy-DashboardTab-btn {
border-radius: 5px;
flex-direction: column;
padding: 10px 3px;
width: 86px;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn {
color: #eaeaea;
}
.uppy-DashboardTab-btn::-moz-focus-inner {
border: 0;
}
.uppy-DashboardTab-btn:hover {
background-color: #e9ecef;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
background-color: #333;
}
.uppy-DashboardTab-btn:active,
.uppy-DashboardTab-btn:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
background-color: #525252;
}
.uppy-DashboardTab-btn svg {
display: inline-block;
max-height: 100%;
max-width: 100%;
overflow: hidden;
transition: transform .15s ease-in-out;
vertical-align: text-top;
}
[dir=ltr] .uppy-DashboardTab-inner {
margin-right: 10px;
}
[dir=rtl] .uppy-DashboardTab-inner {
margin-left: 10px;
}
.uppy-DashboardTab-inner {
align-items: center;
background-color: #fff;
border-radius: 8px;
box-shadow:
0 1px 1px 0 #0000001a,
0 1px 2px 0 #0000001a,
0 2px 3px 0 #00000005;
display: flex;
height: 32px;
justify-content: center;
width: 32px;
}
[dir=ltr] .uppy-size--md .uppy-DashboardTab-inner {
margin-right: 0;
}
[dir=rtl] .uppy-size--md .uppy-DashboardTab-inner {
margin-left: 0;
}
[data-uppy-theme=dark] .uppy-DashboardTab-inner {
background-color: #323232;
box-shadow:
0 1px 1px 0 #0003,
0 1px 2px 0 #0003,
0 2px 3px 0 #00000014;
}
.uppy-DashboardTab-name {
font-size: 14px;
font-weight: 400;
}
.uppy-size--md .uppy-DashboardTab-name {
font-size: 12px;
line-height: 15px;
margin-bottom: 0;
margin-top: 8px;
}
.uppy-DashboardTab-iconMyDevice {
color: #1269cf;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconMyDevice {
color: #02baf2;
}
.uppy-DashboardTab-iconBox {
color: #0061d5;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconBox {
color: #eaeaea;
}
.uppy-DashboardTab-iconDropbox {
color: #0061fe;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconDropbox {
color: #eaeaea;
}
.uppy-DashboardTab-iconUnsplash {
color: #111;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconUnsplash {
color: #eaeaea;
}
.uppy-DashboardTab-iconScreenRec {
color: #2c3e50;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconScreenRec {
color: #eaeaea;
}
.uppy-DashboardTab-iconAudio {
color: #8030a3;
}
[data-uppy-theme=dark] .uppy-DashboardTab-iconAudio {
color: #bf6ee3;
}
.uppy-Dashboard-input {
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
width: .1px;
z-index: -1;
}
.uppy-DashboardContent-bar {
align-items: center;
background-color: #fafafa;
border-bottom: 1px solid #eaeaea;
display: flex;
flex-shrink: 0;
height: 40px;
justify-content: space-between;
padding: 0 10px;
position: relative;
width: 100%;
z-index: 1004;
}
.uppy-size--md .uppy-DashboardContent-bar {
height: 50px;
padding: 0 15px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-bar {
background-color: #1f1f1f;
border-bottom: 1px solid #333;
}
.uppy-DashboardContent-title {
font-size: 12px;
font-weight: 500;
left: 0;
line-height: 40px;
margin: auto;
max-width: 170px;
overflow-x: hidden;
position: absolute;
right: 0;
text-align: center;
text-overflow: ellipsis;
top: 0;
white-space: nowrap;
width: 100%;
}
.uppy-size--md .uppy-DashboardContent-title {
font-size: 14px;
line-height: 50px;
max-width: 300px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-title {
color: #eaeaea;
}
[dir=ltr] .uppy-DashboardContent-back,
[dir=ltr] .uppy-DashboardContent-save {
margin-left: -6px;
}
[dir=rtl] .uppy-DashboardContent-back,
[dir=rtl] .uppy-DashboardContent-save {
margin-right: -6px;
}
.uppy-DashboardContent-back,
.uppy-DashboardContent-save {
-webkit-appearance: none;
background: none;
border: 0;
border-radius: 3px;
color: inherit;
color: #1269cf;
cursor: pointer;
font-family: inherit;
font-size: inherit;
font-size: 12px;
font-weight: 400;
line-height: 1;
margin: 0;
padding: 7px 6px;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
outline: none;
}
.uppy-DashboardContent-back::-moz-focus-inner,
.uppy-DashboardContent-save::-moz-focus-inner {
border: 0;
}
.uppy-DashboardContent-back:hover,
.uppy-DashboardContent-save:hover {
color: #0e51a0;
}
.uppy-DashboardContent-back:focus,
.uppy-DashboardContent-save:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,
[data-uppy-theme=dark] .uppy-DashboardContent-save:focus {
background-color: #333;
}
.uppy-size--md .uppy-DashboardContent-back,
.uppy-size--md .uppy-DashboardContent-save {
font-size: 14px;
}
[data-uppy-theme=dark] .uppy-DashboardContent-back,
[data-uppy-theme=dark] .uppy-DashboardContent-save {
color: #02baf2;
}
[dir=ltr] .uppy-DashboardContent-addMore {
margin-right: -5px;
}
[dir=rtl] .uppy-DashboardContent-addMore {
margin-left: -5px;
}
.uppy-DashboardContent-addMore {
-webkit-appearance: none;
background: none;
border: 0;
border-radius: 3px;
color: inherit;
color: #1269cf;
cursor: pointer;
font-family: inherit;
font-size: inherit;
font-weight: 500;
height: 29px;
line-height: 1;
margin: 0;
padding: 7px 8px;
width: 29px;
}
.uppy-DashboardContent-addMore:focus {
outline: none;
}
.uppy-DashboardContent-addMore::-moz-focus-inner {
border: 0;
}
.uppy-DashboardContent-addMore:hover {
color: #0e51a0;
}
.uppy-DashboardContent-addMore:focus {
background-color: #dfe6f1;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
background-color: #333;
}
[dir=ltr] .uppy-size--md .uppy-DashboardContent-addMore {
margin-right: -8px;
}
[dir=rtl] .uppy-size--md .uppy-DashboardContent-addMore {
margin-left: -8px;
}
.uppy-size--md .uppy-DashboardContent-addMore {
font-size: 14px;
height: auto;
width: auto;
}
[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
color: #02baf2;
}
[dir=ltr] .uppy-DashboardContent-addMore svg {
margin-right: 4px;
}
[dir=rtl] .uppy-DashboardContent-addMore svg {
margin-left: 4px;
}
.uppy-DashboardContent-addMore svg {
vertical-align: initial;
}
.uppy-size--md .uppy-DashboardContent-addMore svg {
height: 11px;
width: 11px;
}
.uppy-DashboardContent-addMoreCaption {
display: none;
}
.uppy-size--md .uppy-DashboardContent-addMoreCaption {
display: inline;
}
.uppy-DashboardContent-panel {
background-color: #f5f5f5;
flex: 1;
}
.uppy-Dashboard-AddFilesPanel,
.uppy-DashboardContent-panel {
border-radius: 5px;
bottom: 0;
display: flex;
flex-direction: column;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 1005;
}
.uppy-Dashboard-AddFilesPanel {
background: #fafafa;
background:
linear-gradient(
0deg,
#fafafa 35%,
#fafafad9);
box-shadow: 0 0 10px 5px #00000026;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
background-color: #333;
background-image:
linear-gradient(
0deg,
#1f1f1f 35%,
#1f1f1fd9);
}
.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
filter: blur(2px);
}
.uppy-Dashboard-progress {
bottom: 0;
height: 12%;
left: 0;
position: absolute;
width: 100%;
}
.uppy-Dashboard-progressBarContainer.is-active {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1004;
}
.uppy-Dashboard-filesContainer {
flex: 1;
margin: 0;
overflow-y: hidden;
position: relative;
}
.uppy-Dashboard-filesContainer:after {
clear: both;
content: "";
display: table;
}
.uppy-Dashboard-files {
-webkit-overflow-scrolling: touch;
flex: 1;
margin: 0;
overflow-y: auto;
padding: 0 0 10px;
}
.uppy-size--md .uppy-Dashboard-files {
padding-top: 10px;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-filesInner {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
.uppy-Dashboard-dropFilesHereHint {
align-items: center;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%231269CF'/%3E%3C/svg%3E");
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px dashed #1269cf;
border-radius: 3px;
bottom: 7px;
color: #757575;
display: flex;
font-size: 16px;
justify-content: center;
left: 7px;
padding-top: 90px;
position: absolute;
right: 7px;
text-align: center;
top: 7px;
visibility: hidden;
z-index: 2000;
}
[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E");
border-color: #02baf2;
color: #bbb;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
visibility: visible;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg,
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
opacity: .15;
}
.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
opacity: .03;
}
.uppy-Dashboard-AddFiles-title {
color: #000;
font-size: 17px;
font-weight: 500;
line-height: 1.35;
margin-bottom: 5px;
margin-top: 15px;
padding: 0 15px;
text-align: inline-start;
width: 100%;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title {
font-size: 21px;
font-weight: 400;
margin-top: 5px;
max-width: 480px;
padding: 0 35px;
text-align: center;
}
[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
text-align: center;
}
[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
color: #eaeaea;
}
.uppy-Dashboard-AddFiles-title button {
font-weight: 500;
}
.uppy-size--md .uppy-Dashboard-AddFiles-title button {
font-weight: 400;
}
.uppy-Dashboard-note {
color: #757575;
font-size: 14px;
line-height: 1.25;
margin: auto;
max-width: 350px;
padding: 0 15px;
text-align: center;
}
.uppy-size--md .uppy-Dashboard-note {
line-height: 1.35;
max-width: 600px;
}
[data-uppy-theme=dark] .uppy-Dashboard-note {
color: #cfcfcf;
}
a.uppy-Dashboard-poweredBy {
color: #939393;
display: inline-block;
font-size: 11px;
margin-top: 8px;
text-align: center;
text-decoration: none;
}
.uppy-Dashboard-poweredByIcon {
fill: none;
stroke: #939393;
margin-left: 1px;
margin-right: 1px;
opacity: .9;
position: relative;
top: 1px;
vertical-align: text-top;
}
.uppy-Dashboard-Item-previewIcon {
height: 25px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 25px;
z-index: 100;
}
.uppy-size--md .uppy-Dashboard-Item-previewIcon {
height: 38px;
width: 38px;
}
.uppy-Dashboard-Item-previewIcon svg {
height: 100%;
width: 100%;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIcon {
height: 100%;
max-height: 60%;
max-width: 60%;
width: 100%;
}
.uppy-Dashboard-Item-previewIconWrap {
height: 76px;
max-height: 75%;
position: relative;
}
.uppy-Dashboard--singleFile .uppy-Dashboard-Item-previewIconWrap {
height: 100%;
width: 100%;
}
.uppy-Dashboard-Item-previewIconBg {
filter: drop-shadow(rgba(0, 0, 0, .1) 0 1px 1px);
height: 100%;
width: 100%;
}
.uppy-Dashboard-upload {
height: 50px;
position: relative;
width: 50px;
}
.uppy-size--md .uppy-Dashboard-upload {
height: 60px;
width: 60px;
}
.uppy-Dashboard-upload .uppy-c-icon {
position: relative;
top: 1px;
width: 50%;
}
[dir=ltr] .uppy-Dashboard-uploadCount {
right: -12px;
}
[dir=rtl] .uppy-Dashboard-uploadCount {
left: -12px;
}
.uppy-Dashboard-uploadCount {
background-color: #1bb240;
border-radius: 50%;
color: #fff;
font-size: 8px;
height: 16px;
line-height: 16px;
position: absolute;
top: -12px;
width: 16px;
}
.uppy-size--md .uppy-Dashboard-uploadCount {
font-size: 9px;
height: 18px;
line-height: 18px;
width: 18px;
}
.uppy-ImageCropper-range {
-webkit-appearance: none;
background: #0000;
margin: 8px 0;
width: 100%;
}
.uppy-ImageCropper-range::-moz-focus-outer {
border: 0;
}
.uppy-ImageCropper-range:focus {
outline: 0;
}
.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track {
background: #fff3;
}
.uppy-ImageCropper-range:focus::-ms-fill-lower,
.uppy-ImageCropper-range:focus::-ms-fill-upper {
background: #fff3;
}
.uppy-ImageCropper-range::-webkit-slider-runnable-track {
background: #fff3;
border: 0 solid #0000;
border-radius: 5px;
box-shadow: 0 0 0 #0000, 0 0 0 #0d0d0d00;
cursor: default;
height: 4px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
}
.uppy-ImageCropper-range::-webkit-slider-thumb {
-webkit-appearance: none;
background: #fff;
border: 0 solid #0000;
border-radius: 9px;
box-shadow: 0 0 4px #0003, 0 0 0 #0d0d0d33;
box-sizing: border-box;
cursor: default;
height: 16px;
margin-top: -6px;
width: 16px;
}
.uppy-ImageCropper-range::-moz-range-track {
background: #fff3;
border: 0 solid #0000;
border-radius: 5px;
box-shadow: 0 0 0 #0000, 0 0 0 #0d0d0d00;
cursor: default;
height: 2px;
-moz-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
}
.uppy-ImageCropper-range::-moz-range-thumb {
background: #fff;
border: 0 solid #0000;
border-radius: 9px;
box-shadow: 0 0 4px #0003, 0 0 0 #0d0d0d33;
box-sizing: border-box;
cursor: default;
height: 16px;
width: 16px;
}
.uppy-ImageCropper-range::-ms-track {
background: #0000;
border-color: #0000;
border-width: 8px 0;
color: #0000;
cursor: default;
height: 4px;
-ms-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
}
.uppy-ImageCropper-range::-ms-fill-lower {
background: #f2f2f233;
border: 0 solid #0000;
border-radius: 10px;
box-shadow: 0 0 0 #0000, 0 0 0 #0d0d0d00;
}
.uppy-ImageCropper-range::-ms-fill-upper {
background: #fff3;
border: 0 solid #0000;
border-radius: 10px;
box-shadow: 0 0 0 #0000, 0 0 0 #0d0d0d00;
}
.uppy-ImageCropper-range::-ms-thumb {
background: #fff;
border: 0 solid #0000;
border-radius: 9px;
box-shadow: 0 0 4px #0003, 0 0 0 #0d0d0d33;
box-sizing: border-box;
cursor: default;
height: 16px;
margin-top: 1px;
width: 16px;
}
.uppy-ImageCropper-range:disabled::-moz-range-thumb,
.uppy-ImageCropper-range:disabled::-ms-fill-lower,
.uppy-ImageCropper-range:disabled::-ms-fill-upper,
.uppy-ImageCropper-range:disabled::-ms-thumb,
.uppy-ImageCropper-range:disabled::-webkit-slider-runnable-track,
.uppy-ImageCropper-range:disabled::-webkit-slider-thumb {
cursor: not-allowed;
}
.cropper-container {
direction: ltr;
font-size: 0;
line-height: 0;
position: relative;
touch-action: none;
-webkit-user-select: none;
user-select: none;
}
.cropper-container img {
display: block;
height: 100%;
image-orientation: 0deg;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
width: 100%;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.cropper-canvas,
.cropper-wrap-box {
overflow: hidden;
}
.cropper-drag-box {
background-color: #fff;
opacity: 0;
}
.cropper-modal {
background-color: #000;
opacity: .5;
}
.cropper-view-box {
display: block;
height: 100%;
outline: 1px solid #39f;
outline-color: #3399ffbf;
overflow: hidden;
width: 100%;
}
.cropper-dashed {
border: 0 dashed #eee;
display: block;
opacity: .5;
position: absolute;
}
.cropper-dashed.dashed-h {
border-bottom-width: 1px;
border-top-width: 1px;
height: 33.3333333333%;
left: 0;
top: 33.3333333333%;
width: 100%;
}
.cropper-dashed.dashed-v {
border-left-width: 1px;
border-right-width: 1px;
height: 100%;
left: 33.3333333333%;
top: 0;
width: 33.3333333333%;
}
.cropper-center {
display: block;
height: 0;
left: 50%;
opacity: .75;
position: absolute;
top: 50%;
width: 0;
}
.cropper-center:after,
.cropper-center:before {
background-color: #eee;
content: " ";
display: block;
position: absolute;
}
.cropper-center:before {
height: 1px;
left: -3px;
top: 0;
width: 7px;
}
.cropper-center:after {
height: 7px;
left: 0;
top: -3px;
width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
display: block;
height: 100%;
opacity: .1;
position: absolute;
width: 100%;
}
.cropper-face {
background-color: #fff;
left: 0;
top: 0;
}
.cropper-line {
background-color: #39f;
}
.cropper-line.line-e {
cursor: ew-resize;
right: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-n {
cursor: ns-resize;
height: 5px;
left: 0;
top: -3px;
}
.cropper-line.line-w {
cursor: ew-resize;
left: -3px;
top: 0;
width: 5px;
}
.cropper-line.line-s {
bottom: -3px;
cursor: ns-resize;
height: 5px;
left: 0;
}
.cropper-point {
background-color: #39f;
height: 5px;
opacity: .75;
width: 5px;
}
.cropper-point.point-e {
cursor: ew-resize;
margin-top: -3px;
right: -3px;
top: 50%;
}
.cropper-point.point-n {
cursor: ns-resize;
left: 50%;
margin-left: -3px;
top: -3px;
}
.cropper-point.point-w {
cursor: ew-resize;
left: -3px;
margin-top: -3px;
top: 50%;
}
.cropper-point.point-s {
bottom: -3px;
cursor: s-resize;
left: 50%;
margin-left: -3px;
}
.cropper-point.point-ne {
cursor: nesw-resize;
right: -3px;
top: -3px;
}
.cropper-point.point-nw {
cursor: nwse-resize;
left: -3px;
top: -3px;
}
.cropper-point.point-sw {
bottom: -3px;
cursor: nesw-resize;
left: -3px;
}
.cropper-point.point-se {
bottom: -3px;
cursor: nwse-resize;
height: 20px;
opacity: 1;
right: -3px;
width: 20px;
}
@media (min-width:768px) {
.cropper-point.point-se {
height: 15px;
width: 15px;
}
}
@media (min-width:992px) {
.cropper-point.point-se {
height: 10px;
width: 10px;
}
}
@media (min-width:1200px) {
.cropper-point.point-se {
height: 5px;
opacity: .75;
width: 5px;
}
}
.cropper-point.point-se:before {
background-color: #39f;
bottom: -50%;
content: " ";
display: block;
height: 200%;
opacity: 0;
position: absolute;
right: -50%;
width: 200%;
}
.cropper-invisible {
opacity: 0;
}
.cropper-bg {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
display: block;
height: 0;
position: absolute;
width: 0;
}
.cropper-hidden {
display: none !important;
}
.cropper-move {
cursor: move;
}
.cropper-crop {
cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
cursor: not-allowed;
}
.uppy-ImageCropper {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
.uppy-ImageCropper-container {
flex-grow: 1;
}
.uppy-ImageCropper-image {
display: block;
max-height: 400px;
max-width: 100%;
}
.uppy-ImageCropper-controls {
align-items: center;
background-color: #0009;
border-radius: 5px;
bottom: 15px;
color: #fff;
display: flex;
justify-content: center;
left: 50%;
padding-top: 38px;
position: absolute;
transform: translateX(-50%);
}
.uppy-size--md .uppy-ImageCropper-controls {
padding-top: 0;
}
.uppy-ImageCropper-controls button {
border-radius: 5px;
height: 35px;
width: 35px;
}
.uppy-ImageCropper-controls button svg {
padding: 3px;
}
.uppy-size--md .uppy-ImageCropper-controls button {
height: 40px;
width: 40px;
}
.uppy-size--md .uppy-ImageCropper-controls button svg {
padding: 1px;
}
.uppy-ImageCropper-controls button:hover {
background-color: #ffffff80;
}
.uppy-ImageCropper-controls button:focus {
background-color: #ffffff80;
outline: none;
}
.uppy-Dashboard:not(.uppy-size--md) .uppy-ImageCropper-rangeWrapper {
height: 38px;
left: 10px;
position: absolute !important;
right: 10px;
top: 0;
}
.uppy-size--md .uppy-ImageCropper-range {
margin-left: 5px;
margin-right: 5px;
width: 180px;
}
.uppy-ImageCropper .cropper-point {
height: 8px;
width: 8px;
}
.uppy-ImageCropper .cropper-view-box {
background: repeating-conic-gradient(#bdbdbd33 0 25%, #fff 0 50%) 50%/16px 16px;
outline: 2px solid #39f;
}
[data-uppy-theme=dark] .uppy-ImageCropper .cropper-view-box {
background: repeating-conic-gradient(#2b2a2a 0 25%, #000 0 50%) 50%/16px 16px;
}
.uppy-ImageCropper .cropper-modal {
background-color: #fff;
opacity: .9;
}
[data-uppy-theme=dark] .uppy-ImageCropper .cropper-modal {
background-color: #000;
opacity: .7;
}
.uppy-ImageCropper .cropper-face {
opacity: 0;
}
.uppy-ImageCropper-range::-moz-range-track {
height: 4px;
}
.uppy-ImageCropper-range:focus::-webkit-slider-runnable-track,
.uppy-ImageCropper-range:hover::-webkit-slider-runnable-track {
background: #ffffff80;
}
.uppy-ImageCropper-range:focus::-ms-fill-lower,
.uppy-ImageCropper-range:focus::-ms-fill-upper,
.uppy-ImageCropper-range:hover::-ms-fill-lower,
.uppy-ImageCropper-range:hover::-ms-fill-upper {
background: #ffffff80;
}
.uppy-ImageCropper-range:focus::-moz-range-track,
.uppy-ImageCropper-range:hover::-moz-range-track {
background: #ffffff80;
}
.uppy-is-drag-over:after {
background-color: #eaeaea80;
border: 5px dashed #bbb;
bottom: 7px;
content: "";
left: 7px;
position: fixed;
right: 7px;
top: 7px;
z-index: 10000;
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
height: 28px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px;
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
}
.select2-container .select2-search--inline {
float: left;
}
.select2-container .select2-search--inline .select2-search__field {
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-dropdown {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051;
}
.select2-results {
display: block;
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 0;
}
.select2-results__option {
padding: 6px;
user-select: none;
-webkit-user-select: none;
}
.select2-results__option[aria-selected] {
cursor: pointer;
}
.select2-container--open .select2-dropdown {
left: 0;
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-search--dropdown {
display: block;
padding: 4px;
}
.select2-search--dropdown .select2-search__field {
padding: 4px;
width: 100%;
box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
display: none;
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: #fff;
filter: alpha(opacity=0);
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-top: 5px;
margin-right: 10px;
padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: #999;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #333;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto;
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid black 1px;
outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #eee;
cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
background: transparent;
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #5897fb;
color: white;
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic .select2-selection--single {
background-color: #f7f7f7;
border: 1px solid #aaa;
border-radius: 4px;
outline: 0;
background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
background-image:
linear-gradient(
to bottom,
#fff 50%,
#eee 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
color: #444;
line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: bold;
margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color: #ddd;
border: none;
border-left: 1px solid #aaa;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
background-image:
linear-gradient(
to bottom,
#eee 50%,
#ccc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color: #888 transparent transparent transparent;
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left;
}
.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
border: none;
border-right: 1px solid #aaa;
border-radius: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
left: 1px;
right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background: transparent;
border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #888 transparent;
border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
background-image:
linear-gradient(
to bottom,
#fff 0%,
#eee 50%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
background-image:
linear-gradient(
to bottom,
#eee 50%,
#fff 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
background-color: white;
border: 1px solid #aaa;
border-radius: 4px;
cursor: text;
outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
list-style: none;
margin: 0;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color: #e4e4e4;
border: 1px solid #aaa;
border-radius: 4px;
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
color: #888;
cursor: pointer;
display: inline-block;
font-weight: bold;
margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #555;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
float: right;
margin-left: 5px;
margin-right: auto;
}
.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
border: 1px solid #aaa;
outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
outline: 0;
box-shadow: none;
}
.select2-container--classic .select2-dropdown {
background-color: #fff;
border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
max-height: 200px;
overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
background-color: #3875d7;
color: #fff;
}
.select2-container--classic .select2-results__group {
cursor: default;
display: block;
padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
border-color: #5897fb;
}
.pickr {
position: relative;
overflow: visible;
transform: translateY(0);
}
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pickr .pcr-button {
position: relative;
height: 2em;
width: 2em;
padding: .5em;
cursor: pointer;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
sans-serif;
border-radius: .15em;
background: url('data:image/svg+xml;utf8, ') no-repeat 50%;
background-size: 0;
transition: all .3s;
}
.pickr .pcr-button:before {
background: url('data:image/svg+xml;utf8, ');
background-size: .5em;
z-index: -1;
z-index: auto;
}
.pickr .pcr-button:after,
.pickr .pcr-button:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: .15em;
}
.pickr .pcr-button:after {
transition: background .3s;
background: var(--pcr-color);
}
.pickr .pcr-button.clear {
background-size: 70%;
}
.pickr .pcr-button.clear:before {
opacity: 0;
}
.pickr .pcr-button.clear:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px var(--pcr-color);
}
.pickr .pcr-button.disabled {
cursor: not-allowed;
}
.pcr-app *,
.pickr * {
box-sizing: border-box;
outline: none;
border: none;
-webkit-appearance: none;
}
.pcr-app button.pcr-active,
.pcr-app button:focus,
.pcr-app input.pcr-active,
.pcr-app input:focus,
.pickr button.pcr-active,
.pickr button:focus,
.pickr input.pcr-active,
.pickr input:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px var(--pcr-color);
}
.pcr-app .pcr-palette,
.pcr-app .pcr-slider,
.pickr .pcr-palette,
.pickr .pcr-slider {
transition: box-shadow .3s;
}
.pcr-app .pcr-palette:focus,
.pcr-app .pcr-slider:focus,
.pickr .pcr-palette:focus,
.pickr .pcr-slider:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(0, 0, 0, .25);
}
.pcr-app {
position: fixed;
display: flex;
flex-direction: column;
z-index: 10000;
border-radius: .1em;
background: #fff;
opacity: 0;
visibility: hidden;
transition: opacity .3s, visibility 0s .3s;
font-family:
-apple-system,
BlinkMacSystemFont,
Segoe UI,
Roboto,
Helvetica Neue,
Arial,
sans-serif;
box-shadow: 0 .15em 1.5em 0 rgba(0, 0, 0, .1), 0 0 1em 0 rgba(0, 0, 0, .03);
left: 0;
top: 0;
}
.pcr-app.visible {
transition: opacity .3s;
visibility: visible;
opacity: 1;
}
.pcr-app .pcr-swatches {
display: flex;
flex-wrap: wrap;
margin-top: .75em;
}
.pcr-app .pcr-swatches.pcr-last {
margin: 0;
}
@supports (display:grid) {
.pcr-app .pcr-swatches {
display: grid;
align-items: center;
grid-template-columns: repeat(auto-fit, 1.75em);
}
}
.pcr-app .pcr-swatches > button {
font-size: 1em;
position: relative;
width: calc(1.75em - 5px);
height: calc(1.75em - 5px);
border-radius: .15em;
cursor: pointer;
margin: 2.5px;
flex-shrink: 0;
justify-self: center;
transition: all .15s;
overflow: hidden;
background: transparent;
z-index: 1;
}
.pcr-app .pcr-swatches > button:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: 6px;
border-radius: .15em;
z-index: -1;
}
.pcr-app .pcr-swatches > button:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--pcr-color);
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .15em;
box-sizing: border-box;
}
.pcr-app .pcr-swatches > button:hover {
filter: brightness(1.05);
}
.pcr-app .pcr-swatches > button:not(.pcr-active) {
box-shadow: none;
}
.pcr-app .pcr-interaction {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0 -.2em;
}
.pcr-app .pcr-interaction > * {
margin: 0 .2em;
}
.pcr-app .pcr-interaction input {
letter-spacing: .07em;
font-size: .75em;
text-align: center;
cursor: pointer;
color: #75797e;
background: #f1f3f4;
border-radius: .15em;
transition: all .15s;
padding: .45em .5em;
margin-top: .75em;
}
.pcr-app .pcr-interaction input:hover {
filter: brightness(.975);
}
.pcr-app .pcr-interaction input:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(66, 133, 244, .75);
}
.pcr-app .pcr-interaction .pcr-result {
color: #75797e;
text-align: left;
flex: 1 1 8em;
min-width: 8em;
transition: all .2s;
border-radius: .15em;
background: #f1f3f4;
cursor: text;
}
.pcr-app .pcr-interaction .pcr-result::-moz-selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-result::selection {
background: #4285f4;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-type.active {
color: #fff;
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear,
.pcr-app .pcr-interaction .pcr-save {
width: auto;
color: #fff;
}
.pcr-app .pcr-interaction .pcr-cancel:hover,
.pcr-app .pcr-interaction .pcr-clear:hover,
.pcr-app .pcr-interaction .pcr-save:hover {
filter: brightness(.925);
}
.pcr-app .pcr-interaction .pcr-save {
background: #4285f4;
}
.pcr-app .pcr-interaction .pcr-cancel,
.pcr-app .pcr-interaction .pcr-clear {
background: #f44250;
}
.pcr-app .pcr-interaction .pcr-cancel:focus,
.pcr-app .pcr-interaction .pcr-clear:focus {
box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .85), 0 0 0 3px rgba(244, 66, 80, .75);
}
.pcr-app .pcr-selection .pcr-picker {
position: absolute;
height: 18px;
width: 18px;
border: 2px solid #fff;
border-radius: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pcr-app .pcr-selection .pcr-color-chooser,
.pcr-app .pcr-selection .pcr-color-opacity,
.pcr-app .pcr-selection .pcr-color-palette {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
flex-direction: column;
cursor: grab;
cursor: -webkit-grab;
}
.pcr-app .pcr-selection .pcr-color-chooser:active,
.pcr-app .pcr-selection .pcr-color-opacity:active,
.pcr-app .pcr-selection .pcr-color-palette:active {
cursor: grabbing;
cursor: -webkit-grabbing;
}
.pcr-app[data-theme=monolith] {
width: 14.25em;
max-width: 95vw;
padding: .8em;
}
.pcr-app[data-theme=monolith] .pcr-selection {
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview {
position: relative;
z-index: 1;
width: 100%;
height: 1em;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: .5em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: .5em;
border-radius: .15em;
z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
cursor: pointer;
transition: background-color .3s, box-shadow .3s;
border-radius: .15em 0 0 .15em;
z-index: 2;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color {
border-radius: 0 .15em .15em 0;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-current-color,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-preview .pcr-last-color {
background: var(--pcr-color);
width: 50%;
height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette {
width: 100%;
height: 8em;
z-index: 1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette {
border-radius: .15em;
width: 100%;
height: 100%;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-palette .pcr-palette:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url('data:image/svg+xml;utf8, ');
background-size: .5em;
border-radius: .15em;
z-index: -1;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity {
height: .5em;
margin-top: .75em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-picker,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-picker {
top: 50%;
transform: translateY(-50%);
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider,
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
flex-grow: 1;
border-radius: 50em;
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-chooser .pcr-slider {
background:
linear-gradient(
90deg,
red,
#ff0,
#0f0,
#0ff,
#00f,
#f0f,
red);
}
.pcr-app[data-theme=monolith] .pcr-selection .pcr-color-opacity .pcr-slider {
background:
linear-gradient(
90deg,
transparent,
#000),
url('data:image/svg+xml;utf8, ');
background-size: 100%, .25em;
}
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:before,
.daterangepicker:after {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: "";
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
color: #fff;
border: solid black;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
margin-left: 8px;
font-size: 12px;
font-weight: bold;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .ranges,
.daterangepicker.single .drp-calendar {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .ranges,
.daterangepicker .drp-calendar {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
}
@layer components {
.refine-button {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-button:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.refine-button:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
--tw-ring-offset-width: 2px ;
}
.refine-button.button-red {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.refine-button.button-red:hover {
--tw-bg-opacity: 1;
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}
.refine-button.button-red:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)) ;
}
.refine-button-secondary {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.refine-button-secondary:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.refine-button-secondary.button-increase-contrast {
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
.refine-button-secondary.button-increase-contrast:hover {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.refine-button-secondary.button-red {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.refine-button-secondary.button-red:hover {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.refine-button-secondary.button-red.button-increase-contrast {
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
.refine-button-secondary.button-red.button-increase-contrast:hover {
--tw-text-opacity: 1;
color: rgb(127 29 29 / var(--tw-text-opacity));
}
.refine-button,
.refine-button-secondary {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
&.button-smaller {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
&.button-smaller {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
&.button-smaller {
font-size: 0.75rem;
line-height: 1rem;
}
}
.refine-stored-filter-head-container {
display: flex;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.refine-stored-filter-header {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.refine-stored-filter-link {
margin-left: auto;
background-color: transparent;
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5rem;
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
outline: 2px solid transparent;
outline-offset: 2px;
}
.refine-stored-filter-link:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.refine-stored-filter-container {
padding-top: 1rem;
padding-bottom: 1rem;
}
.refine-stored-filter-form {
display: flex;
width: 100%;
}
.refine-stored-filter-error {
margin-bottom: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.refine-stored-filter-input {
margin-right: 1rem;
display: block;
width: 100%;
border-radius: 0.25rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
padding-left: 2.25rem;
}
.refine-stored-filter-input:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-stored-filter-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-stored-filter-button-cancel {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.refine-stored-filter-button-cancel:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.refine-stored-filter-button-cancel {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-left: auto;
margin-right: 1rem;
}
.refine-stored-filter-button-submit {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-stored-filter-button-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.refine-stored-filter-button-submit:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
--tw-ring-offset-width: 2px ;
}
.refine-stored-filter-button-submit {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
text-align: center;
}
.refine-stored-filter-search-container {
display: flex;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.refine-stored-filter-search-form {
display: flex;
width: 100%;
}
.refine-stored-filter-search-selector-container {
margin-right: 1rem;
width: 100%;
}
.refine-stored-filter-search-button-cancel {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.refine-stored-filter-search-button-cancel:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.refine-stored-filter-search-button-cancel {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-left: auto;
margin-right: 1rem;
}
.refine-stored-filter-search-button-submit {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-stored-filter-search-button-submit:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.refine-stored-filter-search-button-submit:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
--tw-ring-offset-width: 2px ;
}
.refine-stored-filter-search-button-submit {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
text-align: center;
}
.refine-filter-builder-dropdown-container {
position: relative;
display: none;
width: auto;
padding: 1.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
@media (min-width: 768px) {
.refine-filter-builder-dropdown-container {
display: block;
}
}
.refine-filter-builder-dropdown-search-box {
position: absolute;
right: 0px;
z-index: 100;
margin-top: 0.5rem;
width: 100vw;
transform-origin: top right;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
opacity: 1;
--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
@media (min-width: 640px) {
.refine-filter-builder-dropdown-search-box {
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
}
}
.refine-filter-builder-dropdown-toggle-button {
border-radius: 0.25rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
background-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(29 78 216 / var(--tw-text-opacity));
}
.refine-filter-builder-dropdown-toggle-button:hover {
border-color: transparent;
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.refine-filter-builder-dropdown-button-container {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
display: flex;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.refine-filter-builder-dropdown-cancel-button {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.refine-filter-builder-dropdown-cancel-button:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.refine-filter-builder-dropdown-cancel-button {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-left: auto;
margin-right: 1rem;
}
.refine-filter-builder-dropdown-apply-button {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-filter-builder-dropdown-apply-button:hover {
--tw-bg-opacity: 1;
background-color: rgb(37 99 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
-webkit-text-decoration-line: none;
text-decoration-line: none;
}
.refine-filter-builder-dropdown-apply-button:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
--tw-ring-opacity: 1;
--tw-ring-color: rgb(37 99 235 / var(--tw-ring-opacity));
--tw-ring-offset-width: 2px ;
}
.refine-filter-builder-dropdown-apply-button {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
margin-right: 1rem;
text-align: center;
}
.refine-filter-builder-dropdown-loading-container {
padding-top: 1rem;
padding-bottom: 1rem;
}
.refine-filter-condition-container {
margin-top: 0.75rem;
display: flex;
width: 100%;
}
@media (min-width: 640px) {
.refine-filter-condition-container {
margin-right: 0.75rem;
width: auto;
flex-shrink: 0;
}
}
.refine-filter-condition-select {
margin-top: 0.25rem;
display: block;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 2.5rem;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-size: 1rem;
line-height: 1.5rem;
}
.refine-filter-condition-select:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-filter-condition-select {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-filter-condition-postfix {
flex-shrink: 0;
border-radius: 0.375rem;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
padding: 0.5rem;
}
.refine-option-condition-container {
margin-top: 0.75rem;
display: flex;
width: 100%;
}
@media (min-width: 640px) {
.refine-option-condition-container {
margin-right: 0.75rem;
width: auto;
flex-shrink: 0;
}
}
.refine-option-condition-select {
margin-top: 0.25rem;
display: block;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 2.5rem;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
font-size: 1rem;
line-height: 1.5rem;
}
.refine-option-condition-select:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-option-condition-select {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-option-condition-postfix {
flex-shrink: 0;
border-radius: 0.375rem;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
padding: 0.5rem;
}
.refine-add-container {
display: flex;
padding-top: 1rem;
}
.refine-add-button {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
}
.refine-add-button:hover {
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
}
.refine-add-button {
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
display: inline-flex;
align-items: center;
white-space: nowrap;
display: block;
cursor: pointer;
padding-left: 0.75rem;
padding-right: 0.75rem;
text-align: center;
font-weight: 600;
text-transform: uppercase;
--tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity));
}
.refine-add-icon {
padding-left: 0.5rem;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.refine-add-group-container {
display: flex;
align-items: center;
}
.refine-add-group {
margin-right: 0.25rem;
margin-bottom: 0.25rem;
cursor: pointer;
background-color: transparent;
padding-top: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(37 99 235 / var(--tw-text-opacity));
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
outline: 2px solid transparent;
outline-offset: 2px;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-timing-function: linear;
}
.refine-add-group:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.refine-add-group.refine-add-disabled {
cursor: not-allowed;
}
.refine-clause-select-prefixed {
display: flex;
}
.refine-clause-select-prefix {
flex-shrink: 0;
border-radius: 0.375rem;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
padding: 0.5rem;
}
.refine-clause-select {
width: 100%;
flex-shrink: 0;
flex-grow: 1;
}
@media (min-width: 640px) {
.refine-clause-select {
width: auto;
}
}
.refine-condition-select {
width: 100%;
}
@media (min-width: 640px) {
.refine-condition-select {
width: auto;
}
}
.refine-criterion-error {
margin-top: 0.5rem;
font-size: 0.75rem;
line-height: 1rem;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.refine-criterion-container {
display: flex;
width: 100%;
flex-grow: 1;
flex-wrap: wrap;
align-items: baseline;
}
@media (min-width: 640px) {
.refine-criterion-container {
width: auto;
padding-right: 3rem;
}
}
.refine-criterion-condition-container {
width: 100%;
padding-top: 0.75rem;
}
@media (min-width: 640px) {
.refine-criterion-condition-container {
margin-right: 0.75rem;
width: auto;
flex-shrink: 0;
}
}
.refine-criterion-clause-container {
width: 100%;
padding-top: 0.75rem;
}
@media (min-width: 640px) {
.refine-criterion-clause-container {
margin-right: 0.75rem;
width: auto;
flex-shrink: 0;
}
}
.refine-criterion-refinement-container {
width: 100%;
}
@media (min-width: 640px) {
.refine-criterion-refinement-container {
width: auto;
flex-shrink: 0;
}
}
.refine-delete-container {
margin-left: auto;
flex: none;
padding-top: 1.25rem;
}
.refine-delete-button {
margin-left: auto;
display: flex;
align-items: center;
}
.refine-delete-criterion-icon {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.refine-delete-criterion-label {
display: none;
padding-left: 0.5rem;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.refine-group-container {
border-radius: 0.25rem;
--tw-bg-opacity: 1;
background-color: rgb(249 250 251 / var(--tw-bg-opacity));
padding: 1rem;
font-family:
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
"Noto Sans",
sans-serif,
"Apple Color Emoji",
"Segoe UI Emoji",
"Segoe UI Symbol",
"Noto Color Emoji";
}
.refine-group-criterion-container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding-bottom: 0.75rem;
}
.refine-group-and {
padding-left: 0.5rem;
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.refine-query-container {
position: relative;
}
.refine-query-content-container {
position: relative;
height: 100%;
width: 100%;
}
.refine-query-loading-container {
position: absolute;
left: 0px;
top: 0px;
z-index: 10;
display: flex;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
border-radius: 0.25rem;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.5 ;
}
.refine-query-loading-text {
font-size: 1.25rem;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.refine-query-or {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.refine-date-picker-container {
position: relative;
}
.refine-date-picker-input {
width: 9rem;
border-radius: 0.25rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.refine-date-picker-input:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-date-picker-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-text-condition-container {
margin-top: 0.75rem;
margin-right: 0.75rem;
}
.refine-text-condition-input {
border-radius: 0.25rem;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.refine-text-condition-input:focus {
--tw-border-opacity: 1;
border-color: rgb(59 130 246 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-text-condition-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-numeric-condition-container {
margin-top: 0.75rem;
flex-grow: 0;
}
.refine-numeric-condition-container-btwn {
margin-top: 0.75rem;
flex-grow: 0;
}
@media (min-width: 640px) {
.refine-numeric-condition-container-btwn {
margin-right: 0.75rem;
}
}
.refine-numeric-condition-input {
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-numeric-condition-input:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-numeric-condition-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-numeric-condition-and {
margin-top: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.refine-numeric-condition-second-container {
margin-top: 0.75rem;
flex-grow: 0;
}
@media (min-width: 640px) {
.refine-numeric-condition-second-container {
margin-right: 0.75rem;
}
}
.refine-numeric-condition-second-input {
display: block;
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-numeric-condition-second-input:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-numeric-condition-second-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-date-condition-days-container {
margin-top: 0.75rem;
}
.refine-date-condition-days-input {
display: block;
width: 7rem;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.refine-date-condition-days-input:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-date-condition-days-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-date-condition-days-text {
margin-top: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.refine-date-condition-days-modifier-container {
margin-top: 0.75rem;
width: 8rem;
}
@media (min-width: 640px) {
.refine-date-condition-days-modifier-container {
margin-right: 0.75rem;
}
}
.refine-date-condition-days-modifier-select {
width: 100%;
border-radius: 0.375rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 2.5rem;
font-size: 1rem;
line-height: 1.5rem;
}
.refine-date-condition-days-modifier-select:focus {
--tw-border-opacity: 1;
border-color: rgb(99 102 241 / var(--tw-border-opacity));
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-opacity: 1;
--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)) ;
}
@media (min-width: 640px) {
.refine-date-condition-days-modifier-select {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine-date-condition-first-date-container {
margin-top: 0.75rem;
flex-grow: 0;
}
@media (min-width: 640px) {
.refine-date-condition-first-date-container {
margin-right: 0.75rem;
}
}
.refine-date-condition-first-date-container-btwn {
margin-top: 0.75rem;
flex-grow: 0;
}
.refine-date-condition-and {
margin-top: 0.75rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.refine-date-condition-second-date-container {
margin-top: 0.75rem;
flex-grow: 0;
}
@media (min-width: 640px) {
.refine-date-condition-second-date-container {
margin-right: 0.75rem;
}
}
.refine--inline-popup {
position: absolute;
z-index: 100;
margin-top: 0.5rem;
width: 100vw;
border-radius: 0.25rem;
background-color: white;
padding-left: 1rem;
padding-right: 1rem;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
max-height: 66vh;
overflow: visible;
display: block;
}
.refine--filter-wrapper {
font-size: 14px;
display: flex;
gap: 12px;
margin-top: 12px;
}
.refine--filter-row {
display: flex;
width: 100%;
gap: 10px;
row-gap: 15px;
align-items: center;
align-items: start;
justify-content: space-between;
}
.refine--groups-wrapper {
display: flex;
gap: 10px;
row-gap: 15px;
align-items: center;
flex-wrap: wrap;
}
.refine--or-group {
display: flex;
gap: 10px;
row-gap: 15px;
align-items: center;
flex-wrap: wrap;
}
.refine--filter-control-group {
text-wrap: nowrap;
flex-wrap: wrap;
display: flex;
align-items: center;
justify-content: end;
}
@media (max-width: 1525px) {
.refine--filter-control-group {
width: 24%;
}
}
@media (max-width: 1200px) {
.refine--filter-control-group {
width: 30%;
}
}
@media (max-width: 1100px) {
.refine--filter-control-group {
width: 40%;
}
}
.refine--group-join,
.refine--condition-join {
position: relative;
padding: 5px 0;
width: 35px;
text-align: center;
border-radius: 6px;
cursor: default;
&:hover {
background-color: #f8f8f8;
}
}
.refine--group-join:hover .refine--remove-group {
display: block;
}
.refine--group {
display: flex;
gap: 10px;
align-items: center;
position: relative;
flex-wrap: wrap;
}
.refine--group-conditions-wrapper {
display: flex;
gap: 5px;
position: relative;
padding: 0 10px;
align-items: center;
flex-wrap: wrap;
&:before,
&:after {
content: "";
position: absolute;
top: -2px;
bottom: -2px;
border: 2px solid #eee;
width: 3px;
}
&:hover {
&:before,
&:after {
border-color: #aaa;
}
}
&:before {
border-radius: 6px 0 0 6px;
left: 0;
border-right: none;
}
&:after {
border-radius: 0 6px 6px 0;
right: 0;
border-left: none;
}
}
.refine--group-conditions {
display: flex;
gap: 5px;
align-items: center;
}
.refine--condition-list {
margin-top: 5px;
max-height: 180px;
overflow: auto;
}
.refine--condition-list-item {
color: black;
display: block;
padding: 3px 5px;
color: #111;
border-radius: 6px;
line-height: 1.15;
}
.refine--condition-list-item:hover {
background-color: #eee;
color: #111;
text-decoration: none;
}
.refine--condition-pill-wrapper {
display: flex;
align-items: center;
gap: 5px;
position: relative;
}
.refine--condition-pill {
display: flex;
align-items: center;
background-color: #F2F4F7;
border: 1px solid #EBEBEB;
border-radius: 6px;
font-size: 14px;
cursor: pointer;
position: relative;
white-space: nowrap;
padding: 4px 8px;
&:hover {
border-color: #D1D5DB;
background-color: #E5E7EB;
.refine--remove-condition {
display: block;
}
}
&:active {
border-color: #E5E7EB;
}
&:not(:hover) {
.refine--condition-value-wrapper {
display: none;
}
}
}
.refine--condition-pill-button {
display: flex;
}
.refine--filter-condition {
display: flex;
align-items: center;
font-size: 14px;
position: relative;
background-color: #efeff2;
border-radius: 6px;
padding: 4px;
}
.refine--remove-condition,
.refine--remove-group {
display: none;
color: #fff;
padding: 0px 2px 0px 2px;
border-radius: 50%;
position: absolute;
top: -8px;
right: -8px;
background-color: #ee3f3f;
z-index: 999;
line-height: 1;
border: 1.5px solid #fff;
.material-icons-outlined.refine--icon-sm,
.material-icons.refine--icon-sm,
.icon.refine--icon-sm {
padding: 2px 0;
}
&:hover {
border-color: #999;
.remove-applied-condition {
display: block;
}
}
}
.refine--condition-value-wrapper {
position: absolute;
top: 100%;
background-color: #000;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
border-radius: 6px;
color: #fff;
padding: 5px 10px;
display: flex;
gap: 5px;
font-size: 12px;
z-index: 9999;
left: 50%;
transform: translate3d(-50%, 4px, 0);
-webkit-animation: 0.25s cubic-bezier(.45, 1.1, .7, 1) 0s pillValueTooltip;
animation: 0.25s cubic-bezier(.45, 1.1, .7, 1) 0s pillValueTooltip;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.refine--condition-value-clause,
.refine--condition-value-self {
padding-left: 4px;
}
.refine--condition-pill-name,
.refine--condition-value-self {
font-weight: 600;
}
.refine--condition-value-self {
max-width: 150px;
text-overflow: ellipsis;
overflow: hidden;
}
.refine--select {
line-height: 1.125;
color: #111;
border: 1px solid #ddd;
border-bottom-color: #aaa;
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
border-radius: 6px;
padding: 3px 2.5rem 3px 6px;
background-color: #fff;
}
.refine--clause-select {
flex: 1;
margin-left: 10px;
}
.refine--criterion-fields {
width: 100%;
padding: 0.5rem 0;
}
.refine--refinement-input-container {
margin: 0.5rem 0;
}
.refine--date-refinement-clause-container > .refine--block {
display: block;
}
.refine--date-condition-days-text {
margin-top: 0.75rem;
}
.refine--date-condition-days-modifier-container {
margin-top: 0.75rem;
}
.refine--date-picker-input {
font-size: 0.875rem;
line-height: 1.25rem;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: rgba(183, 198, 206, 1);
}
.refine--date-picker-container {
position: relative;
}
.refine--date-picker-input {
font-size: 0.875rem;
line-height: 1.25rem;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: rgba(183, 198, 206, 1);
}
.refine-date-condition-first-date-container-btwn {
margin-top: 0px;
padding-top: 0;
margin-right: 6px;
margin-top: 0;
flex: 1;
}
.refine--date-condition-and {
margin-top: 0.75rem;
}
.refine--date-condition-second-date-container {
margin-top: 0.75rem;
}
.refine--date-condition-days-modifier-select {
width: 100%;
border-radius: 0.375rem;
border-color: rgba(209, 213, 219, 1);
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
padding-right: 2.5rem;
font-size: 1rem;
line-height: 1.5rem;
}
.refine--numeric-condition-container {
margin-top: 0.75rem;
flex-grow: 0;
}
.refine--numeric-condition-container-btwn {
margin-top: 0.75rem;
flex-grow: 0;
}
.refine--numeric-condition-and {
margin-top: 0.75rem;
}
.refine--numeric-condition-second-container {
margin-top: 0.75rem;
flex-grow: 0;
}
@media (min-width: 640px) {
.refine--numeric-condition-second-container {
margin-right: 0.75rem;
}
}
.refine--numeric-condition-second-input {
display: block;
width: 100%;
border-radius: 0.375rem;
border-color: rgba(209, 213, 219, 1);
}
.refine--numeric-condition-second-input:focus {
border-color: rgba(99, 102, 241, 1);
}
@media (min-width: 640px) {
.refine--numeric-condition-second-input {
font-size: 0.875rem;
line-height: 1.25rem;
}
}
.refine--option-condition-container {
width: 100%;
}
.refine--option-list {
margin-top: 5px;
max-height: 180px;
overflow: auto;
}
@media (min-width: 640px) {
.refine--option-condition-container {
margin-right: 0.75rem;
width: auto;
flex-shrink: 0;
}
}
.refine--option-label {
cursor: pointer;
display: flex;
align-items: center;
border-radius: 6px;
padding: 4px 5px;
&:hover {
background-color: #eee;
}
}
.refine--option-input {
margin-right: 5px;
}
.refine--option-condition-postfix {
flex-shrink: 0;
border-radius: 0.375rem;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-width: 1px;
border-color: rgba(209, 213, 219, 1);
background-color: rgba(249, 250, 251, 1);
padding: 0.5rem;
}
.refine--option-group-header {
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--wa-color-neutral-50);
padding: 8px 5px 4px;
&:first-child {
padding-top: 0;
}
}
input.refine--input {
width: 100%;
font-size: 14px;
display: block;
padding: 5px;
border: 1px solid #bbb;
border-radius: 6px;
outline: 0;
line-height: 1.125;
}
input.refine--input::-moz-placeholder {
color: #aaa;
}
input.refine--input::placeholder {
color: #aaa;
}
input.refine--text-condition-input:focus {
border-color: rgba(59, 130, 246, 1);
}
.refine--stored-filter-list {
padding: 10px;
max-height: 180px;
overflow: auto;
}
.refine--stored-filter-list-item {
color: black;
display: block;
padding: 3px 5px;
color: #111;
border-radius: 6px;
line-height: 1.15;
}
.refine--stored-filter-list-item:hover {
background-color: #eee;
color: #111;
text-decoration: none;
}
.refine--filter-label {
white-space: nowrap;
color: #767676;
}
.refine--add-condition-button,
.refine--add-group-button {
display: flex;
gap: 5px;
color: #767676;
font-size: 14px;
border-radius: 6px;
align-items: center;
background-color: #F2F4F7;
border: 1px solid #EBEBEB;
cursor: pointer;
position: relative;
white-space: nowrap;
padding: 4px 8px;
font-weight: 600;
&:hover {
border-color: #D1D5DB;
background-color: #E5E7EB;
}
&:active {
border-color: #E5E7EB;
}
&:disabled {
opacity: 0.5;
cursor: not-allowed;
}
}
.refine--add-group-wrapper {
padding-left: 10px;
border-left: 1px solid #E5E7EB;
}
.refine--has-many-groups .refine--add-button-label {
display: none;
}
.refine--has-many-groups .refine--add-condition-button .refine--add-button-icon {
position: relative;
top: 0;
}
.refine--inline-popup-container {
display: block;
width: auto;
position: relative;
}
.refine--inline-popup {
-webkit-animation: .15s cubic-bezier(.45, 1.1, .7, 1) 0s up10;
animation: .15s cubic-bezier(.45, 1.1, .7, 1) 0s up10;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .3), 0 8px 30px -3px rgba(0, 0, 0, .25);
border-radius: 8px;
background-color: #ffffff;
position: absolute;
margin-top: 3px;
width: 100vw;
padding-left: .5rem;
padding-right: .5rem;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
max-height: 66vh;
overflow: visible;
display: block;
}
.refine--stored-filter-list-popup {
-webkit-animation: .15s cubic-bezier(.45, 1.1, .7, 1) 0s up10;
animation: .15s cubic-bezier(.45, 1.1, .7, 1) 0s up10;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .3), 0 8px 30px -3px rgba(0, 0, 0, .25);
border-radius: 8px;
z-index: 9999;
background-color: #ffffff;
position: absolute;
top: -8px;
left: 100%;
margin-top: 3px;
width: 100vw;
padding: 0 0.5rem;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
max-height: 66vh;
display: block;
}
.refine--separator {
height: 1px;
background-color: #eee;
margin: 5px 0;
}
.refine--separator-m0 {
height: 1px;
background-color: #eee;
}
button.refine--apply-button {
padding: 4px 6px;
cursor: pointer;
border: 1px solid #ddd;
font-weight: 500;
box-shadow: 0 2px 2px rgba(0, 0, 0, .08), 0 1px 5px -2px rgba(0, 0, 0, .04);
font-size: 14px;
border-radius: 6px;
margin-left: 4px;
background-color: #0c5cef;
color: #fff;
border-color: #0c5cef;
}
.refine--stored-filters-link {
color: black;
display: flex;
align-items: center;
padding: 3px 5px;
color: #111;
border-radius: 6px;
line-height: 1.15;
margin-bottom: 5px;
&:hover {
background-color: #eee;
color: #111;
text-decoration: none;
}
&:before {
content: "chevron_right";
font-family: "Material Icons";
font-size: 14px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
.refine--save-filter-link,
.refine--clear-filter-link {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
padding: 3px 0 3px 10px;
border: 1px solid transparent;
border-radius: 6px;
}
:is(.refine--save-filter-link-label, .refine--clear-filter-link-label):hover {
border-bottom: 1px dotted #111;
}
.refine--save-filter-input-wrapper {
display: flex;
gap: 5px;
align-items: center;
color: #111;
position: relative;
}
input.refine--save-filter-input {
border: none;
padding: 0;
font-size: 14px;
&:focus {
outline: unset;
border: none;
box-shadow: none;
}
}
.refine--save-filter-input-wrapper .refine--tooltip {
display: block;
transform: translate3d(-50%, -4px, 0);
position: absolute;
left: 50%;
bottom: 100%;
white-space: nowrap;
background-color: #000;
color: #fff;
border-radius: 6px;
box-shadow: 0 2px 12px -2px rgba(0, 0, 0, .15);
padding: 4px 8px;
font-size: 12px;
z-index: 9999;
}
.refine--save-filter-form {
margin-left: 8px;
}
.refine--hotkey {
border-radius: 4px;
background-color: rgba(255, 255, 255, .3);
display: inline-block;
padding: 0 4px;
}
.refine--condition-list .refine--list-icon,
.refine--stored-filters-link .refine--list-icon {
width: 16px;
text-align: center;
margin-right: 10px;
font-size: 16px;
}
.material-icons-outlined.refine--icon-sm,
.material-icons.refine--icon-sm,
.icon.refine--icon-sm {
font-size: 14px;
padding: 3px 0;
}
.refine--search-box {
position: relative;
padding: 10px;
margin-left: -6px;
margin-right: 6px;
}
input.refine--search-trigger[type=text] {
width: 100%;
font-size: 14px;
display: block;
padding: 5px 5px 5px 25px;
border: 1px solid #bbb;
border-radius: 6px;
outline: 0;
line-height: 1.15;
}
.material-icons.refine--icon-search {
position: absolute;
top: 50%;
left: 16px;
font-size: 16px;
color: #999;
transform: translateY(-50%);
line-height: 18px;
}
.refine--inline-modal-container .dialog-full::part(dialog) {
width: 100%;
max-width: 100%;
height: 100%;
max-height: 100%;
border-radius: 0;
padding: 0;
margin: 0;
}
.dialog__header-actions.refine--modal-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px 0 20px;
}
.refine--header-title {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 600;
--tw-text-opacity: 1;
color: rgb(21 29 40 / var(--tw-text-opacity));
}
.refine--modal-header-actions {
display: flex;
gap: 5px;
}
.refine--modal-header-actions .dialog__close {
display: flex;
}
.refine--filter-condition-search {
position: relative;
margin-right: 10px;
}
.refine--filter-condition-search .refine--search-icon {
display: flex;
padding-right: 8px;
padding-left: 12px;
align-items: center;
left: 0;
top: 0;
bottom: 0;
position: absolute;
}
.refine--filter-condition-search input {
display: block;
height: 38px;
width: 100%;
border-radius: 7px;
border-width: 1px;
border-style: solid;
--tw-border-opacity: 1;
border-color: rgb(183 198 206 / var(--tw-border-opacity));
padding-left: 32px;
--tw-text-opacity: 1;
color: rgb(21 29 40 / var(--tw-text-opacity));
font-size: 0.875rem;
line-height: 1.25rem;
}
.refine--advanced-condition-select {
background-color: #f9fafb;
}
.refine--advanced-condition-select .tab-panel--active {
padding-left: 24px;
padding-right: 24px;
}
.refine--advanced-condition-category-header {
display: flex;
padding: 12px 0 12px 0;
font-size: 14px;
font-weight: 600;
color: #1a202e;
}
.refine--advanced-condition-select-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding-bottom: 20px;
}
.refine--condition-list-card {
font-size: 14px;
color: #27303f;
display: flex;
gap: 10px;
align-items: center;
padding: 10px;
border: 1px solid #e5e7eb;
border-radius: 6px;
background-color: #fff;
width: 244px;
}
.refine--condition-list-icon-container {
display: flex;
border-radius: 6px;
min-width: 28px;
height: 28px;
justify-items: center;
align-items: center;
padding: 0;
text-align: center;
}
.refine--condition-list-icon-container i {
margin: 0 auto;
font-size: 16px;
}
.refine--inline-modal-container .refine--stored-filter-list-item {
font-size: 14px;
font-weight: 600;
color: #1a202e;
display: flex;
gap: 10px;
align-items: center;
padding: 10px;
border: 1px solid #e5e7eb;
border-radius: 6px;
background-color: #fff;
}
.refine--inline-modal-container .refine--stored-filter-list-item:hover {
background-color: #eee;
color: #111;
text-decoration: none;
}
.refine--condition-list-card-text {
overflow: hidden;
text-overflow: ellipsis;
}
.refine-clause-select,
.refine-condition-select,
.refine-option-condition-select {
width: 100% !important;
right: 0;
left: 0;
}
.refine-numeric-condition-second-container {
margin-top: 0;
}
.refine-criterion-container {
align-items: center;
.refine-criterion-error {
position: absolute;
top: -3px;
left: 0px;
background-color: #ef4848;
color: #fff;
border-radius: 4px;
font-weight: 600;
padding: 2px 4px;
transform: translateY(-100%);
margin: 0;
border: 1px solid #d93030;
box-shadow: 0px 1px 2px 0px #ffe9e9;
animation: 0.2s cubic-bezier(0.2, 1.2, 0.5, 1.1) 0s showInputError;
animation-fill-mode: both;
}
.refine-numeric-condition-container-btwn {
margin-top: 0px;
margin-right: 0px;
}
.refine-numeric-condition-container {
margin-top: 0px;
}
.refine-criterion-line {
display: flex;
width: 100%;
}
.refine-criterion-refinement-line {
display: flex;
width: 100%;
align-items: center;
padding-top: 12px;
i {
margin-left: 12px;
}
}
.refine-criterion-refinement-container {
margin-left: 12px;
}
.refine--date-refinement-clause-container > .refine--block {
display: block;
}
input[type=text] {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
width: 100%;
&.has-error {
border-color: #ef4848;
box-shadow: 0px 0px 0px 3px #ffe9e9;
background-color: #fffbfb;
&:focus {
border-color: #cd1b1b;
}
}
}
}
.refine-numeric-condition-input {
box-shadow: none;
}
.refine-stored-filter-head-container {
padding-bottom: 12px;
border-bottom: 1px solid rgb(241, 245, 249);
margin-bottom: 18px;
align-items: center;
}
.refine-stored-filter-header {
font-size: 1.4rem;
line-height: 1.45;
margin-right: 80px;
}
.refine-group-criterion-container {
flex-wrap: nowrap;
}
.refine-delete-container {
position: absolute;
left: -26px;
display: none;
top: 50%;
transform: translateY(-50%);
padding: 0;
&:hover {
.refine-delete-criterion-icon {
color: #ac0202;
}
}
.refine-delete-criterion-icon {
line-height: 1;
background-color: #fff;
border-radius: 4px;
padding: 2px;
color: #f53a3a;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f057";
font-size: 16px;
}
}
}
.refine-query-or {
position: relative;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
padding: 0;
margin-bottom: 16px;
&:before,
&:after {
content: "";
height: 1px;
background-color: #eee;
width: 44%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
&:before {
left: 0;
}
&:after {
right: 0;
}
}
.refine-criterion-condition-container,
.refine-criterion-clause-container,
.refine-text-condition-container,
.refine-date-condition-first-date-container-btwn,
.refine-criterion-refinement-container,
.refine-date-condition-first-date-container,
.refine-date-condition-second-date-container,
.refine-option-condition-container {
padding-top: 0;
margin-right: 6px;
margin-top: 0;
flex: 1;
> div {
flex: 1;
position: relative;
}
}
.refine-criterion-condition-container .select2-results__option strong.select2-results__group {
margin-left: 6px;
margin-right: 6px;
}
.refine-criterion-condition-container .select2-results__option .select2-results__group {
border-bottom: 1px solid #718096;
}
.refine-option-condition-container {
flex: 1;
}
.refine-stored-filter-link {
text-decoration: none;
color: rgb(54, 69, 87);
font-weight: 500;
font-size: 14px;
position: relative;
padding: 5px 6px 5px 28px;
margin-right: 12px;
border-radius: 6px;
line-height: 1.45;
display: inline-block;
&:hover {
background-color: #eee;
color: #111;
}
&:after {
content: "";
display: block;
height: 16px;
background-color: #ddd;
position: absolute;
right: -10px;
width: 1px;
top: 50%;
transform: translateY(-50%);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f002";
font-size: 12px;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
& + span {
margin-right: 0px;
margin-left: 8px;
> a {
text-decoration: none;
color: rgb(54, 69, 87);
font-weight: 500;
font-size: 14px;
position: relative;
padding: 5px 6px 5px 28px;
display: inline-block;
margin-right: 0px;
border-radius: 6px;
line-height: 1.45;
&:hover {
background-color: #eee;
color: #111;
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f0c7";
font-size: 12px;
position: absolute;
top: 50%;
left: 8px;
transform: translateY(-50%);
}
+ span {
background: #cfffda;
color: #004430;
padding: 5px 6px 5px 8px;
border-radius: 4px;
font-size: 12px;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f00c";
font-size: 10px;
margin-right: 4px;
}
}
}
}
}
.refine-query-loading-container {
background-color: transparent;
width: auto;
height: auto;
left: -15px;
top: -47px;
&:before {
display: block;
content: "";
width: var(--loading-size, 20px) !important;
height: var(--loading-size, 20px) !important;
border-bottom: 2px solid var(--loading-color, #106bf4);
border-left: 2px solid var(--loading-color, #106bf4);
border-top: 2px solid var(--loading-color, #106bf4);
border-right: 2px solid rgba(255, 255, 255, 0);
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
animation: loadingSpinner 700ms infinite linear;
background-color: transparent !important;
--loading-color: #106bf4;
--loading-size: 14px;
}
.refine-query-loading-text {
display: none;
}
}
#stored_filter_head:has(> .refine-stored-filter-container, > .refine-stored-filter-search-container) + .refine-query-container {
filter: blur(1.4px);
transform: scale(0.96);
}
.refine-query-container {
transition: all 0.2s ease;
}
.refine-stored-filter-container,
.refine-stored-filter-search-container {
border-bottom: 1px solid #eee;
padding: 11px 0px;
margin-bottom: 18px;
.refine-stored-filter-button-cancel,
.refine-stored-filter-search-button-cancel {
background-image:
linear-gradient(
to top,
#f3f4f5,
#fdfdfd);
border: 1px solid rgb(215, 224, 229);
border-radius: 4px;
color: rgb(21, 29, 40);
font-weight: 600;
position: relative;
padding-left: 32px;
order: -1;
&:hover {
text-decoration: none;
background-image:
linear-gradient(
to top,
#eeeff1,
#f0f2f7);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f060";
font-size: 12px;
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
}
}
.refine-stored-filter-button-submit,
.refine-stored-filter-search-button-submit {
font-weight: 600;
position: relative;
padding-left: 32px;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
background-color: #222e3f;
border-radius: 4px;
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f0c7";
font-size: 12px;
position: absolute;
top: 50%;
left: 12px;
transform: translateY(-50%);
}
}
.refine-stored-filter-search-button-submit:before {
content: "\f019";
}
}
.refine-option-condition-container,
.refine-date-condition-days-container,
.refine-date-condition-days-text,
.refine-date-condition-days-modifier-container,
.refine-numeric-condition-container,
.refine-text-condition-container,
.refine-criterion-clause-container,
.refine-date-condition-first-date-container-btwn,
.refine-date-condition-first-date-container,
.refine-date-condition-second-date-container {
margin-top: 0px;
&:last-child {
margin-right: 0px;
}
}
.refine-date-condition-and,
.refine-numeric-condition-and {
margin: 0px 6px 0px 0px;
font-size: 12px;
background: #eef0f3;
border-radius: 8px;
padding: 1px 7px;
color: var(--color-gray-800);
}
.refine-numeric-condition-and {
margin-left: 6px;
}
.refine-date-picker-input {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
.refine-stored-filter-input {
border-radius: var(--radius-sm);
border-style: var(--tw-border-style);
border-width: 1px;
--tw-border-style: solid;
border-style: solid;
border-color: var(--color-gray-400);
@media (width >= 640px) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
&:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
}
.refine-group-container {
display: grid;
row-gap: 12px;
grid-template-columns: 1fr min-content;
align-items: center;
padding: 16px;
border-radius: 6px;
box-shadow: 0 2px 1px rgba(64, 73, 103, 0.08);
border: 1px solid #dbdee3;
border-bottom-color: #c5c8d2;
background-color: #fff;
margin-bottom: 16px;
&:hover .refine-delete-container {
display: block;
}
.refine-group-criterion-container {
padding: 0;
position: relative;
> div:first-child {
flex: 1;
}
}
.refine-group-and {
flex: 0 0 20%;
align-self: start;
background-color: #f3f3f5;
font-size: 16px;
text-transform: uppercase;
font-weight: 500;
padding: 8px;
text-align: center;
border-radius: 6px;
}
.refine-add-container {
padding: 0px;
align-self: start;
.refine-add-and {
display: flex;
flex-direction: row-reverse;
flex: 0;
text-align: center;
align-items: center;
border: 1px dotted #5496f8;
border-radius: 6px;
padding: 8px 12px;
color: #106bf4;
text-decoration: none;
position: relative;
margin: 0;
font-size: 16px;
cursor: pointer;
&:hover {
border-style: solid;
}
.refine-add-icon.fal {
font-weight: 900;
color: #106bf4;
font-size: 12px;
padding-left: 0;
margin-right: 6px;
}
&.refine-add-disabled {
cursor: not-allowed;
background-color: #f3f3f5;
color: rgb(156 163 175 / var(--tw-text-opacity));
border: none;
.refine-add-icon.fal {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
}
}
}
}
.refine-add-group {
flex: 1;
text-align: center;
border: 1px dotted #5496f8;
border-radius: 6px;
padding: 12px;
color: #106bf4;
text-decoration: none;
position: relative;
margin: 0;
font-size: 16px;
&:hover {
border-style: solid;
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "+";
font-size: 12px;
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
}
&.refine-add-disabled {
cursor: not-allowed;
background-color: #f3f3f5;
border: none;
color: rgb(156 163 175 / var(--tw-text-opacity));
.refine-add-icon.fal {
color: rgb(156 163 175 / var(--tw-text-opacity));
}
}
}
@media (min-width: 640px) {
.refine-criterion-container {
padding-right: 10px;
}
}
@media (max-width: 640px) {
.refine-criterion-container span.select2.select2-container.select2-container--default,
.refine-criterion-clause-container span.select2.select2-container.select2-container--default {
width: 50vw !important;
margin-bottom: 12px;
}
.refine-date-condition-first-date-container input.refine-date-picker-input.flatpickr-input.flatpickr-mobile,
.refine-option-condition-container span.select2.select2-container.select2-container--default,
.refine-text-condition-container input.refine-text-condition-input,
.refine-criterion-clause-container span.select2.select2-container.select2-container--default {
margin-left: 12px;
width: calc(50vw - 12px) !important;
}
.refine-date-condition-first-date-container-btwn .refine-date-picker-input {
margin-left: 12px;
margin-bottom: 12px;
width: calc(50vw - 12px);
}
.refine-date-condition-and {
margin-left: 12px;
}
.refine-date-condition-second-date-container .refine-date-picker-input {
width: calc(50vw - 53px);
}
.refine-text-condition-container input.refine-text-condition-input,
.refine-date-condition-first-date-container .refine-date-picker-input {
padding: 4px 8px !important;
}
}
aside .filter-input .refine-criterion-container {
flex-direction: column;
align-items: stretch;
padding-right: 0px;
> div {
margin-right: 0px;
margin-bottom: 6px;
&:last-child {
margin-bottom: 0;
}
}
}
aside .filter-input .select2-container--default .select2-results > .select2-results__options {
max-height: 115px;
}
aside .filter-input .refine-group-container {
grid-template-columns: 1fr;
.refine-add-container .refine-add-button {
flex: 1;
span {
margin-left: auto;
margin-right: auto;
}
}
}
.refine-filter-condition-pills-wrapper {
align-items: center;
flex-wrap: wrap;
}
.refine-filter-condition-pill-and {
margin: 0px 12px;
border-radius: 8px;
font-size: 12px;
padding: 0px 4px;
color: var(--color-gray-800);
}
.refine-filter-condition-pill {
padding: 4px 16px 4px 12px;
border-radius: var(--radius-sm);
background-color: var(--color-gray-100);
white-space: nowrap;
margin: 5px 0;
font-weight: 600;
font-size: 14px;
position: relative;
color: #111;
.refine-filter-remove-condition-pill {
line-height: 1;
background-color: #fff;
border-radius: 10px;
padding: 3px;
color: #a1a7b1;
text-align: center;
position: absolute;
right: -7px;
top: -7px;
transition: transform 0.2s ease;
transform-origin: center center;
&:hover {
color: #f53a3a;
transform: scale(1.1);
}
&:before {
font-family: "Font Awesome 6 Pro";
font-weight: 900;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
display: var(--fa-display, inline-block);
font-style: normal;
font-feature-settings: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
content: "\f057";
font-size: 14px;
}
}
}
}
@keyframes showInputError {
0% {
transform: translate3d(0, -90%, 0) scale(0.8);
opacity: 0;
}
100% {
transform: translate3d(0, -100%, 0) scale(1);
opacity: 1;
}
}
@keyframes appearDown5 {
0% {
transform: translate3d(0, -5px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearDown10 {
0% {
transform: translate3d(0, -10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearUp10 {
0% {
transform: translate3d(0, 10px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes appearUp5 {
0% {
transform: translate3d(0, 5px, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0px, 0);
opacity: 1;
}
}
@keyframes up5 {
0% {
transform: translate3d(0, 5px, 0);
}
100% {
transform: translate3d(0, 0px, 0);
}
}
@keyframes scaleUp {
0% {
transform: scale(0.97);
}
100% {
transform: scale(1);
}
}
@keyframes scaleAppearUp {
0% {
transform: scale(0.97);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes removeFilterLineButton {
0% {
transform: translate3d(0, -50%, 0) scale(0.6) rotate(45deg);
opacity: 0;
}
100% {
transform: translate3d(0, -50%, 0);
opacity: 1;
}
}
@keyframes loadingSpinner {
0% {
transform: translate(-50%, -50%) rotate(0deg);
opacity: 1;
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
opacity: 0.2;
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
opacity: 1;
}
}
@layer components {
.refine-stored-filter-container,
.refine-stored-filter-search-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s appearDown10;
animation-fill-mode: both;
position: relative;
z-index: 1;
}
.refine-delete-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s removeFilterLineButton;
animation-fill-mode: both;
}
.refine-stored-filter-head-container {
animation: 0.3s cubic-bezier(0.2, 1.2, 0.5, 1) 0s appearDown10;
animation-fill-mode: both;
}
.refine--filter-row {
color: rgb(81, 110, 134);
flex-wrap: nowrap;
.refine--select {
line-height: 1.3rem;
}
.refine--save-filter-form > label {
display: none;
}
button.refine--apply-button {
border: none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.08);
background-color: #222e3f;
border-radius: 4px;
border-width: 1px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 0.875rem;
font-weight: 600;
line-height: 1.25rem;
transition-property: all;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
}
.refine--inline-popup-container {
color: rgb(81, 110, 134);
.refine--stored-filters-link {
color: rgb(81, 110, 134);
}
.refine--stored-filter-list-popup {
.refine--stored-filter-list-item {
color: rgb(81, 110, 134);
}
}
.refine--condition-list {
color: rgb(81, 110, 134);
.refine--condition-list-item {
color: rgb(81, 110, 134);
}
}
}
.refine--block {
display: block;
}
.workflow-dialog .refine--criterion-fields {
padding-bottom: 32px;
}
.broadcast-dialog .refine--inline-popup {
position: fixed;
}
.filter-input .refine--save-filter-link {
display: none;
}
.filter-input .refine--group-join-stack {
text-align: left;
}
.refine--inline-modal-container.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 51rem;
}
.refine--inline-modal-container.uncategorized.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 51rem;
}
.refine--inline-modal-container.wa-dialog::part(body) {
overflow-y: hidden;
}
.refine--inline-modal-container .refine--advanced-condition-select {
padding: 16px 0 0 0;
}
.refine--advanced-condition-content {
display: flex;
gap: 25px;
}
.refine--inline-modal-container:not(.wa-dialog--full-screen) .refine--advanced-condition-picker {
max-height: 496px;
overflow-y: auto;
}
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-condition-picker {
overflow-y: auto;
}
.refine--inline-modal-container .refine--advanced-condition-picker.lone {
padding-left: 20px;
}
.refine--inline-modal-container:not(.wa-dialog--full-screen) .refine--advanced-category-picker {
height: 496px;
overflow-y: auto;
min-width: fit-content;
padding-left: 20px;
}
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-category-picker {
overflow-y: auto;
min-width: fit-content;
padding-left: 20px;
}
.refine--inline-modal-container .refine--advanced-category-picker .refine--condition-list-card {
margin-bottom: 4px;
cursor: pointer;
background-color: #f9fafb;
border: 0;
padding: 5px 10px;
width: 200px;
}
.refine--saved-filters-panel {
display: flex;
justify-content: center;
align-items: center;
padding: 36px;
height: 496px;
}
.refine--inline-modal-container .refine--stored-filter-list {
height: 496px;
}
.refine--inline-modal-container .refine--advanced-category-picker .refine--condition-list-card.active {
color: white;
background-color: rgb(16, 107, 244);
}
.refine--advanced-category-picker .refine--condition-list-card .refine--condition-list-icon-container {
background-color: #f9fafb;
}
.refine--advanced-category-picker .refine--condition-list-card.active .refine--condition-list-icon-container {
background-color: rgb(16, 107, 244);
}
.refine--inline-modal-container .refine--modal-header-actions {
min-height: 38px;
}
.refine--inline-modal-container .refine--stored-filter-list {
max-height: 496px;
}
.refine--inline-modal-container .refine--stored-filter-search-form {
padding-bottom: 8px;
}
.refine--inline-modal-container .refine--advanced-condition-category-header {
padding-bottom: 16px;
}
.refine--inline-modal-container .refine--advanced-condition-select-group {
padding-bottom: 0;
&:last-of-type {
margin-bottom: 1px;
}
&:has(a:not([hidden]):not(.hidden):not([aria-hidden=true])) {
padding-bottom: 16px !important;
}
}
.refine--advanced-condition-:last-child {
margin-bottom: 30px;
}
@media (max-width: 785px) {
.refine--advanced-category-picker {
display: none;
}
.refine--inline-modal-container .refine--advanced-condition-picker {
padding-left: 20px;
height: 100%;
}
.refine--inline-modal-container.wa-dialog::part(body) {
overflow-y: auto;
}
}
@media (min-width: 1600px) {
.refine--inline-modal-container.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 64rem;
}
.refine--inline-modal-container.uncategorized.wa-dialog:not(.wa-dialog--full-screen)::part(dialog) {
max-width: 50rem;
}
}
.refine--inline-modal-container.wa-dialog--full-screen::part(body) {
display: flex;
flex-direction: column;
}
.refine--inline-modal-container.wa-dialog--full-screen wa-tab-group,
.refine--inline-modal-container.wa-dialog--full-screen wa-tab-group::part(body) {
flex: 1;
min-height: 0;
}
.refine--inline-modal-container.wa-dialog--full-screen wa-tab-group::part(tab-group),
.refine--inline-modal-container.wa-dialog--full-screen wa-tab-panel,
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-condition-select,
.refine--inline-modal-container.wa-dialog--full-screen .refine--advanced-condition-content {
height: 100%;
}
.refine-query-loading-container.hidden {
display: none;
}
#refine--picker-bottom-marker {
margin-bottom: 10px;
}
}
:root {
--eva-color-black: 0 0 0;
--eva-color-blue: 34 119 246;
--eva-color-blue-50: 235 245 255;
--eva-color-blue-100: 221 237 253;
--eva-color-blue-200: 207 228 250;
--eva-color-blue-400: 164 202 254;
--eva-color-blue-500: 34 170 246;
--eva-color-blue-550: 0 72 181;
--eva-color-blue-600: 16 107 244;
--eva-color-blue-800: 16 58 165;
--eva-color-blue-900: 7 27 71;
--eva-color-cloudNine: 148 144 141;
--eva-color-cloudNine-50: 250 250 249;
--eva-color-cloudNine-100: 246 245 244;
--eva-color-cloudNine-150: 234 232 230;
--eva-color-cloudNine-175: 228 226 224;
--eva-color-cloudNine-200: 224 220 217;
--eva-color-cloudNine-300: 197 195 192;
--eva-color-cloudNine-400: 171 169 166;
--eva-color-cloudNine-500: 148 144 141;
--eva-color-cloudNine-600: 123 119 116;
--eva-color-cloudNine-700: 97 93 90;
--eva-color-cloudNine-800: 72 68 65;
--eva-color-cloudNine-900: 46 42 39;
--eva-color-cloudNine-1000: 21 17 14;
--eva-color-coolGray: 98 120 141;
--eva-color-coolGray-50: 248 249 250;
--eva-color-coolGray-100: 241 245 249;
--eva-color-coolGray-150: 236 240 245;
--eva-color-coolGray-175: 224 229 234;
--eva-color-coolGray-200: 215 224 229;
--eva-color-coolGray-400: 183 198 206;
--eva-color-coolGray-500: 81 110 134;
--eva-color-coolGray-600: 86 105 123;
--eva-color-coolGray-800: 54 69 87;
--eva-color-coolGray-900: 21 29 40;
--eva-color-daydream: 204 170 155;
--eva-color-daydream-50: 255 251 249;
--eva-color-daydream-100: 255 249 246;
--eva-color-daydream-200: 255 242 236;
--eva-color-daydream-300: 255 213 194;
--eva-color-daydream-400: 230 192 175;
--eva-color-daydream-500: 204 170 155;
--eva-color-daydream-600: 191 160 146;
--eva-color-daydream-700: 153 128 116;
--eva-color-daydream-800: 115 96 87;
--eva-color-daydream-900: 89 75 68;
--eva-color-grit: 120 111 82;
--eva-color-grit-50: 242 241 238;
--eva-color-grit-100: 213 210 201;
--eva-color-grit-200: 193 189 175;
--eva-color-grit-300: 165 159 139;
--eva-color-grit-400: 147 140 117;
--eva-color-grit-500: 120 111 82;
--eva-color-grit-600: 109 101 75;
--eva-color-grit-700: 85 79 58;
--eva-color-grit-800: 66 61 45;
--eva-color-grit-900: 50 47 34;
--eva-color-heart: 247 24 53;
--eva-color-heart-50: 254 240 242;
--eva-color-heart-100: 254 220 225;
--eva-color-heart-200: 253 171 181;
--eva-color-heart-300: 250 122 139;
--eva-color-heart-400: 239 83 104;
--eva-color-heart-500: 247 24 53;
--eva-color-heart-600: 201 18 43;
--eva-color-heart-700: 154 15 33;
--eva-color-heart-800: 108 10 23;
--eva-color-heart-900: 61 6 13;
--eva-color-indigo: 88 80 236;
--eva-color-indigo-50: 240 245 255;
--eva-color-indigo-100: 220 230 255;
--eva-color-indigo-200: 205 219 254;
--eva-color-indigo-400: 168 185 255;
--eva-color-indigo-600: 88 80 236;
--eva-color-indigo-800: 54 47 120;
--eva-color-indigo-900: 38 33 94;
--eva-color-midnightOil: 126 122 166;
--eva-color-midnightOil-50: 243 242 255;
--eva-color-midnightOil-100: 220 217 255;
--eva-color-midnightOil-200: 196 193 233;
--eva-color-midnightOil-300: 173 170 210;
--eva-color-midnightOil-400: 149 146 188;
--eva-color-midnightOil-500: 126 122 166;
--eva-color-midnightOil-600: 102 99 143;
--eva-color-midnightOil-700: 79 75 121;
--eva-color-midnightOil-800: 55 51 99;
--eva-color-midnightOil-900: 32 28 76;
--eva-color-midnightOil-950: 25 22 60;
--eva-color-midnightOil-1000: 8 4 54;
--eva-color-mars: 234 92 31;
--eva-color-mars-50: 253 239 233;
--eva-color-mars-100: 248 204 186;
--eva-color-mars-200: 245 180 152;
--eva-color-mars-300: 241 146 105;
--eva-color-mars-400: 238 125 76;
--eva-color-mars-500: 234 92 31;
--eva-color-mars-600: 213 84 28;
--eva-color-mars-700: 166 65 22;
--eva-color-mars-800: 129 51 17;
--eva-color-mars-900: 98 39 13;
--eva-color-moss: 112 178 69;
--eva-color-moss-50: 241 247 236;
--eva-color-moss-100: 221 236 209;
--eva-color-moss-200: 189 220 169;
--eva-color-moss-300: 159 203 130;
--eva-color-moss-400: 141 193 106;
--eva-color-moss-500: 112 178 69;
--eva-color-moss-600: 102 162 63;
--eva-color-moss-700: 80 126 49;
--eva-color-moss-800: 62 98 38;
--eva-color-moss-900: 47 75 29;
--eva-color-pink: 214 31 105;
--eva-color-pink-50: 253 242 248;
--eva-color-pink-100: 255 227 243;
--eva-color-pink-200: 250 209 232;
--eva-color-pink-400: 250 153 202;
--eva-color-pink-600: 214 31 105;
--eva-color-pink-800: 117 26 61;
--eva-color-pink-900: 82 5 34;
--eva-color-purple: 126 58 242;
--eva-color-purple-50: 246 245 255;
--eva-color-purple-100: 231 227 254;
--eva-color-purple-200: 220 215 254;
--eva-color-purple-400: 194 174 255;
--eva-color-purple-600: 126 58 242;
--eva-color-purple-800: 74 29 150;
--eva-color-purple-900: 46 18 91;
--eva-color-red: 224 36 36;
--eva-color-red-50: 254 242 242;
--eva-color-red-100: 255 228 228;
--eva-color-red-200: 251 213 213;
--eva-color-red-300: 217 96 112;
--eva-color-red-400: 255 167 167;
--eva-color-red-500: 198 18 42;
--eva-color-red-600: 224 36 36;
--eva-color-red-700: 185 26 26;
--eva-color-red-800: 119 29 29;
--eva-color-red-900: 79 6 6;
--eva-color-skyward: 152 193 218;
--eva-color-skyward-50: 245 249 251;
--eva-color-skyward-100: 223 236 244;
--eva-color-skyward-200: 208 226 238;
--eva-color-skyward-300: 186 213 230;
--eva-color-skyward-400: 173 205 225;
--eva-color-skyward-500: 152 193 218;
--eva-color-skyward-600: 138 176 198;
--eva-color-skyward-700: 108 137 155;
--eva-color-skyward-800: 84 106 120;
--eva-color-skyward-900: 64 81 92;
--eva-color-surge: 254 185 95;
--eva-color-surge-50: 255 248 239;
--eva-color-surge-100: 255 233 205;
--eva-color-surge-200: 255 223 181;
--eva-color-surge-300: 254 208 148;
--eva-color-surge-400: 254 199 127;
--eva-color-surge-500: 254 185 95;
--eva-color-surge-600: 231 168 86;
--eva-color-surge-700: 180 131 67;
--eva-color-surge-800: 140 102 52;
--eva-color-surge-900: 107 78 40;
--eva-color-teal: 0 148 166;
--eva-color-teal-50: 237 250 250;
--eva-color-teal-100: 204 245 246;
--eva-color-teal-200: 175 236 239;
--eva-color-teal-400: 81 216 227;
--eva-color-teal-600: 0 148 166;
--eva-color-teal-800: 1 68 81;
--eva-color-teal-900: 0 48 58;
--eva-color-trueGray: 105 105 105;
--eva-color-trueGray-25: 252 252 253;
--eva-color-trueGray-50: 249 250 251;
--eva-color-trueGray-100: 244 245 247;
--eva-color-trueGray-150: 243 243 243;
--eva-color-trueGray-200: 234 234 234;
--eva-color-trueGray-400: 190 190 190;
--eva-color-trueGray-500: 123 123 123;
--eva-color-trueGray-600: 105 105 105;
--eva-color-trueGray-800: 45 45 45;
--eva-color-trueGray-900: 0 0 0;
--eva-color-white: 255 255 255;
--eva-color-yellow: 241 174 0;
--eva-color-yellow-50: 253 253 234;
--eva-color-yellow-100: 255 247 197;
--eva-color-yellow-200: 255 240 141;
--eva-color-yellow-300: 254 208 148;
--eva-color-yellow-400: 255 219 92;
--eva-color-yellow-500: 234 179 8;
--eva-color-yellow-600: 241 174 0;
--eva-color-yellow-700: 180 131 68;
--eva-color-yellow-800: 152 100 0;
--eva-color-yellow-900: 98 49 4;
--eva-color-dawn: 219 103 211;
--eva-color-dawn-50: 251 240 251;
--eva-color-dawn-100: 244 208 241;
--eva-color-dawn-200: 238 185 235;
--eva-color-dawn-300: 231 153 226;
--eva-color-dawn-400: 226 133 220;
--eva-color-dawn-500: 219 103 211;
--eva-color-dawn-600: 199 94 192;
--eva-color-dawn-700: 155 73 150;
--eva-color-dawn-800: 120 57 116;
--eva-color-dawn-900: 92 43 89;
--eva-color-plasma: 90 77 211;
--eva-color-plasma-50: 239 237 251;
--eva-color-plasma-100: 204 200 241;
--eva-color-plasma-200: 179 173 235;
--eva-color-plasma-300: 144 136 226;
--eva-color-plasma-400: 123 113 220;
--eva-color-plasma-500: 90 77 211;
--eva-color-plasma-600: 82 70 192;
--eva-color-plasma-700: 64 55 150;
--eva-color-plasma-800: 50 42 116;
--eva-color-plasma-900: 38 32 89;
--eva-color-reef: 27 200 216;
--eva-color-reef-50: 232 250 251;
--eva-color-reef-100: 184 238 243;
--eva-color-reef-200: 150 230 237;
--eva-color-reef-300: 102 218 229;
--eva-color-reef-400: 73 211 224;
--eva-color-reef-500: 27 200 216;
--eva-color-reef-600: 25 182 197;
--eva-color-reef-700: 19 142 153;
--eva-color-reef-800: 15 110 119;
--eva-color-reef-900: 11 84 91;
--eva-color-wave: 0 117 219;
--eva-color-wave-50: 230 241 251;
--eva-color-wave-100: 176 212 244;
--eva-color-wave-200: 138 192 238;
--eva-color-wave-300: 84 163 231;
--eva-color-wave-400: 51 145 226;
--eva-color-wave-500: 0 117 219;
--eva-color-wave-600: 0 106 199;
--eva-color-wave-700: 0 83 155;
--eva-color-wave-800: 0 64 120;
--eva-color-wave-900: 0 49 92;
--eva-color-zendrop-300: 144 136 226;
--eva-color-zendrop-400: 123 113 220;
--eva-color-zendrop-500: 90 77 211;
--eva-color-zendrop-600: 82 70 192;
--eva-color-zendrop-700: 64 55 150;
}
@layer components {
.readonly[readonly] option,
.readonly[readonly] optgroup {
display: none;
}
.readonly[type=checkbox][readonly] {
pointer-events: none;
}
.primary {
fill: #b2b7ff;
}
.secondary {
fill: #2f365f;
}
.turbo-progress-bar {
height: 5px;
z-index: 9999;
background: rgb(var(--eva-color-surge-500));
}
clipboard-copy:focus {
outline: 2px solid #B0D4F4;
outline-offset: 0px;
}
.txt-blurry {
color: transparent;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.text-shadow {
text-shadow: 0 0 2px #000;
}
.blur-up {
-webkit-filter: blur(5px);
filter: blur(5px);
transition: filter 200ms, -webkit-filter 200ms;
}
.blur-up.lazyloaded {
-webkit-filter: blur(0);
filter: blur(0);
}
.nav-bg-color {
background-color: var(--color-white);
}
.team-level .nav-bg-color {
background-color: var(--color-coolGray-100);
}
.team-level .corner-bg-fix {
background-color: var(--color-coolGray-100);
& > main > div {
background-color: var(--color-white);
@media (width >= 640px) {
border-top-left-radius: var(--radius-xl);
}
}
}
.tippy-box[data-theme~=clickfunnels] {
width: 384px;
border-radius: var(--radius-md);
background-color: transparent;
color: var(--color-black);
}
.progress {
transform: rotate(-90deg);
}
.progress__meter,
.progress__value {
fill: none;
}
.progress__meter {
stroke: #f0f5f9;
}
.progress__value {
stroke-linecap: round;
}
.uppy-Dashboard-poweredBy {
display: none;
}
div[data-uppy-target=dropzone] button:focus {
box-shadow: none;
}
.uppy-is-drag-over {
background-color: var(--color-coolGray-150);
&:has(.is-sorting) {
background-color: var(--color-white);
}
}
.uppy-is-drag-over::after {
display: none;
}
.disabled_row {
opacity: 50%;
}
.left-side-panel {
left: 16.25rem;
width: calc(100% - 16.25rem);
}
hr {
border-color: var(--color-coolGray-150);
}
.sorting-grip:active {
cursor: grabbing;
}
#search_results_wrapper {
max-height: calc(100vh - 72px);
}
@media screen and (max-width: 1023px) and (min-width: 640px) {
.menu-item {
height: 40px;
&:not(.dashboard) {
& i {
margin-top: 6px;
}
}
}
#cf_help_center {
position: relative;
bottom: 0;
}
}
.global-search-wrapper::after,
.global-search-wrapper input {
margin: 0;
width: auto;
min-width: 16px;
resize: none;
appearance: none;
--tw-border-style: none;
border-style: none;
background-image: none;
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
--tw-outline-style: none;
outline-style: none;
@media (forced-colors: active) {
outline: 2px solid transparent;
outline-offset: 2px;
}
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, var(--color-blue-500));
box-shadow:
var(--tw-inset-shadow),
var(--tw-inset-ring-shadow),
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
&:focus {
--tw-ring-color: transparent;
}
&:focus {
--tw-ring-offset-color: transparent;
}
grid-area: 1 / 2;
}
.global-search-wrapper::after {
content: attr(data-value) " ";
visibility: hidden;
padding-inline: 16px;
padding-block: 4px;
white-space: pre-wrap;
}
[data-lpignore] ~ [data-lastpass-icon-root],
.lp-ignore [data-lastpass-icon-root],
.lp-ignore [data-lastpass-root] {
display: none !important;
}
.fa-spin.fa-spin-slow {
--fa-animation-duration: 15s;
}
[class^=wa-]:not(:defined) {
visibility: hidden;
}
wa-dropdown[class^=wa-]:not(:defined),
wa-dialog[class^=wa-]:not(:defined) {
display: none;
}
.sc-overflow-clip {
overflow: visible !important;
}
action-text-attachment {
visibility: visible;
}
.Canny_BadgeContainer .Canny_Badge {
--tw-bg-opacity: 1;
background-color: rgb(224 36 36 / var(--tw-bg-opacity)) !important;
border: none !important;
top: 2px !important;
right: 0 !important;
width: 10px !important;
height: 10px !important;
}
.equalweb-widget,
#accessibilityWidget {
display: none !important;
}
:is(:is(a, button)[data-turbo-frame].is-active, :is(a, button).is-loading)::before {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
animation: fa-spin 2s infinite linear;
font-family: fontAwesome;
content: "\f3f4";
}
:is(body:has(wa-drawer[open]), body:has(wa-dialog[open])) #delphi-bubble-container {
z-index: -1;
}
}
@layer base {
[type=text],
input:where(:not([type])),
[type=email],
[type=url],
[type=password],
[type=number],
[type=date],
[type=datetime-local],
[type=month],
[type=search],
[type=tel],
[type=time],
[type=week],
[multiple],
textarea,
select {
appearance: none;
background-color: #fff;
border-color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
border-width: 1px;
border-radius: 0px;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5rem;
--tw-shadow: 0 0 #0000;
&:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
border-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
}
}
input::placeholder,
textarea::placeholder {
color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
opacity: 1;
}
::-webkit-datetime-edit-fields-wrapper {
padding: 0;
}
::-webkit-date-and-time-value {
min-height: 1.5em;
text-align: inherit;
}
::-webkit-datetime-edit {
display: inline-flex;
}
::-webkit-datetime-edit,
::-webkit-datetime-edit-year-field,
::-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-top: 0;
padding-bottom: 0;
}
select {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgb(var(--eva-color-coolGray-500%2c 81 110 134) / 1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
print-color-adjust: exact;
}
[multiple],
[size]:where(select:not([size="1"])) {
background-image: initial;
background-position: initial;
background-repeat: unset;
background-size: initial;
padding-right: 0.75rem;
print-color-adjust: unset;
}
[type=checkbox],
[type=radio] {
appearance: none;
padding: 0;
print-color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
background-color: #fff;
border-color: rgb(var(--eva-color-coolGray-500, 81 110 134) / 1);
border-width: 1px;
--tw-shadow: 0 0 #0000;
}
[type=checkbox] {
border-radius: 0px;
}
[type=radio] {
border-radius: 100%;
}
[type=checkbox]:focus,
[type=radio]:focus {
outline: 2px solid transparent;
outline-offset: 2px;
--tw-ring-inset: var(--tw-empty, );
--tw-ring-offset-width: 2px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(var(--eva-color-blue-600, 16 107 244) / 1);
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow);
}
[type=checkbox]:checked,
[type=radio]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
[type=checkbox]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
@media (forced-colors: active) {
appearance: auto;
}
}
[type=radio]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
@media (forced-colors: active) {
appearance: auto;
}
}
[type=checkbox]:checked:hover,
[type=checkbox]:checked:focus,
[type=radio]:checked:hover,
[type=radio]:checked:focus {
border-color: transparent;
background-color: currentColor;
}
[type=checkbox]:indeterminate {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
@media (forced-colors: active) {
appearance: auto;
}
}
[type=checkbox]:indeterminate:hover,
[type=checkbox]:indeterminate:focus {
border-color: transparent;
background-color: currentColor;
}
[type=file] {
background: unset;
border-color: inherit;
border-width: 0;
border-radius: 0;
padding: 0;
font-size: unset;
line-height: inherit;
}
[type=file]:focus {
outline: 1px solid ButtonText;
outline: 1px auto -webkit-focus-ring-color;
}
}
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 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-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-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; }
@property --tw-border-spacing-x { syntax: ""; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: ""; inherits: false; initial-value: 0; }
@keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes ping {
75%, 100% {
transform: scale(2);
opacity: 0;
}
}
@keyframes pulse {
50% {
opacity: 0.5;
}
}
@keyframes bounce {
0%, 100% {
transform: translateY(-25%);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
}
50% {
transform: none;
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes fadeOut {
0% {
background-color: rgb(var(--eva-color-blue-100, 221 237 253) / 1);
}
100% {
background-color: transparent;
}
}
@keyframes widthGrow {
0% {
width: 0%;
}
100% {
width: var(--target-width);
}
}
@keyframes ellipsis {
0% {
content: "";
}
25% {
content: ".";
}
50% {
content: "..";
}
75% {
content: "...";
}
}
@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-font-weight: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-scroll-snap-strictness: proximity;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%;
--tw-leading: initial;
--tw-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: "";
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
}
}
}
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
/*!
* Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)
* Copyright 2024 Fonticons, Inc.
*/
/*!
* Cropper.js v1.5.6
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2019-10-04T04:33:44.164Z*/
/*! Pickr 1.8.1 MIT | https://github.com/Simonwep/pickr*/
/*# sourceMappingURL=eva.css.map */